/* == [ INIT ] =================================================== */

* { padding:0;margin:0;border:none; }
a { text-decoration:none; }
hr { display:none; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }


body { 
	margin:0 0 20px 0;
	text-align:center;
	font:12px/14px Verdana, sans-serif;
}

#wrapper {
	margin:0 auto;
	width:780px;
	position:relative;
	z-index:0;
}

#wrapper h1 { display:none; }
#header { height:136px; }


#content {
	width:740px;
	text-align:left;
	height:100%;
	/* Hide from IE-mac \*/
	margin:0 auto;
	border:none;
	overflow:visible;
	/* end hack */
}


/* == [ TOP NAV ] ==================================================== */

#header-logo {
        margin:0; padding:0;
        position:relative;
        width:780px; height:142px;
        overflow:hidden;
        }
#header-logo span {
        display:block;
        position:absolute; left:0; top:0; z-index:1;
        width:780px; height:142px;
        margin:0; padding:0;
        }
#nav-container {
        position:absolute;
        top:111px;
        left:427px;
      	height:17px;
		width:500px;
				}

/* == [ HOME ] =================================================== */

#home #features {
	width:400px;
	float:left;
	background:#ffffff;
	margin:0; padding:0;
}

#home #features #news { 
	width: 348px;
	height: 89px; 
	background:url(/img/latest-news.gif) no-repeat; 
	margin-top:10px; 
	margin-left:9px;
	padding: 44px 20px 17px 23px;
}
#home #features #news p { margin-bottom:6px; font-size: 12px; font:normal 10px/10px Verdana, serif; padding-top:0; }
#home #features #news a { color:#ff0393; }
#home #features #news a:hover { color:#000; }
#home #features #news p.date { font-size:8px; margin: 0 0 8px 0;}
#home #features #news h3 { font:bold 12px "Trebuchet MS", sans-serif; line-height:12px; }

#home #features .item_alt1, #home #features .item_alt2 {
	margin:20px 0 0 20px;
	width:340px;
	height:185px;
}

#home #features .item_alt1 img { float:left; margin:0 10px 0 0;}
#home #features .item_alt2 img { float:right; margin:0 0 0 10px;}

#home #features .item_alt1 { background:#ffffff url(promo-shadow-l.gif) repeat-y; padding:0 10px 0 0;}
#home #features .item_alt2 { background:#ffffff url(promo-shadow-r.gif) repeat-y 100% 0;text-align:right; padding:0 0px 0 10px;}

#home #features h4 { font:normal 26px/22px Georgia, sans-serif; color:#417cb6; padding:10px 0 3px 0;}
#home #features h5 { font:normal 10px/10px Verdana, serif;text-transform:uppercase; }
#home #features p { padding:7px 0 0 0; }


#home #info { 
	width:340px; 
	float:left; 
}

#home #info h2 { 
	display:none;
}

#home #info #topbuttons { width:340px; }
#home #info #topbuttons td.findgrouphome { width:173px; height:60px; }
#home #info #topbuttons td.newslettersignup { width:163px; height:54px; padding:0 0 6px 4px; }

#home #info #intro { padding: 0 20px 0 20px; margin-top:12px; }
#home #info #intro p { font-size:11px; color:#555; }

#home #info #login {
	width:304px;
	height:39px;
	padding:8px;
	margin:-5px 10px 0 10px;
}

#home #info .item { 
	padding:8px 10px;
	margin:10px;
	width:300px;
}

#home #info .item img.bomb { 
	float:left;
	margin:3px 6px 3px 0;
}

#home #info .item h3 { 
	font-size: 12px;
}

#home #info #quicklinks { padding: 0; }
#home #info #quicklinks a { padding: 0; }

#home #info #poll { height:177px; }


#home #extrabuttons { 
	height:140px; 
	padding:20px 0 0 0; 
	clear:both;
}

#home #extrabuttons p { float:left; width:120px; height:110px; text-align:center; border-left:2px dotted #e3e3e3; margin:0 20px 0 0; padding:0 0 0 20px; font-size:10px; }
#home #extrabuttons p.first { border:none; margin:0 20px 0 40px; }
#home .clear { clear:both; background:red; height:0px; line-height:0px;}

/*Win IE fix \*/
* html #home #extrabuttons p.first { margin:0 20px 0 20px; }
/*End Win IE fix*/

#home #extrabuttons img { border:5px solid #e5eae6; margin:5px 0 0 0; margin-bottom:6px; }
#home #extrabuttons a { color:#a7a7a7; }
#home #extrabuttons a:hover { color:#000; }


/* == [ SIDEBAR ] ================================================ */

#sidebar {
	padding:10px 0 0 0;
	width:130px;
	float:left;
}

#sidebar h4 {
	font:bold 18px Arial, serif;
	letter-spacing: -1px;
	margin:0 10px 8px 10px;
	text-align:right;
}

#sidebar ul { 
	font:bold 13px Arial, sans-serif;
	letter-spacing: -1px;
	text-transform:uppercase;
	list-style: none;
	text-align:right;
	margin:0 0 14px 0;
}

#sidebar ul li { margin:4px 10px; }
#sidebar ul a { display:block; padding:2px 0; }


/* == [ MAIN (CONTENT) ] ==================================================*/

#main {
	width:610px;
	float:left;
	margin:0;
	}

#main #itemindex p.overview {
	margin:0 0 10px 20px;
	width:110px;
	float:left;
	text-align:center;
	font-size:10px;
}

#main #itemindex p.overview img {
	padding-top:6px;
}
#main h1 {
	display:block;
	color:#FF0393;
	font-size:12px;
	text-transform: uppercase;
	padding-left: 20px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#main h2 {
	display:block;
	color:#FF0393;
	font-size:12px;
	text-transform: uppercase;
	padding-left: 20px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#main h3 {
	display:none;
	font:normal 17px Georgia, serif;
	margin:20px 20px 0 20px;
}

#main p {
	margin-right: 20px;

	margin-left: 20px;
	padding-left: 0px;
}

#main .h1 {
	display:block;
	font:bold 14px Arial, sans-serif;
	color:#000;
	margin:0px 20px 10px 0px;
}

#main .h2 {
	display:block;
	font:bold 14px Arial, sans-serif;
	letter-spacing: -1px;
	margin:20px 20px 10px 0px;
}

#main .h3 {
	display:block;
	font:bold 16px "Trebuchet MS", serif;
	margin:20px 20px 0 0;
	text-transform:uppercase;
}

#main .intro {
	display:block;
	font-size: 14px;
	line-height: normal;
	margin:10px 20px 10px 0px;
}

#main option {
	margin: 4px;
}

#main span.img_left {
	margin:6px 14px 6px 0;
	float:left;
}

#main span.img_right {
	margin:6px 0 6px 14px;
	float:right;
}

#main span.img_right img, #main span.img_left img {
	border:1px solid black;
}

#main form { margin:0; }
#main select, input, textarea { font:normal 12px Verdana, serif; border:1px solid black; margin:2px; vertical-align:middle; }
#main .required { color:#CB0000; font-size:14px; vertical-align:top; }
#main .error {	border:1px solid #CB0000; background-color:#F9D6D6; color:#840000; padding:6px; font-size:11px; }
#main .info  { border:1px solid #98EA89; background-color:#E6FFE2; color:#366C2C; padding:6px; font-size:11px; }

#main table { 
	margin:0 20px 20px 20px;
}
#main td, #main th { padding: 4px; font-size:10px; }
#main td.head {
	font:normal 15px Arial, serif;
	padding-top:10px;
}
#main td.label {
	text-align:right;
	font-weight: bold;
}


/* == [ GROUP HOME PAGE ] =========================================*/

#main #grouphome .h4 {
	font:normal 14px Georgia, serif;
	margin:0 20px 0 0;
}
#main #grouphome .h1 {
	letter-spacing:-1px;
	font:bold 26px "Trebuchet MS", serif;
	margin:0 20px 0 0;
}

#main #grouphome .h2 {
	display:block;
	font:bold 16px "Trebuchet MS", serif;
	margin:0px 20px 10px 0px;
	text-transform:uppercase;
}

#main #grouphome span.container {
	float:right;
	width:180px;
	text-align:center;
}
#main #grouphome span.container span.news {
	float:right;
	margin:12px 0 10px 10px;
	padding:10px 10px 10px 10px;
	border:1px solid black;
	background:#f4f4f4;
	text-align:left;
}

#main #grouphome span.images {
	float:left;
	margin:12px 10px 20px 0;
	padding:0;
}
#main #grouphome span.images img { border:1px solid black; }

#main #grouphome #mb_container {
	margin:0px 20px 0 20px;
	border:1px solid black;
	position:relative;
	width:565px;
	height:150px;
	overflow:hidden;
}

#main #grouphome #mb_content {
	position:absolute;
	padding:10px;
	width:565px;
	left:0;
	top:0;
}

#main #grouphome #extrabuttons { margin:18px 0 20px 0; }
#main #grouphome #extrabuttons p { float:left; margin:0 0 0 20px; }
#main #grouphome #extrabuttons img { border:1px solid black; }

/* == [ FOOTER ] ==================================================*/

#footer { 
	width:740px; height:25px; 
	text-align:left;
	/* Hide from IE-mac \*/
	margin:0 auto;
	border:none;
	overflow:visible;
	/* end hack */
}
#footer li { padding:0 5px; display:inline; }
#footer ul#internal { float:left; margin:5px 0 0 10px; }
#footer ul#external { float:right; margin:5px 10px 0 0; }

ul#legal { margin:5px; }
ul#legal li { display:inline; padding:0 5px; font-size:10px;}
