@charset "utf-8";

/* CSS Document */



body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	background: #fff;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}

.oneColFixCtr #container {

	width: 900px;

	background-image:url(images/whitebg.png);

	background-repeat: repeat;

    min-width: 900px; 

    width:expression(document.body.clientWidth < 900? "900px": "auto" ); 

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: none;

	text-align: left; /* this overrides the text-align: center on the body element. */

}

.oneColFixCtr #mainContent {

	padding: 20px 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	clear:both;

}



.oneColFixCtr #headerContent {

    vertical-align:bottom;

	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	height:116px;

}



#right-header {

    text-align:right;

	font: Verdana;

	font-size: 7pt;

	position:absolute;

	top:95px;

	padding-left:26px;

}



#bluebox {

    z-index:20;

	top: 408px;

	height: 50px;

	width: 375px;

	margin-left:470px;

	background:#0b4c8c;

	position:absolute;

	padding:5px;

	color:#FFFFFF;

	font:Arial, Helvetica, sans-serif;

	font-size:0.75em;

}



#yellowbox {

    z-index:40;

	top: 450px;

	height: 50px;

	width: 410px;

	margin-left:360px;

	background:#fcb813;

	position:absolute;

	padding:5px;

	color:#000;

	font:Arial, Helvetica, sans-serif;

	font-size:0.75em;

}



.oneColFixCtr #splash-image {

    z-index:0;

}



#categories {

    margin-top: 70px;

	width: 860px;

}



.oneColFixCtr #bluebar {

	width: 100%;

	height: 225px;

	top:250px;

	background: #afc4d9;

	position:absolute;

	z-index:-300;

}



.oneColFixCtr #footer {

	width: 100%;

	padding: 10px 0;

	background: #fff;

}



#footer-whole {

    width: 860px;

    margin: 25px auto;

	font:Arial, Helvetica, sans-serif;

	font-size:0.55em;

}



#footer-left {

    width: 575px;

	float:left;

	text-align:left;

}



#footer-right {

    float:right;

}



#category1 {

    float:left;

}



#category2 {

    float:left;

	margin-left:17px;

}



#category3 {

    float:right;

	margin-left:14px;

}



img {

    border:none;

}



a {

    color:#0b4c8c;

}



/*-------------------------------------page slider-------------------------------------*/



ul#innerlist { list-style:square; margin:8px; width: 380px; }



#innerlist li { margin-bottom:15px; }



ul { list-style: none; }

ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }



ul li:last-child a { border: none; }



#organic-tabs { background: #fff; padding: 15px 0 0 0; margin: 0 15px 0 0; 	font:Arial, Helvetica, sans-serif;

	font-size:0.75em; }



#explore-nav {
	overflow: hidden;
	padding-left: 0;
	text-indent: 0;
	margin-bottom: 25px;
	text-align: center;
	margin-left: 22px;
}


#explore-nav li {
	width: 120px;
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#explore-nav li.last { margin-right: 0; }

#explore-nav li a { display: block; padding: 5px; background: #0b4c8c; color: white; font-size: 10px; text-decoration:none; text-align: center; border: 0; }

#explore-nav li a:hover { background-color: #fcb813; color:#000; }



#eligibility, #contact, #stories, #testimonials, #gallery { display: none; }



#explore-nav li#ex-help a.current, ul#help li a:hover { background-color: #fcb813; color: #000; }

#explore-nav li#ex-eligibility a.current, ul#eligibility li a:hover { background-color: #fcb813; color: #000; }

#explore-nav li#ex-contact a.current, ul#contact li a:hover { background-color: #fcb813; color: #000; }

#explore-nav li#ex-stories a.current, ul#stories li a:hover { background-color: #fcb813; color: #000; }

#explore-nav li#ex-testimonials a.current, ul#testimonials li a:hover { background-color: #fcb813; color: #000; }

#explore-nav li#ex-gallery a.current, ul#gallery li a:hover { background-color: #fcb813; color: #000; }





/*-------------------------------------highslide---------------------------------------*/



.highslide-container div {

	font-family: Verdana, Helvetica;

	font-size: 10pt;

}

.highslide {

	outline: none;

	text-decoration: none;

}

.highslide img {

	border: 2px solid silver;

}

.highslide:hover img {

	border-color: gray;

}

.highslide-active-anchor img {

	visibility: hidden;

}

.highslide-gallery .highslide-active-anchor img {

	border-color: black;

	visibility: visible;

	cursor: default;

}

.highslide-image {

	border-width: 2px;

	border-style: solid;

	border-color: white;

	background: gray;

}

.highslide-wrapper, .highslide-outline {

	background: white;

}

.glossy-dark {

	background: #111;

}

.highslide-image-blur {

}

.highslide-number {

	font-weight: bold;

	color: gray;

}

.highslide-caption {

	display: none;

	border-top: none;

	font-size: 1em;

	padding: 5px;

	background: white;

}

.highslide-heading {

	display: none;

	font-weight: bold;

	margin: 0.4em;

}

.highslide-dimming {

	position: absolute;

	background: black;

}

a.highslide-full-expand {

   background: url(graphics/fullexpand.gif) no-repeat;

   display: block;

   margin: 0 10px 10px 0;

   width: 34px;

   height: 34px;

}

.highslide-loading {

	display: block;

	color: black;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	padding: 3px;

	border: 1px solid white;

	background-color: white;

	padding-left: 22px;

	background-image: url(graphics/loader.white.gif);

	background-repeat: no-repeat;

	background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

	padding: 2px;

	color: silver;

	text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

	color: white;

	background-color: gray;

}

.highslide-move, .highslide-move * {

	cursor: move;

}

.highslide-overlay {

	display: none;

}

/* Example of a semitransparent, offset closebutton */

.closebutton {

	position: relative;

	top: -15px;

	left: 15px;

	width: 30px;

	height: 30px;

	cursor: pointer;

	background: url(graphics/close.png);

	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */

}



/*****************************************************************************/

/* Styles for the HTML popups											     */

/* Remove these if you are not using Highslide HTML						     */

/*****************************************************************************/

.highslide-maincontent {

	display: none;

}

.highslide-html {

	background-color: white;

}

.highslide-html-content {

	display: none;

	width: 400px;

	padding: 0 5px 5px 5px;

}

.highslide-header {

	padding-bottom: 5px;

}

.highslide-header ul {

	margin: 0;

	padding: 0;

	text-align: right;

}

.highslide-header ul li {

	display: inline;

	padding-left: 1em;

}

.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {

	display: none;

}

.highslide-header a {

	font-weight: bold;

	color: gray;

	text-transform: uppercase;

	text-decoration: none;

}

.highslide-header a:hover {

	color: black;

}

.highslide-header .highslide-move a {

	cursor: move;

}

.highslide-footer {

	height: 11px;

}

.highslide-footer .highslide-resize {

	float: right;

	height: 11px;

	width: 11px;

	background: url(graphics/resize.gif);

}

.highslide-body {

}

.highslide-resize {

	cursor: nw-resize;

}

