/* CSS Document */

@charset "UTF-8";


#container
{
	margin: 0 auto;
	width: 1000px;
	background: #fff;
	text-decoration: none;
	
}


#header
{
	background: #fff;
	padding: 0px;
	border-bottom: 1px solid #999;
	
}


#menuBarHolder 
{ 

width: 980px; 
height:35px; 
background-color:#FFF; 
color:#000; 
font-family:Arial; 
font-size:14px; 
margin-top:0px;
margin-left:20px;




}

#menuBarHolder ul
{ 
list-style-type:none;
 display:block;
 }
 
.firstchild 
{ border-left:1px solid #FFF;}

#menuBar li
{  
float:left; 
 padding:15px; 
 height:10px; 
 width:75px;
 border-right:1px solid #FFF; 
 }

#menuBar li a
{
color:#000;
 text-decoration:none;
  letter-spacing:-1px;
   font-weight:bold;
   }
   
.menuHover 
{
 background-color:#999;
 }
 
.menuInfo 
{ 
cursor:hand; 
background-color:#FFF;
 color:#000; 
 width:84px; 
 font-size:11px;
 height:100px; 
 padding:3px; 
 display:none;  
 position:absolute;
 z-index:1; 
 margin-left:-15px; 
 margin-top:-15px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius-bottomright: 5px;   -khtml-border-radius-bottomleft: 5px;
    border-radius-bottomright: 5px;border-radius-bottomleft: 5px;
}

#navigation
{
	float: left;
	width: 1000px;
	background: #fff;
	font-size:11px;
	color:#0000FF;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	color: #999;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #663366;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #999;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover {
	color: #990000;
	background-color: #FFF;
	border-top-style: none;
}

#spacer
{
	float: left;
	width: 1000px;
	background: #FFF;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:14px;
	border-top-width: none;
	border-top-style: none;
	border-right-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-style: none;
	border-top-color: #999;
} 


#pic-banner
{
	float: left;
	width: 1000px;
	background: #FFF;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:14px;
	
}


#horizontal-spacer
{
	float: left;
	width: 1000px;
	height: 30px;
	background: #FFF;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:14px;
	border-top-width: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999;
}

#horizontal-menu
{
	float: left;
	width: 1000px;
	height: 30px;
	background: #FFF;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
}

#horizontal-menu h2 
{ 
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #99CC66;
	margin: 0; }

#content-container
{
	float: left;
	width: 1000px;
	background: #fff;
}

#section-navigation
{
	float: left;
	width: 20px;
	padding: 20px 0;
	margin: 0 20px;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
}

#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
}

#content
{
	float: left;
	width: 500px;
	margin: 0 0 0 0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, sans-serif;
	font-size:12px;
	text-decoration: none;
	}
	
	/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


	/* Image caption slider */
	
	
figure { 
  display: block; 
  position: relative; 
  float: left; 
  overflow: hidden; 
  margin: 0 20px 20px 0;
}
figcaption {
	position: absolute;
	background: black;
	background: rgba(0,0,0,0.75);
	color: white;
	padding: 10px 20px;
	opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
	width: 288px;
	height: 123px;
}
figure:hover figcaption {
  opacity: 1;
}
figure:before { 
  content: ""; 
  position: absolute; 
  font-weight: 800; 
  background: black;
  background: rgba(255,255,255,0.75); 
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;	
}
figure:hover:before {
  opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: -195px; right: 910px; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: -1019px; top: -468px; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: -988px; bottom: 412px;}
.cap-bot:hover figcaption { bottom: 0; }

/* headers */

#content h1 
{ 
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:14px;
	color: #000;
	margin: 0; }

#content h2 
{ 
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #000;
	margin: 0; }
	
#content h3 
{ 
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #000;
	margin: 0; }
	
#content h4
{ 
	font-family:Century Gothic,Arial,sans-serif;
	font-size:14px;
	color: #FFF;
	margin: 0; }

#content ul
{
	margin: 0;
	padding: 0;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	text-decoration: none;
}

#content ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	text-decoration: none;
}

#col2
{
	float: left;
	width: 300px;
	padding: 3px 50px;
	margin: 0 20px 0 0;
	display: inline;
	list-style-type:none;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #999999;
	
}

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#FFFFFF;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:normal;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #DDD; background: #F6F6F6;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}

.form-error {border-color: #F00;}





#col2 h3 { margin: 0; }

#content blockquote 
{
 font: 14px/20px italic Times, serif;
 color:#FFFFFF;
  padding: 8px;
  background-color: #990000;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  margin: 5px;
  
  }
.blockquote.style1 span {
     display: block;
     background-image: url(closequote1.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
   }

#footer-container
{
	float: left;
	width: 1000px;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	background-color: #000;
	list-style-type: none;
	height: 110px;
}

#footer-container h1 
{
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #999999;
	margin: 0;
}

#footer-container h2 
{
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #99CC66;
	margin: 0;
	float: none;
}

#footer-container ul 
{
	list-style-type: none;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
}

#footer-container a
{
	display: block;
	float: left;
	color: #FFF;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	text-decoration: none;
	
}

#footer-container a:hover {
	color: #990000;
	background-color: #FFF;
	border-top-style: none;
}

#footer-left
{
	float: left;
	width: 100px;
	list-style-type: none;
	white-space: no-wrap;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	text-align: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

#footer-middle
{
	float: left;
	width: 140px;
	padding: 20px 0;
	margin: 0 10px;
	white-space: no-wrap;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	text-align: left;
	}

#footer-right
{
	float: left;
	width: 100px;
	padding: 20px 0;
	margin: 0 10px;
	white-space: no-wrap;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	text-align: left;
	}

#footer-right2
{
	float: left;
	width: 100px;
	padding: 20px 0;
	margin: 0 10px;
	white-space: no-wrap;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	text-align: left;
	}

#footer
{
	clear: left;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	text-align: right;
	padding: 20px;
	background-color: #CCD1D7;
}

.bold {
	font-weight: bold;
}
.contentlink {
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	
}

#footer-design
{
	float: left;
	width: 1000px;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
	background-color: #8F8F8F;
	list-style-type: none;
	text-align: right;
}

#footer-design h1 
{ 
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #99CC66;
	margin: 0; }

#footer-design h2 
{
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #99CC66;
	margin: 0;
	float: none;
}

#footer-design ul 
{
	list-style-type: none;
	display: inline;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	color: #FFF;
}

#footer-design a
{
	display: block;
	float: left;
	color: #FFF;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:10px;
	text-decoration: none;
	text-align: right;	
}

#footer-design a:hover {
	color: #99CC66;
	background-color: #FFF;
	border-top-style: none;
	text-align: right;
}
#content-container form table tr td div {
	color: #FFF;
}
#content-container form table tr td {
	color: #FFF;
}
#rightside form table {
	color: #FFF;
}

.textinput {
	background-color: #99CC66;
	background: #fff;
	border: 1px solid #99CC66;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #b0b0b0;
}

.textoutput {
	background-color: #99CC66;
	background: #99CC66;
	border: 0px solid #99CC66;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #FFF;
	text-align:left;
}
.textoutput2 {
	background-color: #99CC66;
	background: #99CC66;
	border: 0px solid #99CC66;
	font-family:Lucida Grande,Lucida Sans Unicode,Calibri,Arial,sans-serif;
	font-size:12px;
	color: #FFF;
	text-align:right;
}