/* -----------------------------

Title : framework.css
Author : Erickson Barnett
URL : 

Description :
Created : 
Modified : 

----------------------------- */

body {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #464640;
	background:#fff url('/files/images/bg/body-bg.gif') left top repeat-x;
	font-size: small;
	}


/*-- global list styles ------------------*/

ul, li {
	list-style: none;
   	background: url('/files/images/bullets/bullet.gif') 0 .5em no-repeat;
	line-height: 1.37em;
	}
	
ul {
	background: none;
	padding-left: 0em;
	margin-left: 0em;
	margin: .34em 0em 1.37em 0em;
	}
 
ul li ul {
	margin: .34em 0; /*generally, keep this the same size as the margins on the li's*/
}
 
li {
	font-size: 95%;
	margin: .34em 0 .34em 0;
	padding-left: .8em;
}

li li, li li li {
	font-size: 100%;
}
		
ol {
	background: none;
	margin: .34em 0em 1.37em 0em;
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {
	list-style: decimal;
	background: none;
	padding-left:0;
}

ol li ul li{
	list-style: none;
	background: url(/images/bullets/bullet.gif) 0 .45em no-repeat;
	padding-left: 1em;
}
	
dl {
	font-size: 95%;
	line-height: 1.37em;
	margin: .34em 0 1.37em 0;
}

dt {
	font-weight: bold;
}

dd {
	padding: 0;
	margin: .34em 0 .34em 0;
}

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p, dl form label, dl form select {
	font-size: 100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top: 1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*-- end global list styles ------------------*/


p {
	font-size: 95%;
	line-height: 1.37em;
	margin: .34em 0em 1.37em 0em;
	/* 15px line-height / 11px font-size / top-margin 25% of the main line height */
}


/*-- global header styles ------------------*/

h1 {
	font-size: 125%;
	color: #003760;
	padding: 0;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0em 0em .7em 0em;
}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
	color: #003760;
}

h1 a:hover, h2 a:hover {
	text-decoration: none;
}

.sub h1 {
	margin-bottom: 0;
}

h2 {
	font-size: 105%;
	color: #003760;
	font-weight: normal;
	margin: 0;
}

h3 {
	font-size: 95%;
	color: #000;
	margin: .3em 0em .29em 0em;
}

.sub h3 {
	margin-top: 0;
	margin-bottom: 1.4em;
}

h4 {
	color: #000;
	font-size: 130%;
	font-weight: normal;
	margin: 0em 0em 1em 0em;
}

h5 {
	font-size: 100%;
	margin: 1.15em 0em .29em 0em;
}

h6 {
	font-size: 100%;
	margin: 1.15em 0em .29em 0em;
}

/*-- end global header styles ------------------*/

/*-- global table styles ------------------*/

table {
	font-size: 100%;
	line-height: 1em; /*should equal your main lineheights*/
}
/*this is for win ie5.x and Opera, as it will not cascade the percentage sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

table p, table li{
	font-size: 100%;
}

table td, table th {
	font-size: 100%;
	padding: 5px 0;
}



/*-- end global tables ------------------*/

/*-- global links ------------------*/

a {
	outline: none;
}

a:link {
    text-decoration: underline;
    outline: none;
    color: #3399CC;
}

a:visited {
    color: #3399CC;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

a:active {
    color: #3399CC;
}


/* prevent borders on images */
a img {
	border: 0;
}

/*-- end global links ------------------*/




/*-- for global use ------------------*/

pre {
	font-family: monospace;
	font-size: 100%;
	}
	
strong, b {
	font-weight: bold;
	}

hr {
	height:1px;
	border:0;
	border-bottom:1px solid #dfdfdf;
	clear: both;
	margin: 10px 0;
}

.right {
	text-align: right;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display:none;
}

.leadin {
	padding: 0;
	margin:.2em 0 .2em 0;
}

.imgleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgright{
	float:right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.last {
	border-right: none !important;
}

a.arrow {
	padding-left: 10px;
	background: url('/images/bullets/bullet.gif') 0 5px no-repeat;
}

.divider {
	height: 12px;
	background: url('/images/bg/divider-main.gif') top center no-repeat;
	margin: 20px 0;
}

img.banner {
	float: left;
}

.blue {
	color: #263b6c;
	margin: 0 0 .5em 0;
}

.red {
	color: #770201;
}

.replaced {
	width: 0px;
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background: url(/images/bg/header-image.jpg) top left no-repeat;
}

ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullet li {
	padding-left: 0;
	background: none;
}

blockquote {	
	padding: 0;
	margin: .34em 0em 1em 0em; /* 1em = 15px */
	color: #000;
	font-size: 116%; /* 15px */
}

/*-- end for global use ------------------*/

/*-- general form stuff ------------------*/

form.standard {
	padding: 10px;
	margin: 0;
	background: #eee;
	font-size: 85%;
}

form.standard fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom:.34em;
}

form.standard legend {
	font-size: 105%;
	color: #003760;
	font-family: arial,verdana,sans serif;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}

form.standard label {
	display: block;
	font-family: arial, verdana, sans serif;
}

form.standard input, form.standard textarea {
	border: solid 1px #ccc;
}

form.standard ul li {
	background: none;
	padding: 0;
	margin-bottom: 15px;
}

#main-content form input.text {
	width: 300px;
}

#secondary-content .standard {
	font-size: 105%;
}

.button {
	color: #fff;
}

/*-- end general form stuff ------------------*/

form#comment_form {
	padding: 10px;
	margin: 0;
	background: #eee;
	font-size: 85%;
}

form#comment_form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom:.34em;
}

form#comment_form legend {
	font-size: 105%;
	color: #003760;
	font-family: arial,verdana,sans serif;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
}

form#comment_form label {
	display: block;
	font-family: arial, verdana, sans serif;
}

form#comment_form input, form#comment_form textarea {
	border: solid 1px #ccc;
}

form#comment_form ul li {
	background: none;
	padding: 0;
	margin-bottom: 15px;
}

#comment_form input.text {
	width: 200px;
}

#secondary-content #comment_form {
	font-size: 105%;
}


/* ------------------------------------------------------------------------
   non-global framework/elements begin
   ------------------------------------------------------------------------ */

/*-- primary elements ------------------*/


#wrapper {
	position: relative;
	width: 960px;
}

#header {
	position: relative;
	width: 960px;
	background: #003760 url('/files/images/bg/header.gif') bottom left no-repeat;
	height: 73px;
}

img#logo {
	position: absolute;
	top: 13px;
	left: 18px;
}

#header img#home-logo{
	position: absolute;
	bottom: 0;
	left: 0;
}

#message {
	position: relative;
	width: 750px;
	margin-top: 3px;
	height: 58px;
}

body.home {
	background:#ffffff url('/files/images/bg/body-home.gif') top left repeat-x;
}

#content-wrapper {
	position: relative;
	float: left;
	width: 960px;
	background: url('/files/images/bg/content-wrapper-y.gif') top left repeat-y;
}

.home #content-wrapper {
	margin: 20px 0;
	background: #fff;
}

#sidebar {
	float: left;
	width: 173px;
	margin-right: 22px;
}

.home #sidebar {
	float: left;
	width: 276px;
	background: #EEEEEE url('/files/images/bg/grey-box-top.gif') top left no-repeat;
	padding: 15px 12px 20px 12px;
	margin: 0 0 0 14px;
}

#main-content {
	float: left;
	font-family: times new roman, times, serif;
	width:500px;
	font-size: 115%;
	margin-top: 40px;
	padding-bottom: 40px;
	display: inline;
}

#main-content  h1, #main-content h2 {
	font-family: arial, verdana, sans serif;
}

#callout {
}

#secondary-content {
	margin: 40px 0 0 20px;
	width: 240px;
	float: left;
	display: inline;
}

#secondary-content p {
	color: #666;
}

#footer {
	clear: both;
	color: #fff;
	background: #005382 url('/files/images/bg/footer-bg.gif') left top no-repeat;
	padding: 10px 5px 10px 22px;
	margin-top: 15px;
}	

#footer p {
	margin:0;
}

#footer a {
	color: #fff;
}

/*-- navigation ------------------*/

#mainnav {
	position: absolute;
	bottom: 7px;
	right: 0;
	margin: 0;
	padding: 0;
}

#mainnav li{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	background: none;
	border-right: 1px solid #00AEEF;
}

#mainnav li a {
	float: left;
	display: block;
	padding: 0 10px;
	font-size: 95%;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#mainnav li a:hover {
	color: #66ccff;
}

#mainnav li.on a, #mininav li.on a, #mininav li.util a.on {
	color: #ffcc00;
}


	
#subnav ul {
	margin:0;
	padding:0;
	display: block;
}

#subnav ul li {
	font-size: 98%;
	margin:0;
	padding:0;
	width: 173px;
	float: left;
	border-bottom: solid 1px #F0F0F0;
	font-weight: bold;
	background: url('/files/images/bg/subnav-li-bg.gif') bottom left repeat-x;
}

#subnav ul li a {
	color: #666;
	text-decoration: none;
	width: 138px;
	display: block;
	padding: 3px 10px 3px 25px;
}

#subnav ul li a:hover {
	color: #003760;
}

#subnav ul li.on {
	background: #F0F0F0;
}

#subnav ul li.on li {
	font-size: 90%;
	font-weight: normal;
	border: none;
	background: none;
}

#subnav ul li.on a {
	background: url('/files/images/bullets/dark-blue-arrow.gif') 16px 9px no-repeat;
	color: #003760;
}

#subnav ul li.on ul li a {
	color: #666;
	background: url('/files/images/bullets/light-blue-arrow.gif') 25px 7px no-repeat;
	padding: 2px 10px 2px 33px;
	width: 130px;
}

#subnav ul li.on ul li a:hover {
	color: #003760;
}

#subnav ul ul {
	margin: 3px 0;
}

#subnav ul ul li.onsub {
	background: #fff;
}

#subnav ul li.on ul li.onsub a {
	color: #003760;
}

#mininav {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
	padding: 0;	
}

#mininav li{
	float: left;
	margin: 0;
	padding: 0 15px 0 7px;
	font-size: 80%;
	background: url('/files/images/bullets/white-arrow.gif') 0 4px no-repeat;
	color: #fff;
}	
	
#mininav li a {
	color: #fff;
	text-decoration: none;
}

#mininav li.util {
	background: url('/files/images/bullets/yellow-arrow.gif') 0 4px no-repeat;
	padding: 0 15px 0 10px;
}

#mininav li.util a {
	color: #66CCFF;
	text-transform: uppercase;
	text-decoration: none;
}

#mininav li.search {
	background: none;
	padding:0;
}

.search form {
	padding:0;
}

.search p {
	margin: 0;
	padding: 0;
	float: left;
}

.search .text {
	border: none;
	padding: 1px;
	color: #464640;
	height: 13px;
	background: #fff !important;
	margin: 3px 5px 0 0;
	font-size: 100%;
}

.search .button {
	background: url('/files/images/bullets/yellow-bullet.gif') 53px 50% no-repeat;
	color: #fff;
	font-family: arial;
	padding: 3px 13px 3px 4px;
	text-transform: uppercase;
	font-size: 98%;
	font-weight: bold;
	border: solid 1px #809BB0;
}

/* Home styles ----------------------------*/

.home h1 {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 95%;
	display: block;
	background: #A3A3A3 url('/files/images/bg/grey-bar.gif') top left no-repeat;
	width: 247px;
	border-bottom: solid 3px #F0CC3D;
	padding: 8px 30px 5px 6px;
}

.home h1 span {
	padding-left: 10px;
	background: url('/files/images/bullets/white-dotted-arrow.gif') 0 3px no-repeat;
}

#ads h3 {
	color: #004488;
	margin: .3em 0 0 0;
	line-height: 1.4em;
}

#ads h3 a {
	color: #004488;
}

#ads h3 a:hover {
	text-decoration: none;
}

.section {
	width: 283px;
	float: left;
	margin: 0 20px;
}

*html .section {
	margin: 0 15px;
}

#sponsors {
	background: url('/files/images/bg/sponsors.gif') top left no-repeat;
	width: 960px;
	height: 62px;
	display: block;
	position: relative;
}

#sponsors p {
	line-height: 1.2em;
	color: #353534;
	font-size: 85%;
}

#sponsors p.platinum {
	position: absolute;
	width: 80px;
	display: block;
	top: 16px;
	left: 22px;
}

#sponsors .platinum-logos {
	position: absolute;
	top: 0;
	left: 102px;
	display: block;
	height: 62px;
	line-height: 4.5em;
	width: 383px;
}

.platinum-logos img {
	vertical-align: middle;
	margin: 0 5px;
}	

*html .platinum-logos img {
	padding-top: 12px;
}	

#sponsors p.gold {
	position: absolute;
	display: block;
	background: url('/files/images/bg/sponsor-divider.gif') left top no-repeat;
	width: 47px;
	height: 43px;
	top: 2px;
	left: 485px;
	padding-left: 16px;
	padding-top: 13px;
}

#sponsors #gold-logos {
	position: absolute;
	line-height: 4.5em;
	left: 555px;
	top: 0px;
	display: block;
	width: 360px;
	height: 62px;
}

#gold-logos img {
	vertical-align: middle;
	margin: 0 5px;
}	

*html #gold-logos img {
	padding-top: 10px;
}	

.home #sidebar dl {
	color: #63635B;
}

.home #sidebar dt {
	padding-left: 15px;
	background: url('/files/images/bullets/yellow-arrow.gif') left 4px no-repeat;
	margin:0;
}

.home #sidebar dt a {
	color: #004488;
}	

.home #sidebar dt a:hover {
	text-decoration: none;
}

.home #sidebar dd {
	padding-left: 15px;
	margin-bottom: 20px;
}

#ads {
	background: #EEEEEE url('/files/images/bg/ads.gif') 240px 0 repeat-y;
	border-top: solid 17px #eee;
	clear: both;
	float: left;
	width: 100%;
}

.ad-section {
	width: 198px;
	float: left;
	padding: 0 20px;
	color: #63635B;
}

#ads:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#ads {display: inline-block;}

.press-rel {
	border-top: solid 1px #D4D3CD;
	padding-top: 10px;
}

.side-content .press-rel {
	border: none;
	padding-top: 0;
}

.press-rel dt a {
	color: #004488;
}

.press-rel dt a:hover {
	text-decoration: none;
}

.press-rel dd {
	font-size: 90%;
	margin:0 0 .6em 0;
}

.section-title {
	display: block;
	padding: 14px 13px 11px 13px; 
	width: 147px;
	color: #FFCC00;
	background: #9B9B9B;
	text-transform: uppercase;
	font-size: 95%;
	border-bottom: solid 1px #fff;
	margin:0;
}

.grey-box {
	background: #F1F1F1 url('/files/images/bg/grey-box-top-sm.gif') left top no-repeat;
	padding: 21px 20px 10px 20px;
	border-bottom: solid 2px #EEEEEE;
	width: 200px;
	margin-bottom: 15px;
}

#secondary-content h3 {
	color: #004488;
	margin: .3em 0 0 0;
	line-height: 1.4em;
}

#secondary-content h3 a {
	color: #004488;
}

#secondary-content h3 a:hover {
	text-decoration: none;
}

#secondary-content h4 {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 95%;
	display: block;
	background: #A3A3A3 url('/files/images/bg/grey-bar-sm.gif') top left no-repeat;
	width: 200px;
	border-bottom: solid 3px #F0CC3D;
	padding: 8px 30px 5px 10px;
}

#secondary-content h4 span {
	padding-left: 10px;
	display: block;
	background: url('/files/images/bullets/white-dotted-arrow.gif') 0 3px no-repeat;
}

.side-content {
	padding: 0 20px;
}

.lightbox-photos {
	padding: 3px 0 1px 0;
	border-top: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
	float: left;
	margin-bottom: 10px;
}

.lightbox-photos a {
	margin: 0 3px 0 0;
}

.bio p {
	float: left;
	display: block;
	width: 147px;
	padding:0;
	line-height: 1.1em;
	margin: 10px 18px 1.37em 0;
}

.bio img {
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.name {
	color: #333;
	font-weight: bold;
	display: block;
}

.company {
	font-family: arial, verdana, sans serif;
	color: #666;
	font-size: 80%;
}

.col2 #content-wrapper {
	background: none;
}

.col2 #main-content {
	margin-left: 80px;
	width: 590px;
}	

.col2 #secondary-content {
	margin-left: 40px;
}

img.guide-logo {
	border: solid 1px #eee;
	padding: 10px;
	background: #fff;
}

.guide-pic {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 3px 0;
	float: left;
	margin: 10px 0;
}

.guide-pic p {
	font-size: 85%;
	margin: 3px 0;
}

p.more {
	margin: 0 0 .7em 0;
	padding: 0 0 0 12px;
	line-height: .8em;
	font-family: arial, verdana, sans serif;
	background: url('/files/images/bullets/yellow-arrow.gif') left .2em no-repeat;
}

p.more a {
	font-size: 90%;
	color: #004488;
}

p.more a:hover {
	text-decoration: none;
}

.fees {
	border-top: solid 2px #003662;
	margin: 10px 0 15px 0;
	font-size: 90%;
}

.fees th {
	color: #676767;
	background: #eee;
	font-family: arial,verdana, sans serif;
	font-weight: normal;
	text-align: left;
	padding-left: 8px;
	padding-right: 5px;
	font-size: 100%;
}

.fees td {
	padding-left: 8px;
}

.fees h3 {
	font-size: 110%;
	line-height: 1em;
}

.fees .item td {
	border-bottom: solid 1px #E0E0E0;
	padding-bottom: 10px;
}

.location {
	width: 180px;
	float: left;
	margin-right: 15px;
}
	
.sidebar-ad img {
	margin-bottom: 10px;
}
	
#secondary-content form {
	margin-bottom: 10px;
}

#blog #main-content {
	width: 425px;
}

#blog-header {
	width: 523px;
	height: 102px;
	position: relative;
	padding: 20px 360px 0 77px;
	background: url('/files/images/bg/blog-header.gif') no-repeat;
}

#blog-header h1 {
	color: #fff;
	font-size: 2.4em;
	margin-bottom:0;
}

#blog-header p {
	color: #F6C703;
}

#blog-sidebar {
	width: 175px;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
}

#blog #secondary-content {
	margin-left: 10px;
}

/* #blog h1 {
	margin-bottom: 0;
} */

h1.blog-title {
	margin-bottom: 0;
}

p.post-detail {
	margin-top: .5em;
	font-family: arial, verdana, sans serif;
	color: #666;
	font-size: 85%;
}

p.rss {
	border-top: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
	padding: 10px 0 10px 30px;
	background: url('/files/images/icons/rss-icon.gif') left 10px no-repeat;
}

p.rss a {
	font-weight: bold;
	color: #003760;
}

.entry {
	background: #F0F0F0;
	margin:3px 0;
	padding: 10px;
	font-size: 90%;
	font-family: arial, verdana, sans serif;
}

.polls-answers li {
	background: none;
	padding-left: 0;
}

.percentage {
	background: #F6C703;
}

#login {

}

#login-form {
	background: #003760 url('/files/images/bg/login-bg.gif') top right no-repeat;
	position: absolute;
	top:0;
	right:40px;
	padding: 0 30px;
	width: 515px;
	height: 26px;
}

#login-form input.button {
	background: url('/files/images/bullets/yellow-bullet.gif') 53px 50% no-repeat;
	color: #fff;
	font-family: arial;
	padding: 3px 13px 3px 4px;
	text-transform: uppercase;
	font-weight: bold;
	border: solid 1px #809BB0;
	height: 21px;
}


#login-form label {
	font-weight: bold;
	color: #ECC105;
	font-size: .9em;
}

#login-form input {
	height: 12px;
	font-size: .8em;
	padding:0;
}

a#login-link {
	position: absolute;
	top:0;
	right:40px;
	display: block;
	width: 49px;
	height: 26px;
	padding: 0 50px;
	background: url('/files/images/bg/login-button.gif') 0 0 no-repeat;
	color: #fff;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

.profile {
	padding: 15px 15px 15px 25px;
}

.member-form li {
	margin:2px 0;
	padding: 3px 0;
	background: none;
}

.member-form label {
	display: block;
	float: left;
	width: 200px;
	font-weight:bold;
}

.wide #main-content {
	width: 765px;
}

.m-block {
	float: left;
	width: 360px;
	margin-right: 22px;
	margin-bottom: 22px;
}

.m-block-c {
	padding: 5px 15px;
	background: url("/files/images/bg/m-block-c.jpg") 0 0 repeat-x;
}

.m-block h3 {
	color: #FFCC00;
	background: #003366;
	text-transform: uppercase;
	font-weight: normal;
	font-size: .9em;
	font-family: arial, verdana, sans serif;
	padding: 10px 15px;
}

body#popup {
	background: none;
	padding: 20px;
}