/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: 'Trebuchet MS', Helvetica, sans-serif; margin:0 auto;
	background-color:#85a1b9
}
ol, ul {
	list-style: none;
}
/* common classes */
.clearfix{ clear:both}
span.biggerfont{ font-size:30px; text-align:center;}
a.makepinklink{color:#e00051}
a.makeblacklink{color:#000}
p.middledesc { font-size:18px; text-align:center; padding-bottom:20px;}
.padtext{padding-bottom:4px;}
.normalfont{font-size:12px; padding-top:4px; }
.join_error{color:#dd0000; font-size:11px;}

/* ids */
#container{ width:950px; margin:0 auto; background-color:#e0e0e0; border-left:1px solid #FFF; border-right:1px solid #FFF;}
#header{}
#topbar{ background-image:url(images/top_bar.jpg); background-repeat:no-repeat; width:950px; height:66px; position:relative}
#topbar p{ position:absolute; bottom:10px; right:20px; color:#FFFFFF}
#headerimg{}
#description {width:96%; margin:15px auto}
#description p{font-family:Tahoma; text-align:center; line-height:20px; font-size:12px;}
#footer{ font-size:11px; font-family:Tahoma; margin:20px auto; width:800px; text-align:center; padding-bottom:20px;}
#footer a{color:#e00051; }
.menu li{ float:left;display:inline;}

.tabletop{ background-image:url(images/table_topbar.jpg); background-repeat:no-repeat; width:922px; height:49px; margin:0 auto; position:relative}
.tabletop h2{ position:absolute; top:12px; left:10px; color:#FFFFFF; font-family:Tahoma; font-size:25px;}
.tablebot{background-image:url(images/table_botbar.jpg); background-repeat:no-repeat; width:922px; height:74px; margin:0 auto; padding-bottom:10px;}
.tablebot a{color:#ffea00; font-family:Tahoma; font-size:32px; padding-left:120px; top:20px; position:relative}
.tablecontainer{ background-color:#FFFFFF; width:922px; margin:0 auto;}
.tablecontainer ul{padding:10px;}
.tablecontainer li{ float:left;display:inline; margin-left:10px; margin-bottom:2px}

#picform_container{width:100%; margin:20px auto; }
#picform_container ul.mainformcontainer{width:100%;}
#picform_container ul.mainformcontainer li{float:left; margin-left:10px;}

#formcontainer{ border:5px solid #ccc; background-color:#FFFFFF; width:420px; padding-bottom:20px;}
#joinform ul.fields { width:300px}
#joinform ul.fields li{ display:block; margin-top:10px; clear:both;width:380px}
#joinform ul.fields li .inputbox{ width:208px; height:30px; border:1px solid #c5c5c5; background-color:#e5e5e5; margin-top:8px;}
#joinform ul.fields li .inputbox:focus{ border:1px solid #f1b987; background-color:#ffe8ab}
#joinform ul.fields li .joinbutton{ background-image:url(images/joinpics/joinbutton.jpg); background-repeat:no-repeat; width:348px; height:60px; border:0; cursor:pointer; cursor:hand;}
p.redwarning{ font-size:20px; background-color:#dd0000; padding:6px; color:#FFFFFF; text-align:center; width:800px; margin:10px auto 20px auto}