
/* Main tags */
body {background:#8b8b8b; 
color:#303030; 
font:76% Verdana,Tahoma,Arial,sans-serif; 
margin:0; padding:0; text-align:center;
}


a {color:#505050; 
font-weight:bold; 
text-decoration:none;
}

a:hover {color:#808080; 
text-decoration:underline;
}

p {line-height:1.5em;
margin:0 0 15px;
}

/* Main container */
#container {background: #f0f0f0 url(images/bodybg_alt.jpg) repeat; 
margin:0; /* makes entire #container go to all 4 edges of the screen*/
min-width:770px; /* minimum size for screen display*/padding:0; 
text-align: left;}

/* Header section */
#sitename {color:#ffffff; 
background-image: url(images/header.gif);
height:102px; 
margin:0;
text-align:left;background-color: #ffffff;background-repeat: no-repeat;background-position: center center;
}

#sitename h1,#sitename h2 {font-weight:400;
letter-spacing:-1px; 
margin:0; 
padding:0;
}

#sitename h1 {font-size:2.4em; padding-top:20px;}
#sitename h2 {font-size:1.6em;}

#navbarshadow {background-image: url(images/bannerShadow.gif);
height: 50px}

/*#menu1 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding: 15px 20px 5px 20px; text-align: center;margin-bottom: 50px;margin-right: 10px;}*/

#menu2 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; text-align: center;margin-bottom: 1%;
margin-right: 10px;}

#menu3 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; text-align: center;margin-bottom: 1%;
margin-right: 10px;}

/*#menu4 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; text-align: center;margin-bottom: 20px;
margin-right: 10px;}*/

#menu5 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding: 15px 20px 5px 20px; text-align: center;margin-bottom: 50px;}

#menu6 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; text-align: center;margin-bottom: 20px;}

#menu7 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; text-align: center;margin-bottom: 1%;}

#menu8 {background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding:15px 20px 5px; text-align: center;margin-bottom: 50px;}

/* Content wrap */
/*#wrap {clear:both; 
font-size:0.9em;padding:0;padding-top: 10px;}*/

/* Liquid layout*/
/*#leftside,#rightside {margin:0; padding:0 10px 10px; width:20%; }*/

#leftside {float: left; width: 10%; margin-left: 3%; display: inline;}

/* Content */
#content{background-color:#fafcff; border:1px solid #909090; color:#2a2a2a; padding: 15px 20px 15px 20px; 
float: left; width: 65%; margin-left: 2%;margin-bottom: 20px }

#rightside { float: left; width: 10%; margin-left: 2%; display: inline}
#leftside h1,#rightside h1 {color:#505050; font-size:1.6em; font-weight:bold; letter-spacing:-1px; margin:0 0 12px;}
#leftside h2,#rightside h2 {font-size:1.1em; margin:0 0 20px;}
#leftside p,#rightside p {font-size:0.9em; line-height:1.4em; margin:0 0 16px 10px;}

.linklist {list-style:none; margin:0 0 16px 10px; padding:0;}
.linklist li {margin-bottom:0.7em;}

/* Sidebar menu */
.nav {background:#e8e9ea; border:1px solid #b0b0b0; color:#606060; display:block; margin-top:8px; padding:5px 4px 4px 10px; position:relative; text-transform:uppercase; width:140px;}
.nav:hover,.active {background:#f8f9fa; border:1px solid #909090; color:#303030; text-decoration:none;}
.sub {font-size:0.8em; letter-spacing:1px; margin:3px 0 2px 10px; padding:4px 2px 2px 8px; width:125px;}

/* Footer */
#footer {background:#8b8b8b url(images/footerbg.jpg) top left repeat-x; clear:both; color:#d0d0d0; font-size:0.9em; font-weight:bold; margin:0; padding:20px 0; text-align:center; width:100%;}
#footer a {color:#d0d0d0; font-weight:bold;}

/* Various classes */
.thumbnail {background:#fafbfc; border:1px solid #b0b0b0; margin:0 0 10px 10px; padding:5px;}
.searchform {margin:0;}
.searchbox {background:#f0f0f0; border:1px solid #b0b0b0; margin:0 4px 0 0; width:100px;}
.searchbutton {background:#f0f0f0; border:1px solid #b0b0b0;}
.clearingdiv {clear:both; height:30px; width:1px;}
.hide {display:none;}
.intro {font-size:1.1em; font-weight:bold; letter-spacing:-1px;}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/* CUT n PASTE div id "MENUWRAP" */


#menuwrap {
	background: #C4CCDB url(images/navbg.gif) repeat-x;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	height: 29px;
	font-size: 10px;
	/*padding: 0px 600px 0px 50px;*/}

#menu {
overflow: hidden;  /*no idea why this works, but it fixes a FF problem*/ 
text-decoration: none;float: right;padding-right: 42%;
list-style: none;}


#menu li {
	list-style: none;
}


#menu a {
	float: left; 
	background:url(images/nav.gif) no-repeat left top;
	margin-right: 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	line-height: 100%;
    text-align: center;    position: relative;
    list-style: none;
}

#menu li a {
	background: url(images/nav.gif) no-repeat;
	padding:8px 0px 11px 0px;
    margin-right: -3px;
	color:#000;
	
	float: left; width: 82px;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */	position: static;
	text-decoration: none;
	list-style: none;}