﻿* {
	margin: 0;
	padding: 0;
	background: transparent;
}

body {
	font-family: arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	text-align: center;
	background-color: #3e424b;
}

.wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	background: transparent;
}

.page {
	position: relative;
	width: 680px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: transparent url(../images/page_bg.png) 0 0 repeat-y;
	text-align: center;
	height:  auto;
	float: right;
}

/*------------- SUPER NAV ----------------- */

.supernav{
	position: relative;
	width: auto;
	margin: 2px 40px 0 0;
	text-align: right;
	background: transparent;
	padding: 0;
	height: 38px;
	float: right;
	}

.supernav p{
	font: normal 10px/15px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	color: #111111;
	float: left;
}

.supernav p a, .supernav p a:link, .supernav p a:visited{
	font: normal 10px/15px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	text-decoration: none;
	margin: 0 auto;
	padding: 0;
	color: #111111;
}

.supernav p a:hover, .supernav p a:active{
	text-decoration: underline;
 	color: #111111;
 }

.supernav p a.feed img{
	position: absolute;
	margin: 0 auto;
	top: 12px;
	border: 0;
	
}

/*------------- PAGE IMAGE ----------------- */

.page img.main_image{
	position: relative;
	margin: 0 auto;
	margin-left: 18px;
	padding: 0;
	width: 645px;
	height: 300px;
	float: left;
}

/*------------- MAIN CONTENT ----------------- */

.main{
	position: relative;
	text-align: left;
	background: transparent url(../images/page_pixel.png);
	width: 606px;
	height: auto;
	margin: 0 0 0 17px;
	padding: 15px 20px 0px 20px;
	float: left;
}

h1{
	font: normal 24px/16px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	color: #5C832F;
}

h2{
	font: normal 16px/16px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 10px 0;
	padding: 0;
	color: #ccffcc;
}

h3{
	font: normal 14px/16px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 10px 0;
	padding: 0;
	color: #ccffcc;
}

h4{
	font: normal 12px/19px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #ffffff;
}


.main p.intro{
	font: normal 16px/25px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 10px 0 15px 0;
	padding: 0;
	color: #111111;
}

.main p{
	font: normal 12px/19px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #111111;
}

.main p a, .main p a:link, .main p a:visited{
	font: normal 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #5C832F;
	text-decoration: underline;
}


.main p a:hover, .main p a:active{
	font: normal 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #659034;
	text-decoration: underline;
}


.main ul{
	font: normal 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #111111;
	margin:  10px 0;
}

.main ul li{
	font: normal 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #111111;
	padding: 0 0 0 32px;
	margin: 0;
	background: transparent url(../images/grey_arrow_internal.gif) 16px 6px no-repeat;
	list-style-image: none;
	list-style-type: none;
	height: auto;
}

.main ul li a, .main ul li a:link, .main ul li a:visited{
	font: normal 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #5C832F;
	text-decoration: none;
}


.main ul li a:hover, .main ul li a:active{
	font: normal 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #ccffcc;
	text-decoration: underline;
}


.row1, .row2, .row3{
	position: relative;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	width: 604px;
	height: 150px;
}

.area1, .area2, .area3{
	float: left;
}

.area1 a img, .area2 a img, .area3 a img{
	border: 0;
}


.area2, .area3{
	margin-left: 39px;
}

/*------------- MAIN LEFT COLUMN CONTENT ----------------- */

.main_left{
	position: relative;
	margin: 0;
	padding: 0 0 0px 0;
	background: transparent;
/*	width: 360px;	*/
	text-align: left;
	float: left;
	overflow: hidden;
}

/*------------- MAIN LEFT WIDGET CONTENT ----------------- */

.widget_left{
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: left;
	background: transparent;
	width: 213px;
	float: left;
}

.widget_left blockquote p{
	font: normal 14px/20px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 30px 0 10px 16px;
	text-indent: 24px;
	padding: 12px 8px 0 0;
	background: transparent url(../images/bq_quotes.gif) 0 0 no-repeat;
	color: #777777;
}


.widget_left p.author{
	font: normal 10px/14px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #cccccc;
	margin-left: 16px;
}

.widget_left p.author span.position{
	font: normal 10px/14px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #888888
}

/*------------- MAIN RIGHT COLUMN CONTENT ----------------- */

.main_right{
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: left;
	background: transparent;
	width: 213px;
	float: right;
}

.main_right blockquote p{
	font: normal 14px/20px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 30px 0 10px 16px;
	text-indent: 24px;
	padding: 12px 8px 0 0;
	background: transparent url(../images/bq_quotes.gif) 0 0 no-repeat;
	color: #777777;
}


.main_right p.author{
	font: normal 10px/14px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #cccccc;
	margin-left: 16px;
}

.main_right p.author span.position{
	font: normal 10px/14px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	color: #888888
}

.widget{
	position: relative;
	width: 213px;
	height: auto;
	background: transparent;
	text-align: left;
	float: none;
	z-index: 3;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	padding: 0;
}

.widget_top{
	position: relative;
	background: transparent url(../images/widget_top.gif) 0 0 no-repeat;
	margin: 0 auto;
	width: 213px;
	height: 8px;
	
}

.widget_content{
	position: relative;
	background: #3e424b;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	text-align: left;
	margin: 0 auto;
	padding: 10px 20px;
}

.widget_content p{
	font: normal 11px/19px arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #888888;
}

.widget_content img{
	margin: 12px 0 5px -8px;
}

.widget_bottom{
	position: relative;
	background: transparent url(../images/widget_bottom.gif) 0 0 no-repeat;
	margin: 0 auto;
	width: 213px;
	height: 8px;
}


/*------------- MAIN NAVIGATION / LEFT COLUMN ----------------- */

.left{
	position: absolute;
	text-align: right;	
	margin: 35px auto 0 2px;
	padding: 0;
	width: 218px;
	height: 400px;
	top: 0;
	left: 0px;
	z-index: 100;
	}

.left a img{
	margin: 0 20px 56px 0;
	border: 0;
}

.left_nav{
	position: relative;
	text-align: right;
	margin: 0 auto;
	padding: 0;
	width: 218px;
	min-height:  386px;
	float: left;
	background: transparent;
	z-index: 100;
}

.left ul{
	margin:  0px -1px 10px 0;
	z-index: 100;
}

.left ul ul{
	margin:  0 0 2px 0;
	padding: 4px 0 2px 0;
	}
	

.left ul li{
	font: bold 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	padding: 0;
	margin: 0 auto;
	list-style-image: none;
	list-style-type: none;
	height: auto;
}

.left ul li:hover{
background: transparent url(../images/nav_bg_on.png) 100% 0 no-repeat;
}

.left ul li li:hover{
background: transparent;
}


.left ul li a:link, .left ul li a:visited{
	font: bold 12px/19px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #D3D3D3;
	background: transparent;
	padding: 4px 20px 2px 0;
	text-decoration: none;
	height:auto;
	display: block;
}

.left ul li a:hover{
	background: transparent;
	text-decoration: none;
	color: #FFFFFF;
}

.left ul li a.selected{
	background: transparent url(../images/nav_bg_on.png) 100% 0 no-repeat;
	text-decoration: none;
	color: #FFFFFF;
}



.left ul li li{
	font: bold 11px/16px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	padding: 0;
	margin-right: 15px;
	list-style-image: none;
	list-style-type: none;
	height: auto;
}

.left ul li li a:link, .left ul li li a:visited{
	font: bold 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #888888;
	background: transparent;
	padding: 0px 20px 0px 0;
	text-decoration: none;
	height:auto;
	display: block;
}

.left ul li li a:hover{
	background-image: url(/images/left_nav_on.gif);
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat-y;
	text-decoration: none;
	color: #ffffff;
}

.left ul li li a.selected{
	background: transparent url(../images/_nav_bg_on.png) 0 0 no-repeat;
	text-decoration: none;
	color: #ffffff;
}


.left ul li li li{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	padding: 0;
	margin-right: 15px;
	list-style-image: none;
	list-style-type: none;
	height: auto;
}


.left ul li li li a:link, .left ul li li li a:visited{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #555555;
	background: transparent;
	padding: 2px 20px 2px 0;
	text-decoration: none;
	height:auto;
	display: block;
}

.left ul li li li a:hover{
	background: transparent;
	text-decoration: underline;
	color: #ffffff;
}

.left ul li li li a.selected{
	background: transparent url(../images/white_arrow_on.gif) 159px 9px no-repeat;
	text-decoration: underline;
	padding-right: 34px;
	color: #ffffff;
}


/*------------- FOOTER ----------------- */

.footer{
	position: relative;
	height: auto;
	width: 646px;
	margin: -19px auto 0  auto;
	padding:0;
	background: transparent;
	text-align: center;

}

.footer_content{
	position: relative;
	width: 646px;
	margin: 0 auto;
	height: auto;
	padding: 20px 0 10px 0;
	text-align: center;
/*	background: url(../images/footer_pixel.png) #3e424b; */
}
	
.footer_content p{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #999999;
	margin-bottom: 8px;
}

.footer_content p a, .footer_content p a:link, .footer_content p a:visited{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #999999;
	text-decoration: none;
}

.footer_content p a:hover, .footer_content p a:active{
	font: normal 11px/18px arial, helvetica, verdana, 'lucida grande', 'lucida sans unicode', sans-serif;
	color: #ffffff;
	text-decoration: underline;
}	

.footer_content a img{
	position: relative;
	margin-bottom: 10px;
	border: 0;
}

.footer_bottom{
	position: relative;
	height: auto;
	width: 645px;
	height: 5px;
	margin: 0 auto;
	padding:0;
	background: transparent url(../images/footer_bottom_bg.png) 0 0 no-repeat;
	text-align: center;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash  h1.title {
	visibility: hidden;
	font-size: 22px;
  line-height: 24px;
}

.sIFR-hasFlash  h1.footer {
	visibility: hidden;
	font-size: 22px;
  line-height: 24px;
}

.sIFR-hasFlash  h2.title {
	visibility: hidden;
	font-size: 18px;
  line-height: 18px;
}

.sIFR-hasFlash  h3.title {
	visibility: hidden;
	font-size: 11px;
  line-height: 14px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.divider{
	margin: 15px 0;
	padding: 0;
	height: auto;
	border-top: 1px dotted #c3c3c3;
}


#logo_web {
	visibility: visible;
}
#logo_print {
	visibility: hidden;
	display: none;
}
#pageNum {
	visibility: hidden;
	display: none;
}
