/* --- GENERAL LAYOUT--- */

body {
margin: 10px 0;
background: #ffffff;
text-align: center;
}

img { margin: 0; border: 0; }

.hide { display: none; }

#wrap {
background: #e3524c url(/images/bkgd_main.gif) top left no-repeat;
margin: 0 auto;
padding: 0;
border: 0;
width: 780px;
text-align: center;
}

#topimg {
background: #e3524c;
margin: 5px auto 15px;
padding: 0;
border: 0;
width: 590px;
text-align: center;
}

#imgbar {
background: #e3524c;
margin: 5px 11px;
padding: 0;
border: 0;
text-align: left;
}

#main_cont {
background: #ffffff;
margin: 11px;
margin-bottom: 2px;
padding: 0;
border: 1px solid #666666;
width: 758px;
text-align: left;
}

#cont_left {
background: #ffffff;
margin: 5px 300px 20px 20px;
padding: 0;
border: 0;
text-align: left;
}

#cont_full {
background: #ffffff;
margin: 5px 20px 20px 20px;
padding: 0;
border: 0;
text-align: left;
}

#sidebar {
background: #e2e0da;
margin: 0;
padding: 6px 15px 15px 15px;
border: 0;
width: 249px;
text-align: left;
float: right;
}

.clear {
background: #ffffff;
width: 728px;
height: 5px;
clear: both;
}


/* --- MAIN NAVIGATION --- */

#navdv {
background: #e3524c url(/images/nav_bkgd.jpg) top left no-repeat;
margin: 4px 131px;
padding: 0;
border: 0;
width: 518px;
height: 16px;
text-align: left;
}

#navdv ul {
background: transparent;
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: inline;
}

#navdv li {
background: transparent;
list-style: none;
display: inline;
float: left;
}

a.home, a.faq, a.hubs, a.about, a.memb, a.spon {
background: transparent;
margin: 0;
padding: 0;
border: 0;
height: 15px;
display: block;
text-indent: -3000px;
margin-right: 31px;
}

a.home { width: 50px; }
a.faq { width: 35px; }
a.hubs { width: 45px; }
a.about { width: 58px; }
a.memb { width: 81px; }
a.spon { width: 93px; margin-right: 0; }

a.home:hover { background: url(/images/nav_home.jpg) top left no-repeat; }
a.faq:hover { background: url(/images/nav_faq.jpg) top left no-repeat; }
a.hubs:hover { background: url(/images/nav_hubs.jpg) top left no-repeat; }
a.about:hover { background: url(/images/nav_about.jpg) top left no-repeat; }
a.memb:hover { background: url(/images/nav_members.jpg) top left no-repeat; }
a.spon:hover { background: url(/images/nav_sponsors.jpg) top left no-repeat; }

/* --- BOTTOM NAVIGATION --- */

#btmnav {
background: #e3524c;
margin: 2px 0 6px;
padding: 0;
border: 0;
text-align: center;
clear: both;
}

#btmnav ul {
list-style: none;
display: inline;
}

#btmnav li {
margin: 0;
margin-right: 16px;
list-style: none;
display: inline;
}

a.nav:link, a.nav:visited, a.nav:active, a.nav:hover {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.nav:link { color: #000000; }
a.nav:visited { color: #000000; }
a.nav:active { color: #000000; }
a.nav:hover { color: #ffffff; }


/* --- TEXT APPEARANCE--- */

h1, h2, h3 {
font-family: verdana, arial, sans-serif;
font-weight: bold;
}

h1 { font-size: x-large; color: #000000; }
h2 { font-size: large; color: #330000; letter-spacing: 1px; }
h3 { margin: 5px 0 0 0; font-size: medium; color: #333333; }

h4 { font-family: verdana, arial, sans-serif; margin: 5px 0 0 0; font-size: medium; color: #000000; }

#sidebar h3 {
margin: 6px 0;
padding: 0 0 3px 0;
color: #003300;
border: 0;
border-bottom: 1px dashed #003300;
}


p {
font-family: arial, verdana, sans-serif;
font-size: medium;
color: #663333;
line-height: 1.5em;
}

#sidebar p { font-size: small; color: #000000; }
#sidebar a:link, a:visited, a:active, a:hover { font-size: small; }

li {
font-family: arial, verdana, sans-serif;
font-size: medium;
color: #663333;
line-height: 1.5em;
}

#sidebar li {
font-family: arial, verdana, sans-serif;
font-size: small;
color: #000000;
line-height: 1.5em;
}

a:link, a:visited, a:active, a:hover {
font-family: arial, verdana, sans-serif;
font-size: medium;
line-height: 1.5em;
text-decoration: underline;
}

a:link { color: #003300; }
a:visited { color: #666666; }
a:active { color: #003300; }
a:hover { color: #666633; }

#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover { font-size: small; }


.floatsomethingcentered {width: 300px; text-align: center; margin: 0px auto; clear: both; }

/* alternate buttons - http://www.cssbuttons.net/skins.php?skin=glass&skinName=Glass&cbfused=Beta&download=http://cssbuttons.googlecode.com/files/glass.zip#thecss
-------------------------------------------------------------*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	BUTTON DEFINITION CLASS */

	button.cssbutton {border:0; text-align:center; padding:0; margin:0; cursor:pointer;}
	button.cssbutton span {font:bold 12px/23px Verdana; color:#666; display:block; cursor:pointer; position:relative; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	LINK DEFINITION CLASS */
	
	a.cssbutton {border:0; float:left; text-align:center;padding:0;margin:0px 0px 10px 0px;cursor:pointer;text-decoration: none;}
	a.cssbutton span {font:bold 1.5em/23px Arial; color:#666; display:block; float: left; white-space:nowrap; height:23px; margin-left:1px; padding:0 35px 0 35px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

	a.cssbutton2 {border:0;
				 /* float:left; */
				 text-align:center;padding:0;margin:0px 0px 10px 0px;cursor:pointer;text-decoration: none;}
	a.cssbutton2 span {font:bold 1.5em/23px Arial; color:#666; display:block; 
				/* float: left; */ white-space:nowrap; height:23px; margin-left:1px; padding:0 35px 0 35px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	INPUT DEFINITION CLASS */
	
	div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}
	div.cssbutton input {border:0; font:bold 12px/23px Verdana; color:#666; display:block; cursor:pointer; float:left; white-space:nowrap; height:23px; margin-left:1px; padding:0 10px 0 9px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
	div.cssbuttonr {border:0; float:right; text-align:center; padding:0; margin:0; cursor:pointer;}
	div.cssbuttonr input {border:0; font:bold 12px/23px Verdana; color:#666; display:block; cursor:pointer; float:right; white-space:nowrap; height:23px; margin-right:1px; padding:0 9px 0 10px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */

/* 	Overrides the CSS Buttons Framework */
	button.cssbutton.glass span,a.cssbutton.glass span,div.cssbutton.glass input {height:41px; line-height:41px;}
	
	button.cssbuttonr.glass span,a.cssbuttonr.glass span,div.cssbuttonr.glass input {height:41px; line-height:41px;}



/* 	Name: 	glass a 
	Desc:	Blue Button	*/
/* 	Right Background	*/
	button.cssbutton.glass.a span,a.cssbutton.glass.a span,div.cssbutton.glass.a input {
	background:url("/img/buttons/glass_aRight.gif") no-repeat right 0;
	}
	button.cssbuttonr.glass.a span,a.cssbuttonr.glass.a span,div.cssbuttonr.glass.a input {
	background:url("/img/buttons/glass_aRight.gif") no-repeat right 0;
	}
/* 	Left (Wedges) Background	*/	
	button.cssbutton.glass.a,a.cssbutton.glass.a,div.cssbutton.glass.a {
	background:url("/img/buttons/glass_aLeft.gif") no-repeat 0 center;
	}
	button.cssbuttonr.glass.a,a.cssbuttonr.glass.a,div.cssbuttonr.glass.a {
	background:url("/img/buttons/glass_aLeft.gif") no-repeat 0 center;
	}	
/* 	:hover Right Background	*/	
	button.cssbutton.glass.a:hover span,a.cssbutton.glass.a:hover span,div.cssbutton.glass.a:hover input {
	background:url("/img/buttons/glass_aRight.gif") no-repeat right 100%;
	}
	button.cssbuttonr.glass.a:hover span,a.cssbuttonr.glass.a:hover span,div.cssbuttonr.glass.a:hover input {
	background:url("/img/buttons/glass_aRight.gif") no-repeat right 100%;
	}	
/* 	:hover Left (Wedges) Background	*/	
	button.cssbutton.glass.a:hover,a.cssbutton.glass.a:hover,div.cssbutton.glass.a:hover {
	background:url("/img/buttons/glass_aLeft.gif") no-repeat -272px center;
	}
	button.cssbuttonr.glass.a:hover,a.cssbuttonr.glass.a:hover,div.cssbuttonr.glass.a:hover {
	background:url("/img/buttons/glass_aLeft.gif") no-repeat -272px center;
	}	


/* 	Name: 	glass b 
	Desc:	BlueGreen Button	*/
/* 	Right Background	*/
	button.cssbutton.glass.b span,a.cssbutton.glass.b span,div.cssbutton.glass.b input {
	color:#FFF;
	background:url("/img/buttons/glass_bRight.gif") no-repeat right 0;
	}
/* 	Left (Wedges) Background	*/	
	button.cssbutton.glass.b,a.cssbutton.glass.b,div.cssbutton.glass.b {
	background:url("/img/buttons/glass_bLeft.gif") no-repeat 0 center;
	}
/* 	:hover Right Background	*/	
	button.cssbutton.glass.b:hover span,a.cssbutton.glass.b:hover span,div.cssbutton.glass.b:hover input {
	background:url("/img/buttons/glass_bRight.gif") no-repeat right 100%;
	}
/* 	:hover Left (Wedges) Background	*/	
	button.cssbutton.glass.b:hover,a.cssbutton.glass.b:hover,div.cssbutton.glass.b:hover {
	background:url("/img/buttons/glass_bLeft.gif") no-repeat -272px center;
	}
	
/* 	Name: 	glass c 
	Desc:	Green Button	*/
/* 	Right Background	*/
	button.cssbutton.glass.c span,a.cssbutton.glass.c span,div.cssbutton.glass.c input {
	color:#FFF;
	background:url("/img/buttons/glass_cRight.gif") no-repeat right 0;
	}
	button.cssbuttonr.glass.c span,a.cssbuttonr.glass.c span,div.cssbuttonr.glass.c input {
	color:#FFF;
	background:url("/img/buttons/glass_cRight.gif") no-repeat right 0;
	}	
/* 	Left (Wedges) Background	*/	
	button.cssbutton.glass.c,a.cssbutton.glass.c,div.cssbutton.glass.c {
	background:url("/img/buttons/glass_cLeft.gif") no-repeat 0 center;
	}
	button.cssbuttonr.glass.c,a.cssbuttonr.glass.c,div.cssbuttonr.glass.c {
	background:url("/img/buttons/glass_cLeft.gif") no-repeat 0 center;
	}	
/* 	:hover Right Background	*/	
	button.cssbutton.glass.c:hover span,a.cssbutton.glass.c:hover span,div.cssbutton.glass.c:hover input {
	background:url("/img/buttons/glass_cRight.gif") no-repeat right 100%;
	}
	button.cssbuttonr.glass.c:hover span,a.cssbuttonr.glass.c:hover span,div.cssbuttonr.glass.c:hover input {
	background:url("/img/buttons/glass_cRight.gif") no-repeat right 100%;
	}	
/* 	:hover Left (Wedges) Background	*/	
	button.cssbutton.glass.c:hover,a.cssbutton.glass.c:hover,div.cssbutton.glass.c:hover {
	background:url("/img/buttons/glass_cLeft.gif") no-repeat -272px center;
	}	
	button.cssbuttonr.glass.c:hover,a.cssbuttonr.glass.c:hover,div.cssbuttonr.glass.c:hover {
	background:url("/img/buttons/glass_cLeft.gif") no-repeat -272px center;
	}