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

/*-----------------------------------------------------------------------------
	Fraserview Styles
	
	version:   1.0

/* ---------------------------------------------------------------------------
Basics
-----------------------------------------------------------------------------*/
	
* html #container {
	height: 100%;	
}

html, body {
	height: 100%;	
}
	
	* { margin: 0; padding: 0px; } /* Remove padding and margin */

	h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 0em 0;
} /* Put it back on certain elements */ 
	
	.clear { clear:both; } /* Class for clearing floats */
	
	img { border: 0; } /* Remove border around linked images */
	
/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
		
.break {
	margin: 0;
	padding: 0;
	border-width: 0;
	height:8px;
	line-height: 8px;
}

.bigBreak {
	height:15px;
}

br {
	margin: 0;
	padding: 0;
	border-width: 0;
	line-height: 6px;
}

*.brHalf { display:block; margin-top:-0.5em; }

*.brSingle { display:block; margin-top:0em; }

*.brOne { display:block; margin-top:1.5em; }

*.brDouble {
	height:12px;
}

/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	

a:link {
	text-decoration: underline;
	color: #b5cbf8;
	font-size:14px;
}
a:visited {
	text-decoration: underline;
	color: #b5cbf8;
	font-size:14px;
}
a:hover{
	text-decoration: underline;
	color: #ffffff;
	font-size:14px;
}

a:active{
	text-decoration: underline;
	color: #ffffff;
	font-size:14px;
}

a.style1:link {
	text-decoration: none;
	color: #2e3940;
	font-size:14px;
}
a.style1:visited {
	font-weight: bold;
	text-decoration: none;
	color: #2e3940;
	font-size:14px;
}
a.style1:hover{
	font-weight: bold;
	text-decoration: none;
	color: #2e3940;
	font-size:14px;
}

a.style1:active{
	font-weight: bold;
	text-decoration: none;
	color: #2e3940;
	font-size:14px;
}

	
/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	

p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height:23px;
	color:#2f3742;
	padding:0;
	margin:0;
	padding-bottom: 0px;
	text-align: left;
}

h1 {
	font-family: Georgia, Helvetica, sans-serif;
	color:#455560;
	font-size:24px;
	line-height:21px;
	padding:0;
	margin:0;
	padding-bottom: 20px;
	font-weight: normal;
	font-style: italic;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:30px;
	color:#ffffff;
	margin:0;
	padding-bottom: 10px;
	font-style:normal;
	font-weight: bold;
}

ul {
	list-style:bullet;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#92b2fb;
	line-height:21px;
	margin-top: 0px;
	padding-bottom: 0px;
}


li {
	padding-bottom:8px;
	
}

/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#394750;
	text-align: center;
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0;
	padding: 0; }
	
#wrapper {
	background:url(../images/bgRepeat.jpg) repeat;
	width: 100%;
	text-align: left;
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	}
	
#siteFrame {
	background-color:#2e3940;
	margin: 0 auto;
	width: 725px;
	padding-left: 5px;
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

/* ---------------------------------------------------------------------------
Top Logo & Navigation
-----------------------------------------------------------------------------*/

#topBanner{
	background:url(../images/topBanner.jpg) no-repeat; 
	width:720px; 
	height:186px;
}

#topMenu{
	width:720px;
	height:30px;
	position:relative;
	background-color:#455560;
	padding-top: 6px;
}

.menuAlign{
	float:right; width:513px;
}

.topMenuItem{
	float:left;
	padding-right:2px;
}

.topMenuItem a:link {
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.topMenuItem a:visited {
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.topMenuItem a:hover, a:active {
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#EAF554;
	font-weight:normal;
	text-decoration:underline;
}

.selectedItem{
	color:#EAF554;
}

.topMenuItem p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#fff;
	padding:0;
	margin:0;
	padding-bottom: 0px;
	text-align: left;
}

#topMenu_secondary{
	width:700px;
	height:30px;
	position:relative;
	background-color:#2e3940;
	padding-top: 6px;
	text-align: right;
	padding-right: 20px;
}

/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/

#mainContent{
	width:720px; 
	background-color:#FFF;
	background:url(../images/contentArea_bg.jpg) repeat-y;
	position:relative; 
	padding-top:2px;
}

.breadcrumbs{
	padding:0px 0px 0px 0px;
	height:40px;
}

.breadcrumbs p {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#9ea6ac;
	font-weight:normal;
	text-decoration:none;
}

.breadcrumbs a:link {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#8fc031;
	font-weight:normal;
	text-decoration:none;
}
.breadcrumbs a:visited {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#8fc031;
	font-weight:normal;
	text-decoration:none;
}
.breadcrumbs a:hover, a:active {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#8fc031;
	font-weight:normal;
	text-decoration:underline;
}

.left_sideMenu{
	float:left; width:203px;
}

.leftFrame{
	background-color:#455560;
	float:left;
	width:203px;
	position: relative;
	padding: 10px 0px 0px 0px;
}

.leftFrame h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:19px;
	color:#ffffff;
	margin:0;
	padding-bottom: 10px;
	font-style:normal;
	font-weight: bold;
}


.leftFrame a:link {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
.leftFrame a:visited {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;;
	font-weight:normal;
	text-decoration:none;
}
.leftFrame a:hover, a:active {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#EAF554;
	font-weight:normal;
	text-decoration:underline;
}

.rightFrame{
	float:left;
	width:470px;
	background-color:#FFF;
	padding:8px 20px 0px 25px;
}

.sideNav{
	padding:23px 0px 0px 20px;
	height: 210px;
}

.sideNav a:link {
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#b5cbf8;
	font-weight:normal;
	text-decoration:none;
}
.sideNav a:visited {
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#b5cbf8;
	font-weight:normal;
	text-decoration:none;
}
.sideNav a:hover, a:active {
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}

.sideNav ul {
	list-style:bullet;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#92b2fb;
	line-height:21px;
	margin-top: 0px;
	padding-bottom: 0px;
}

.sideNav li {
	padding-bottom:8px;	
}

.sideNav h2 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 17px;
	line-height:30px;
	color:#ffffff;
	margin:0;
	padding-bottom: 10px;
	font-style:normal;
	font-weight: normal;
}

.sideMenu_top{
	background-color:#000;
	width:193px;
	height:32px;
	padding:4px 0px 0px 10px;
	margin:0px 0px 2px 0px;
}

.sideMenu_top h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#ffffff;
	margin:0;
	padding-bottom: 0px;
	font-style:normal;
	font-weight: bold;
}


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

#footerFrame {
	background:#58585a; 
	width:710px; 
	height:55px; 
	padding:10px 0px 0px 10px;
}

#footerFrame p{
	font:Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#e2e2e2;
	padding-bottom: 2px;
	line-height:18px;
}

#footerFrame a:link {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#b5cbf8;
	text-decoration:underline;
}
#footerFrame a:visited {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#b5cbf8;
	text-decoration:underline;
}
#footerFrame a:hover, a:active {
	font:Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:underline;
}