/* -------------------------------------------------------------- 
  
   PUBLIC WORLD STYLE SHEET
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 0; background: url(../images1/bg.jpg) no-repeat #5B7B86}
#page { margin: 0 auto; width: 940px; padding: 0 20px 20px 20px; background: #fff}


/* Header
-------------------------------------------------------------- */

#header { margin: 0; height:207px; width: 940px; border-bottom: 1px #C3BFA8 solid}

#navbar1 { 
	margin: 0;
	padding: 0;
	width: 940px; 
	height: 37px; 
	border-bottom: 7px #CCC6B0 solid; 
	background: #6A93A5;
	list-style-type: none
	}


#navbar1 li {
	margin: 0;
	float: left;
	height: 37px;
	}

#navbar1 a {
	padding: 4px 15px;
	color: #fff;
	text-decoration: none;
	line-height: 36px;
	border-top: 7px #6A93A5 solid;
	}

#navbar1 a:hover, #navbar1 .select a {border-top: 7px #4F6E7C solid;}

#logo {margin:15px 0 0 0}



/* Body
-------------------------------------------------------------- */

#content {margin: 20px 0 0 0;}

#navbar2 { float: left; width: 142px; margin: 0 10px 0 0; font-size: 90%;}

#article { float: left; width: 540px; margin: 0 10px 0 0; padding: 0 8px;
	min-height:300px;
  	height:auto !important;
  	height:300px; 
  	border-left: solid 1px #C3BFA8;
  	border-right: solid 1px #C3BFA8; }
  	
#sidebar { float: left; width: 220px; margin: 0 0 0 0; font-size: 90%; line-height: 1.4em; }

#widebar { float: left; width: 709px; margin: 0 10px 0 0; border-right: solid 1px #C3BFA8; }

#homepic { float: left; width: 700px; background: red; margin-bottom: 15px}

#homeleft { float: left; width: 335px; margin: 0 10px 0 0; font-size: 100%;}

#homeright { float: left; width: 335px; margin: 0 10px 0 0; font-size: 90%;padding: 0 8px;
	border-left: solid 1px #C3BFA8;
  	}



/* Navbar
-------------------------------------------------------------- */

#navbar2 ul, #navbar2 li {
	margin: 0;
	padding: 0;
	list-style-type: none
	}
	
#navbar2 li {border-bottom: solid 1px #C3BFA8; padding: 5px 0}

#navbar2 a {color:#6C5A3F; text-decoration: none}
#navbar2 a:hover, #navbar2 .select a {color:#00507E; text-decoration: none}

li#topitem {font-size:140%; font-weight: bold; padding-top:0}


/* Article
-------------------------------------------------------------- */

#article {font-size: 110%; line-height: 1.5em; }
#article p, #article h2, #article h3, #article h4, #article h5 {margin: 0.7em 0 0em 0}
#article ul {margin-top: 1em}
#article li {margin-top: 0.5em}




/* Sidebar
-------------------------------------------------------------- */

#sidebar h3 { font-size: 1.4em; line-height: 1.25; margin-bottom: 0.4em; }
#sidebar h4 { font-size: 1.4em; line-height: 1.25; margin-bottom: 0.4em; }
#sidebar p { margin: 0 0 0.5em 0; }
#sidebar li { margin: 0 0 0.3em 0; }
#sidebar ul, #sidebar ol { margin: 0 0 0.6em 1.25em; }

.greybox {background: #D4CCB6; padding: 10px 10px 5px 10px; margin: 0 0 20px 0; float: left; width: 198px; border: 1px #9F9B89 solid}

#updatesbox {
	margin: 0;
	width: 220px; height: 56px;
	position: relative;
	float: left;
	}
	
#updatesbox span {
	width: 100%; height: 100%;
	position: absolute;
	background: url(../images1/updates.gif)
	}
	
#updatesbox a:hover span {
	background: url(../images1/updates1.gif)
	}


/* Footer
-------------------------------------------------------------- */

#footer { 
	margin: 25px 0 0 0;
	padding: 10px 0;
	width: 940px;
	text-align: left;
	font-size: 85%;
	background: #6A93A5;
	height: 35px;
	background-image: url(../images1/circle.gif); background-repeat: no-repeat; background-position: top right
	}
	
#footer ul {margin:0}
#footer li {display: inline; padding: 0 0 0 7px; border-left:1px #1C4050 solid; margin: 0 5px 0 0}
#footer li.first {border: none; margin-left: 5px}
#footer li.last {margin: 0}

#footer a:link, #footer a:visited {color: #fff}


/* Stuff
-------------------------------------------------------------- */	

#preload { height: 0; overflow: hidden; }