/* vanishafoundation.css
Date: November 16th, 2010
Latest Revision: November 30th, 2010
*/


/*
---------------------------
General
---------------------------
*/

* { margin: 0; padding; 0;}
html, body { height: 100%;}

a {outline: none;}
a:link {color: #0055a5; text-decoration: none;}
a:visited {color: #0055a5; text-decoration: none;}
a:hover {color: #bdbdbd;}
a:active {color: #0055a5;}

body {
	font-family: "Lucida Grande", Verdana, Arial;
	font-size: 80%;
	background: url("images/background_pattern.jpg") #6cb9eb repeat-x;
	margin: 0;
	padding: 0;
	color: #000;

}

pre {
font-family: "Lucida Grande", Verdana, Arial;
  
}

#wrap {
	min-height: 100%;
	width: 100%;
	font-size: 14px;
	overflow: hidden;
}

#main {
	padding-bottom: 190px;
	width: 960px;
	background: #e9f2f1;
	margin: 0 auto;
}

#navigation {
	background: #fff;
	position: relative;
	top: 92px;
	left: -21px;
	height: 57px;
	width: 1003px;
	background: url("images/navigation_bottom.png") left bottom no-repeat;
	z-index: 99;
}

#navigation_top {
	height: 30px;
	background: #e2423a;
	border-bottom:#944747 1px solid;
	color: #fff;
	z-index: 1;
}

.vanisha_image {
	position: absolute;
	top: -75px;
	left: 26px;;
	z-index: 0;
}

#navigation_content {
	position: relative;
	left: 168px;
	top: 7px;
}


.pages_content { clear:both; width: 960px; margin: 120px auto; overflow: hidden; }
.pages_content h1 {color: #0055a5; padding: 0 0 10px 0px; font-family: Arial, Verdana, Helvetica;	font-size: 28px;}

.pages_content .left {position: fixed; float: left; width: 170px; margin: 30px 0 0 0;}
.pages_content .right {float: right; width: 720px; margin: 15px 15px 0 0; padding-right: 30px;}

.pages_content ul {list-style-type: none;}
.pages_content li {margin-top: 5px;}

.pages_content .right p {margin: 0 0 10px 0;}

.row {border-bottom: 1px dotted #000; padding-bottom: 20px; margin-bottom: 30px; overflow: hidden;}
.row ul {list-style-type: circle;} .row li {margin-top: 15px;} .row li span {font-weight: bold; color: red;}

.row_newsletters{
	width: 300px;
	margin: 5px 20px 5px 20px;
	float: left;
}

#footer {
	position: relative;
	margin: -150px auto;; /* negative value of footer height */
	height: 220px;
	clear:both;
	width: 960px;
	background: url("images/footer.jpg") #0257a7 repeat-x;
	color: #fff;
	border-top: #3507FF solid 1px;
	border-bottom: #3507FF solid 1px;
	font-size: 12px;
}

#footer .footer_left {
	width: 149px;
	float: left;
	padding: 40px 15px 0 100px;
	text-align: right;
	border-right: 1px #000 solid;
	margin-top: 13px;
}

#footer .footer_middle {
		float: left;
		width: 373px;
		margin: 13px 0 0 0;
		padding: 56px 0 56px 23px;
}

#footer .footer_right {
	width: 210px;
	margin: 13px 0 0 0;
	padding: 27px 0 0px 28px;
	float: left;
	border-left: 1px #000 solid;
	overflow: hidden;
}

#footer a {outline: none;}
#footer a:link {color: #fff; text-decoration: none;}
#footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover {color: #000;}
#footer a:active {color: #fff;}

p {
	margin: 0;
	padding: 0;
	line-height: 21px;
}

#footer .footer_right .facebook {margin-bottom: 21px;}
.facebook img {	padding: 0 5px 0 0;}
img {border: 0;}

#sponsors {
	clear:both;
	background: #e9f2f1;
	overflow: hidden;
	padding: 5px;
}

#sponsors img {
	padding: 2px 10px 2px 10px;
}


#current_DROP {
  background-color: #982C27;
}

H6 {
  font-size: 12px;
}

/*
---------------------------
Homepage
---------------------------
*/

#slider {
	width: 640px;
	margin: 85px auto;
	margin-left: 2px;
	margin-top: 2px;
	border: 4px solid #0055A5;
}

#slider-bg {
 height: 254px;
 margin: 0px auto;
 margin-top: 90px;
 width: 644px; 
}

.content { clear:both; width: 820px; margin: 10px auto; border-top: #7e7e7e dotted 1px; overflow: hidden; }
.content h1 {color: #0055a5; padding: 0 0 10px 5px; font-family: Arial, Verdana, Helvetica;	font-size: 28px;}
.content .left {float: left; width: 350px; margin: 15px 0 0 15px;}
.content .right {width: 375px; margin: 15px 15px 0 0;}
.content .right {float: right;}
.content  .small {font-size: 11px; padding: 0; margin: 0 0 20px 0; overflow: hidden;}
.content p {margin: 0; padding: 0;}
.content .right span {font-size: 11px;}
.content .right p {margin-bottom: 15px;}

.statement {
	font-size: 14px;
	line-height: 21px;
	display: block;
	padding: 5px;
	width: 650px;
	margin: 20px auto;
}



/*
-------------------
Board of Directors
-------------------
*/

.bod_left {float: left; width: 240px;}
.bod_middle {float: left; width: 240px;}
.bod_right {float: left; width: 240px;}
.bod_row {margin-bottom: 30px; overflow: hidden;}
.bod_ad {clear:both;}

/*
-------------------
Contact
-------------------
*/

.form_dividers {
margin: 15px 0 0 0;
}

.right textarea, .right input {
	background-color:#ddd;
	border: 1px solid grey;
	color:#000;
	padding: 5px 6px;
	border-bottom-left-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
}

.right textarea {
	width: 650px;
}

.right input {
	width: 200px;
}

.alert {
	border: 1px solid red !important ;
}

.required {
	font-weight: bold;
	color: #a1382a;
}

#top_content {
  margin-left: 200px;
}
/* misc
---------------------------------------*/


/* clear floats */

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