/* ============= Begin Yahoo Fonts.css and Reset.css ============== */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
/* ------------ Reset (remove defaults) ------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
q:before,q:after{content:'';}

/* ------------ Fonts (use percentages) ------------ */

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* ================== End Yahoo ====================== */


/* ================== Clear Fix ====================== */
/*
 * So you no longer need <div class="clear:both"></div>
 * at the end of a box containing a float.
 * - http://positioniseverything.net/easyclearing.html - 
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE-mac fix */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* Floated element *must* have dimension for IE */
.clearfix {display: block;} /* remove inline-block for all other browsers (besides IE-mac) */
/* End hide from IE-mac */

/* fix so lists may display bullets, etc. -- screwy in IE so use bullets as h3 bg image instead */
ul li.clearfix {
	display: list-item;
}
/* ================== END Clear Fix ====================== */


/* =========== Gilder/Levin Image Replacement ============ */
h1, h2 {
	position: relative;
}

h1 span, h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
/* =========== END Gilder/Levin Image Replacement ============ */


/* =========== Default Styles ============ */
body {
	background: #ccc4b2;
	text-align: center;
	color:#000;
	padding: 10px 0;
}

strong {
	font-weight: bold;
	}

.center {
	text-align: center;
}

#right-col #centerwell h2 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}

#container {
	width:850px;
	margin: 0 auto;
	padding:0;
/*	height: 700px; */
	background:#C2DBF1 url('../images/background6.jpg') left -100px no-repeat;
	border: 2px solid #999999;
	text-align: left;
	clear:both;
	position:relative;
	min-height:700px; 
	height:auto;
	}

	/* for Internet Explorer */
	/*\*/
* html #container {
	height: 700px;
	}

#containerfaq {
	width:850px;
	margin: 0 auto;
	padding:0;
	height: 1100px;
	background:#C2DBF1 url('../images/background6.jpg') left -100px no-repeat;
	border: 2px solid #999999;
	text-align: left;
}

/*
#content-box {
	margin: 40 auto;
	width: 770px;
	text-align: left;
}
*/

#masthead {
	text-align: right;
	margin: 40px 50px 20px 0;
}

#masthead2 {
	text-align: right;
	padding: 40px 50px 20px 0;
}

#main-body {
	margin-left: 50px;
	padding:0;
	width: 750px;
}

/********** LEFT COLUMN ***********/

#left-col {
	display:inline;
	float:left;
	margin-bottom:10px;
	width: 140px;
}

#left-col .nlbox {
	width: 130px;
	background-color: #336799;
	color: #FFF;
	padding: 10px;
}

#left-col .nlbox input {
	width: 110px;
	margin-top: 10px;
}

.nlbox label {
	display: block;
	margin-top: 3px;
	font-size: 85%;
}

.nlbox .error {
	font-size: 85%;
	color: red;
}

.nlbox .success {
}

#left-col .nlbox h2 {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 6px;
}

#left-col .nlbox2 {
	width: 130px;
	background-color: #336799;
	color: #FFF;
	padding: 10px;
}

#left-col .nlbox2 input {
	width: 110px;
	margin: 2px 0 10px 0;
}

.nlbox2 label {
	display: block;
	margin-top: 3px;
	font-size: 85%;
}

.nlbox2 .error {
	font-size: 85%;
	color: red;
}

.nlbox2 .success {
}

#left-col .nlbox2 h2 {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 6px;
}

#left-col .quotebox {
	width: 120px;
	background: #0066CB;
	color: #FFF;
	padding:15px;
	font-size: 85%;
	font-weight: bold;
}
/********** //END LEFT COLUMN ***********/


/********** RIGHT COLUMN ***********/
#right-col {
	display:inline;
	float:right;
	width: 580px;
}


/********** TOP NAV ***********/
#top-nav {
	position: relative;
	width: 100%;
	border: 0px solid #ccc4b2;
	border-width: 3px 0;
	padding: 0;
	margin-bottom: 20px;
	text-align:center;
}

#top-nav ul {
	margin:0;
	padding:0;
}

#top-nav ul li {
	display: inline;
	float: left;
	width: 145px;
	font-weight: bold;
	list-style-type:none;
}

#top-nav ul li a {
	display: block;
	padding: 4px 0;
}

#top-nav ul li a:link, #top-nav a:visited {
	color:#336799;
	text-decoration: none;
}

#top-nav ul li a:hover {
	background: #ccc4b2;
	color: #FFF;
	text-decoration: none;
}

/********** // END TOP NAV ***********/

/********** CENTER WELL ***********/

#centerwell p{
	margin-bottom: 12px;
	font-size: 115%;
	padding: 0 10px;
}

#centerwell a, a:link, a:visited{
	color: #0066CB;
	font-weight: bold;
	padding:0;
	text-decoration: none;
}

#centerwell a:hover {
	text-decoration: underline;
}

#centerwell p.contactmessage2 {
	font-size: 95%;
}

/********** //END CENTER WELL ***********/

/********** //END RIGHT COLUMN ***********/

#footer {
	background: #f1f1f1;
	border: 1px dotted #ccc4b2;
	color: #336699;
	float:left;
	font-weight: bold;
	margin-top: 20px;
	margin-right:3px;
	margin-bottom:10px;
	padding: 5px 0;
	text-align: center;
	width:750px;
}

#footer span {
	margin-right: 20px;
}

#footer span a, a:visited {
	color: #336699;
	text-decoration: none;
}

#footer span a:hover {
	color: #336699;
	text-decoration: underline;
}

/********** BOX SHADOW ************/

.drop_shadow {
	position: relative; /* So img border shows up in IE6 (p56) */
	float: left;
	display: inline;
	background: url('/images/shadowAlpha.png') no-repeat bottom right !important;
	/*background: url('/images/shadow.gif') no-repeat bottom right;  For IE6 */
	background: none; /* For IE6 (doesn't recognize !important so uses this instead) */
	margin-bottom: 15px;
}

.drop_shadow div.drop_shadow_inner {
	position: relative; /* So img border shows up in IE6 (p56)*/
	display: block; /* So img border shows up in IE6 (p56) */
	margin: -3px 6px 6px -3px;
}