@charset "utf-8";
/* CSS Document */


/*Universal style rule */
*{
 /*Block all browser default margins and padding */
 	margin:0;
 	padding:0;
 /*Temporary borders */
	 border:dashed 0px #f00;
}


body 
{
margin: 0;
padding: 0;
font-size: 90%;
font-family: georgia, times, "times new roman", serif;
}

/*body sets the background color */
body
{
margin: 0;
padding: 0;
font-size: 90%;
color: #000;
background-color: #00F;
background-image:url(images/background.jpg);
}

/*wrapper sets the layout width */
#wrapper{
	width:790px;
		
	/*put 5 px margin above the wrapper*/
	/*Center the wrapper */
	margin:5px auto 0 auto;
	 /* Required for absolutely-positioned layout only */
  position:relative;	
}

/* Make branding a positioned element, but don't move it*/
#branding{
	position:relative;
}

/* fixes the mysterious image gap */
#branding img{
	display:block;
}

/* Absolute position links in the branding division*/
#branding a{
	position: absolute;
	text-decoration:none;	
}

#navbar{
	background:#06c;	
	height:2em;
	/* For absolutely-positioned navbar */
  position:absolute;
	top:219px; /* Same as branding div height */
	left:0px; 	
	width:790px;
	text-align:center;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
	list-style-type:none;
	text-align:center;
}

/* List items in the navbar */
#navbar li{
	float:left;
	position:relative;
	text-align:center;
}

/* Applies to navbar links visited and unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	font-family:Script MT Bold, Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#9cf;	
	display:block;
	height:2em;
	width:6.95em;	
	text-align:center;
	line-height:2em;
	outline-style:none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
	background:#9cf;
	color:#06c;		
	background-image:url(../images/navbar_logo.png);
	background-position:center;
	background-repeat:no-repeat;
}


/* End of Navbar */

/*Left side navigation*/
#navigation_left {
	width:150px;
	float:left;
	top:5em;
	font-size: 12px;
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	list-style-position: inside;
	list-style-image: none;
}

/* Navbar division - Top navigation bar */


#content{
	/* Left margin width must match leftcolumn width */
	margin-left:150px;
	color:#036;
	padding:2.5em 3em 5em 3em;
}
#content a, a:link{
	text-decoration:none;
	color:#006;
}
#content a:hover, a:active{
	color:#F00;
}

/* Styles h1, h2, and h3 style rules in the content div */
#content h1, #content h2, #content h3{
	font-family: Arial, Helvetica, sans-serif;	
	color:#006;
	font-size:1.55em;
	font-weight:bold;
}
#content h4{
	font-size:.75em;
	color:#006;
}
#content h5{
	font-family: Arial, Helvetica, sans-serif;	
	color:#006;
	font-size:85%;
	
}

/* Styles p, ul, and ol styles in the content div */
#content p{
	text-align: left;
	font-size:1.10em;
	line-height:1.25em;
	color:#006;
	font-family: Arial, Helvetica, sans-serif;
}
#content ul, content ol{
	text-indent:3em;	
	font-size:85%;
	line-height:1.25em;
	color:#006;
	font-family: Arial, Helvetica, sans-serif;
}




/************* Leftcolumn division styles ****************/	 

/* float leftcolumn to the left */
/* REMEMBER content left margin width must match this width*/
#leftcolumn{
	width:150px;
	float:left;
	/* Center images and text inside this div */
  text-align:left;
	/* For absolutely-positioned leftcolumn */
  position:absolute;
	top:255px; /* Same as branding div height */
	left:0px;
  }

/* Applies to images in the leftcolumn div */
#leftcolumn img{
 
  padding-left:2px;
  padding-bottom:1em;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
 
  padding:3px;
  width:75%;
  font-family: Script MT Bold, Tahoma, Verdana, Sans-Serif; 
  font-size:1em;
  margin:1em auto;
  color:#006;
  padding-bottom:.75em;
}
#leftcolumn ul{
	list-style-type:none;
	padding-left:.5em;
	
  padding:0.25em;
  width:75%;
  font-family: Script MT Bold, Tahoma, Verdana, Sans-Serif; 
  font-size:1em;
  margin:1em auto;
  color:#006;
}

#leftcolumn a,
#leftcolumn a:link{
	position: absolute;
	text-decoration: none;
	color: #006;
}

/* Hover links navigation in the leftcolumn division  */
#leftcolumn a:hover{
	color:#F00;
}

/* Active links in navigation in the leftcolumn division  */
#leftcolumn a:active{
	color:#F00;
}


/* Make footer a positioned element, but don't move it */
#footer{
	position:relative;
}

/*page footer */
#footer{
position: relative;
clear: both;
}

#footer p{
	text-align: center;
	font-size:11px;
	line-height:1.25em;
	color:#006;
	font-family: Arial, Helvetica, sans-serif;
		
}

#footer a,
#footer a:link{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #006;
}

/* Hover links in the footer division  */
#footer a:hover{
	color:#F00;
}

/* Active links in footer */
#footer a:active{
	color:#F00;
}


/* style for the site map page only */
#sitemap table{
	border: #06C;
	border-style: groove;
	border-width:2px;
}
#sitemap td{
	border:#06C;
	Border-style:outset;
	border-width:1px;
	text-align:center;
	padding:.5em;
	vertical-align:top;
	}

#sitemap a{
	text-decoration:none;
}

#table_main{
	border:none;
	padding-left:65px;
	width:85%;
}