/* Default attributes */

body {
	background-color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	font-size: 95%;
	font-weight: bold;
	color: #000000;
}
/* Attributes for anything in the "body" of the webpage */

#container {
	background-color: #FFFFFF;
	margin: 10px auto 0 auto;
	width: 1000px;
	height:auto;
	font-size: 1em;
	color: #000000;
	border-color: #CCCCCC;
	border-width: 5px;
	border-style: solid;
}

#container2 {
	background-color: #FFFFFF;
	margin: 10px auto 0 auto;
	width: 1000px;
	height:700px;
	font-size: 1em;
	color: #000000;
	border-color: #CCCCCC;
	border-width: 5px;
	border-style: solid;
}

#rhsubcontainer {
	margin: 0 auto 0 auto;
	float: right;
	width: 500px;
	height:600;
	font-size: 1em;
}

#headercontainer {
	width:1000px;
	height:145px;
	background-repeat:repeat-y;
}
/* WBWG Header */
#headerimg {
	background-image: url(images/website/wbwgheader.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height: 145px;
	width: 1000px;
}

/*Portal header*/

#portalimage {
	background-image: url(images/website/portals/wbwgheaderportal.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height: 145px;
	width: 1000px;
}

/*Horizontal navigation toolbar; sits under header*/

#horizontalnav {
	height:45px;
	width:1000px;
	border-bottom:#000000 thin solid;
	border-top:#000000 thin solid;
	background-color: #FFFFFF;
}

p {
	font-size:95%;
	text-align:left;
}

h1 {
	font-size:1.25em;
	text-align:center;
}

h2 {
	font-size:1.25em;
	text-align:left;
}

h3 {
	font-size:1.00em;
	text-align:left;
	font-weight: bolder;
}

h4 {
	font-size:0.75em;
	text-align:left;
}

h5 {
	font-size:0.75em;
	text-align: center;
}

a:link {
	color:#000000;
}

a:visited {
	color:#000000;
}

a:active {
	color:#000000;
}

a:hover {
	color:#000000;
	background-color:#FFFFFF;
}

/*List Navigation attributes-does not include footer navigation attributes*/
ul {
  	margin: 0;
  	padding: 0;
  	width: 1000px;
	float:right;
}
ul li {
	display:inline;
	float:right;
	margin-left:10px;
	margin-right:50px;
	font:bolder;
}
ul a {
	display: block;
	padding: 5px;
	margin:5px;
	text-decoration: none;
	line-height:20px;
	background-color: #FFFFFF;
}
ul .first a {
	margin-left:220px;
}
ul a:link, ul a:visited, ul a:hover, ul a:active {
	display:block;
	margin-top:5px;
	padding:3px;
	text-decoration:none;
}
ul a:link {
	color:#000000;
}
ul a:visited {
	color:#000000;
}

ul a:hover {
	color:#000000;
	background-color:#FFFFFF;
}
ul a:active {
	color:#000000;
}
ul current a:link {
	color:#000000;
	background-color: #FFFFFF;
}
	
/*Content box*/

#content {
	width:990px;
	height:850px;
	background-color: #FFFFFF;
	color: #000000;
}

#minibox {
	width:auto;
	height:auto;
	background-color: #FFFFFF;
	color: #000000;
}

#contentMix {
	width:990px;
	height:850px;
	background-color: #FFFFFF;
	color: #000000;
	overflow:auto;
}
/* Text box for all pages */
#text {
	float:left;
	overflow:auto;
	width:95%;
	height:750px;
	text-align:left;
	margin-top:5px;
	padding: 20px;
}
/* Text box for some pages */
#textL {
	float:left;
	overflow:auto;
	width:45%;
	height:700px;
	text-align:left;
	margin-top:5px;
	padding: 5px;
}

/* Text box for some pages */
#textR {
	float:right;
	overflow:auto;
	width:45%;
	height:750px;
	text-align:left;
	margin-top:5px;
	padding: 5px;
}

/* Text box for some pages */
#textB {
	float:right;
	width:95%;
	height:150px;
	text-align:left;
	margin-top:5px;
	padding: 5px;
}
/*vertical navigationl box*/
#linksbox {
	background-color:#FFFFFF;
	height:750px;
	width:175px;
	float:left;
}

/*Navigation bar on left hand side of page*/
	
/* Navigation list attributes */
ol {
	list-style:none;
	margin: 5px 5px 0 5px;
	padding:2px;
	width:160px;
	font:bold 0.95em Georgia;
	text-align: center;
}

/* Navigation attributes */
ol li {
	background-color:#FFFFFF;
	padding: 5px;
	height:40px;
	line-height:100%;
	color:#000000;
}

ol a:link, ol a:visited, ol a:hover, ol a:active {
	display:block;
	margin-top:5px;
	padding:3px;
	text-decoration:none;
}
ol a:link {
	color:#000000;
}
ol a:visited {
	color:#000000;
}
ol a:hover {
	color:#000000;
	background-color:#FFFFFF;
}
ol a:active {
	color:#000000;
}
ol current a:link {
	color:#000000;
	background-color: #FFFFFF;
}
	
/*Footer*/
#footer {
	width:1000px;
	height:30px;
	margin: auto;
	background-image: url(images/website/wbwgfooter.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:center;
}
 
