/* This controls global page styles such as font style, background color, etc. */
body{
	font-family:Verdana,sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px;
	background-color:#E3E3E3;
	text-align:center;
	min-width: 826px;
}

/* This container holds all the inner elements and displays the background image. */
#container{
	margin:0 auto;
	width:826px;
	text-align:left;
	background:#FFFFFF url('images/container.jpg') repeat-y;
}

/* This forces the container to expand to enclose the floated div's within. */
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* This displays the top of the white content area. */
#header{
	width:826px;
	height:51px;
	background:#FFFFFF url('images/container_top.jpg');
}

/* This displays the banner background */
#banner{
	width:726px;
	height:234px;
	background:#FFFFFF url('images/banner.jpg');
	margin-bottom:20px;
}

/* This pads and styles the top navigation menu. */
#header_text{
	margin-bottom:20px;
	margin-left:12px;
	font-size:16px;
}

/* This holds all of the inner div's together. */
#inner {
	width:750px;
	padding:0px 0px 0px 50px;
	clear:both;
}

/* This displays the bottom of the white content area and the footer navigation. */
#footer{
	margin:0 auto;
	width:826px;
	height:78px;
	text-align:left;
	background:#FFFFFF url('images/container_bottom.jpg');
}

/* This pads the footer so the footer navigation displays in the right area. */
#footer_text{
	padding:12px 0px 0px 60px;
}

/* This displays the background of the right navigation bar and holds all the nav contents together. */
div.nav_area{
	float:right;
	display:inline;
	width:187px;
	text-align:left;
	background:#FFFFFF url('images/nav.jpg') repeat-y top left;
	margin-right:24px;
}

/* This displays the top of the navigation area and holds the nav box title. */
div.nav_header{
	width:187px;
	height:41px;
	background:#FFFFFF url('images/nav_top.jpg') no-repeat;
}

/* This holds all the text within the nav box and spaces it properly. */
div.nav{
	width:147px;
	margin:0px 19px 0px 19px;
	font-size:16px;
}

/* This displays the bottom image of the nav box. */
div.nav_footer{
	width:187px;
	height:21px;
	background:#FFFFFF url('images/nav_bottom.jpg') no-repeat;
	padding-bottom:26px;
}

/* This displays the background of the content boxes and holds all the contents together. */
div.content_area{
	float:left;
	display:inline;
	width:514px;
	text-align:left;
	background:#FFFFFF url('images/content_area.jpg') repeat-y;
}

/* This displays the top of the content area and holds the contentbox title. */
div.content_header{
	width:514px;
	height:41px;
	background:#FFFFFF url('images/content_area_top.jpg') no-repeat top left;
}

/* This holds all the text within the content box and spaces it properly. */
div.content{
	width:476px;
	margin:0px 19px 0px 19px;
}

/* This displays the bottom image of the content box. */
div.content_footer{
	width:514px;
	height:21px;
	background:#FFFFFF url('images/content_area_bottom.jpg') no-repeat;
	padding-bottom:26px;
}

/* This styles the title text used in the nav and content boxes. */
h1{
	font-family:Verdana,sans-serif;
	font-size:24px;
	font-weight:normal;
	text-align:left;
	margin:0px 0px 0px 19px;
	padding-top:5px;
	
}

/* This styles links. */
a:link,a:visited{
	color:#000099;
	border-color:#000099;
	text-decoration:underline;
}

/* This styles links when hovering over them. */
a:active,a:hover{
	color:#139A8B;
	border-color:#139A8B;
	text-decoration:underline;
}