/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:#284a6a; 
	background-image:url(imgs/bg-body.jpg); 
	background-repeat:repeat-x; 
	margin:0px 0px 10px 0px; 
}

a, a:link, a:visited {
	color:#487ab2; 
	text-decoration:none; 
	cursor:pointer;
	cursor:hand;
}

a:hover {
	color:#284a6a; 
	text-decoration:underline; 
	cursor:pointer;
	cursor:hand;
}
.imgpop {
	color:#ffffff; 
	text-decoration:none; 
	cursor:pointer;
	cursor:hand;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	background:#ffffff;
	background-image:url(imgs/bg-nav.jpg);
	background-repeat:repeat-y; 
	width:997px;
	margin:auto;
}
#containerPopup{
	background:#ffffff;
	width:770px;
	margin:auto;
}

#masthead{
	background:#1a3143; 
	background-image:url(imgs/banner-page1.jpg);
	background-repeat:no-repeat; 
	padding:0px; 
	width:997px; 
	height:104px;
}
#mastheadHome{
	background:#1a3143; 
	background-image:url(imgs/banner-home.jpg);
	background-repeat:no-repeat; 
	padding:0px; 
	width:997px; 
	height:104px;
}
#mastheadPopup {
	background:#becde2; 
	font:12px/34px Verdana, Arial, Helvetica, sans-serif; 
	text-indent:8px;
	text-align:left;
	color:#487ab2; 
	border-bottom:2px solid #ffffff; 
	background-image:url(imgs/banner-popup.jpg); 
	background-repeat:no-repeat; 
	padding:0px 0px 0px 0px;
	width:770px; 
	height:36px;
}

#navBar{
  float:left;
	background:#afc4de; 
	vertical-align:top; 
	text-transform:none; 
	padding:0px;
	color:#ffffff; 
	width:187px;
}

#navBarHome{
  float:left;
	background:#afc4de; 
	background-image:url(imgs/bg-nav-home.jpg);
	background-repeat:no-repeat; 
	vertical-align:top; 
	text-transform:none; 
	padding:0px;
	color:#ffffff; 
	width:187px;
}

#addyBar {
  float:left;
    width:169px; 
	font:bold 12px arial,Helvetica,sans-serif; 
	color:#ffffff; 
	vertical-align:bottom; 
	text-align:left; 
	padding:8px;
}

#content{
  float:right;
	background:#ffffff; 
	font:14px/18px Verdana, Arial, Helvetica, sans-serif; 
	background-image:url(imgs/bg-page.jpg); 
	background-repeat:no-repeat; 
	vertical-align:top; 
	text-align:left; 
	padding:20px; 
	width:770px; 
}
#contentHome{
  float:right;
	background:#ffffff; 
	font:14px/15px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(imgs/image-home.jpg); 
	background-repeat:no-repeat; 
	vertical-align:bottom; 
	text-align:left; 
	padding:0px; 
	width:810px; 
	height:550px;
}
#contentPopup{
  float:right;
	background:#ffffff; 
	font:14px/18px Verdana, Arial, Helvetica, sans-serif; 
	background-image:url(imgs/bg-popup.jpg); 
	background-repeat:no-repeat; 
	vertical-align:top; 
	text-align:left; 
	padding:20px; 
	width:730px; 
}

#footer {
	background:#becde2; 
	font:12px/34px Verdana, Arial, Helvetica, sans-serif; 
	text-indent:8px;
	text-align:left;
	color:#487ab2; 
	border-top:2px solid #ffffff; 
	background-image:url(imgs/bg-footer.jpg); 
	background-repeat:no-repeat; 
	padding:0px 0px 0px 0px;
	width:997px; 
	height:36px;
	clear:both;
}
#footerPopup {
	background:#becde2; 
	font:12px/34px Verdana, Arial, Helvetica, sans-serif; 
	text-indent:8px;
	text-align:left;
	color:#487ab2; 
	border-top:2px solid #ffffff; 
	background-image:url(imgs/bg-footer.jpg); 
	background-repeat:no-repeat; 
	padding:0px 0px 0px 0px;
	width:770px; 
	height:36px;
	clear:both;
}

/***********************************************/
/* Navigation Components                       */
/***********************************************/

.navHome {
	background:#afc4de; 
	background-image:url(imgs/bg-nav-home.jpg);
	background-repeat:no-repeat; 
	vertical-align:top; 
	text-transform:none; 
	padding:0px;
	color:#ffffff; 
	width:187px;
}
.nav {
	background:#afc4de; 
	vertical-align:top; 
	text-transform:none; 
	padding:0px;
	color:#ffffff; 
	width:187px;
}
#mainNav {
    width:177px; 
    margin: 6px auto; 
	border-top:1px solid #ffffff; 
	padding: 0px;
    position: relative;
}
.mnav {
	font:bold 12px arial,Helvetica,sans-serif; 
	text-align:left; 
	list-style:none;
	border-bottom:1px solid #ffffff;
	padding:3px 0px 3px 0px;
}

.mnav a,.mnav a:link,.mnav a:visited,.mnav a:active {
	color:#ffffff; 
	text-decoration:none;
	display:block;
	border:1px solid transparent;
	padding:1px 0px 1px 3px;
}
.mnav a:hover {
	color:#ffffff; 
	text-decoration:none;
	display:block;
	border:1px solid #ffffff;
	padding:1px 0px 1px 3px;
}
.mnavON {
	font:bold 12px arial,Helvetica,sans-serif; 
	text-align:left; 
	list-style:none;
	border-bottom:1px solid #ffffff;
	padding:3px 0px 3px 0px;
}

.mnavON a,.mnavON a:link,.mnavON a:visited,.mnavON a:active {
	color:#192e3f; 
	text-decoration:none;
	display:block;
	border:1px solid #ffffff;
	padding:1px 0px 1px 3px;
}
.mnavON a:hover {
	color:#192e3f; 
	text-decoration:none;
	display:block;
	border:1px solid #ffffff;
	padding:1px 0px 1px 3px;
}

/***********************************************/
/* Navigation Components                       */
/***********************************************/

.homeInner {
	font:14px/15px Verdana, Arial, Helvetica, sans-serif;
	padding:320px 0px 0px 36px; 
	width:360px; 
}

.pageTitle {
	font:bold 24px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#284a6a; 
	padding:0px 0px 20px 0px; 
}
.fsubmit {
	font:10px/12px Verdana, Arial, Helvetica, sans-serif; 
	text-align:center; 
	border:1px solid #999999; 
	padding:0px; 
	margin:7px 1px 1px 1px; 
	cursor:pointer; 
	cursor:hand;
}
