/* CSS Document */


body {
	text-align: center;
	background:url(img/bg.gif) ;

}

/* ------------------- PAGE LAYOUT  ----------------------*/
#container {
	margin: 0 auto;
	width: 967px;
	text-align:left;
	padding:0;
	background: #FFFFFF;

}

#header {
	width:967px;
	height:180px;
	margin:-8px 0 0 0;
	padding:0;
	background: url(img/header-bg.png) top;
	
}

.spacer {
	clear: both;
	width: 960px;
	height:20px;
	margin:0 ;
	padding: 0;
}
		
.spacer2 {
	clear: both;
	width: 960px;
	height:1px;
	margin:0 ;
	padding: 0;
}

.contact {
	margin:7px 45px 0 0;
	padding:0;
	width:400px;
	float:right;
	font-size:8pt;
	font:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
	
}

.contact p{
	margin:0;
	padding:0;
	font-size:9pt;
	font:Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	
}

.contact a{
	color:#666666;
}

.contact a:hover{
	color:#000000;
}

.logo {
	width: 500px;
	height: 65px;
	display:block;
	padding: 40px 0 0 0;
	margin: 0 0 0 34px;
	float: left;
}

.search {
	float: right;
	margin: 40px 55px  0 20px;
	background:#ffffff;
}




#nav {
	width: 100%;
	height: 48px;
	display:block;
	padding:0;
	margin: 117px 0 0 0;
	position: absolute;

}

#wrapper {
 	width:900px;
	height: auto;
	padding: 0 34px 0 33px;	
	background:url(img/wrapper-bg.png) top right repeat-y;

}

#maincontent {
	width:615px;
	float:left;
	margin:0;
	padding:0;
	background: #ffffff;
}



#contentbox {
	width: 613px;
	border: 1px solid #999999;
	background:url(img/box-module-bg.png) bottom repeat-x;
	margin:  20px 0 25px 0;

}

#sidebar {
	width: 250px;
	float: right;
	margin:20px 0 0 0;
	padding:0;
	background:;
	
}

#sidebutton1, #sidebutton2, #sidebutton3  {
	width: 248px;
	margin:  0 0 25px 0;

}

#sidecontent {
	width: 248px;
	border: 1px solid #999999;
	margin:  0 0 25px 0;
	background:url(img/box-module-bg.png) bottom repeat-x;
}

#button {
	width: 260px;
	height: 60px;
	display:block;
	margin:  0;
	background:url(img/side-button.png) top left no-repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0 0 0;
}


#button:hover {
	width: 260px;
	height: 57px;
	display:block;
	background-image:url(img/side-button-hv.png);
	padding: 6px 0  0 3px;

}

#button .padding a {
	text-decoration:none;
	font-size: 10pt;	
}

#button .padding:hover {color: #cc0000;}

#button .padding img {
	margin:-5px 20px 0  0 ;
}

#banner {
	width: 967px;
	height:50px;
	padding:0;
	margin:0;
	clear:both;
	background: url(img/header-bg.png) bottom;
}

#banner2 {
	width: 900px;
	height:108px;
	padding:0;
	margin:10px  0 0 0;
	clear:both;
}

.morespace {
	padding-top: 118px;

}


/* ------------------- PAGE LAYOUT  END----------------------*/

/* ------------------- NAVIGATION PROPERTIES ----------------------*/

#pad {height:140px;}
/* Default link styling */
#menu {padding:0; margin:0 0 0 11px; list-style:none; height:48px; width: 947px; position:relative; z-index:500; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14pt;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:48px; line-height:48px; background:; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:normal; padding:0 33px 0 33px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}



/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative; color:#003366; }
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#003366; background:  url(img/menu-bg.png) repeat-x;}
#menu li:hover > a.sub {color:#003366; background-color:#BAE0FD;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(img/down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:48px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#003366; white-space:nowrap; width:100px; z-index:200; height:auto;}
/* 1st  level attributes */
#menu :hover ul li {margin:0; border-top:1px solid #BAE0FD;}
#menu :hover ul li a {width:123px; padding:0; text-indent:10px; background:#003366; color:#ffffff; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#003366 url(img/right-arrow.gif) no-repeat right center;}


#menu :hover ul :hover {background-color:#BAE0FD; color:#003366;}
#menu :hover ul :hover a.fly {background:#BAE0FD url(img/right-arrow-dk.gif) no-repeat right center; color:#003366;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#003366 url(img/right-arrow.gif) no-repeat right center; color:#FFFFFF;}

/* 2nd level attributes */
#menu :hover ul :hover ul li a {width:240px; padding:0; text-indent:10px; background:#003366; color:#FFFFFF;}
#menu :hover ul :hover ul :hover {background-color:#BAE0FD; color:#003366;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#003366; color:#fff;}

/* ------------------- NAVIGATION PROPERTIES END----------------------*/


/* ------------------- FOOTER  ----------------------*/

#footerholder {
	clear: both;
	width:100%;
	text-align:center;
	background:url(img/bg.gif) ;
	margin:-13px 0 0 0;
	padding:0 0 0 0;
}

#footer {
	width:967px;
	margin:0 auto;
	text-align:left;
	background:url(img/footer-bg-lined-flat.png) top  ;
	padding:0;
}

#footerbar {
	background-color:#333333;
	width:947px; 
	padding:0 0 5px 0;
	margin:0  0 0 10px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#CCCCCC;
}

#footerbar2 {
	width:900px;
	margin: 0 auto;
	text-align:left;
}

 
#footer1, #footer2, #footer3, #footer4 {
	width: 215px;
	display: block;
	padding:0;
	margin: 15px 10px 10px 10px;
	float: left;
}

#footer1 {
 	margin-left:34px;
 }

#footer1 h1, #footer2 h1, #footer3 h1 , #footer4 h1 {
	font-size: 10pt;
}

#footer1 p, #footer2 p, #footer3 p {
	font-size: 8pt;
	padding:0;
	margin:0;
	color:#333333;
}

#footer1 li, #footer2 li, #footer3 li {
	font-size: 8pt;
	padding:0;
	margin:0;
	color:#333333;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#footer4 p {
	font-size: 7pt;
	padding:0;
	margin:0;
	color:#333333;
}


#footer a {
	color:#333333;
}

#footer a:hover {
	color:#000000;
	text-decoration:underline;
}

#footerbar a {
	color:#CCCCCC;
}

#footerbar a:hover {
	color:#FFFFFF;
}
#footer h2, #footer h2 a {
	color:#336699;
	font-size: 10pt;

}
/* --------------------------------- text/link elements ------------------------------------------------*/


/* -- content list style --*/
.flexispacer { width: 100%; height: 5px;}

#contentbox ul, #contentbox li {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9pt
} 

/* -- end of content list style --*/

.padding {
	margin: 15px;
}

.searchpadding {
	width:615px;
	float: left; 
	margin: 15px;
}

#searchcontent {
	float:left;
	margin:0;
	padding:0;
	width: 615px;
}

h1 {
	font-size:10pt;
	color:#336699;
}

h2 {
	font-size:10pt;
	color:#336699;
}

h3 {
	font-size:10pt;
	color:#336699;
	font-style:italic;
	padding-bottom:0;
	margin-bottom:0;

}

p {
	font-size: 9pt;
	color:#333333;
	margin-top:0;
	padding-top:0;
}

p, h1, h2, h3, h4, h5  {
	line-height: 130%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


li, ul { 
	color:#333333;
	font-size: 9pt;

}

#sidebutton1 h2, #sidebutton2 h2, #sidebutton3 h2 { 
	font-size: 10pt;
	font-weight:normal;
	margin:0;
	padding:0;
}

#sidebutton1 h2{ color: #006600; }

#sidebutton2 h2 { color:#003399;}

#sidebutton3 h2 { color: #CC0000; }

#sidebutton1 p, #sidebutton2 p ,#sidebutton3 p { 
	font-size: 8pt;
	font-weight:normal;
	color: #333333;
	padding: 0 0 0 0;
	margin: 0;
}

#sidebuttonheader {
	padding: 0;
	margin:0;

}

.italicblue {
	font-style:oblique;
	color: #006699;
	

}
a {
	color: #003366;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
	color: #cc0000;
}

.telnumber {
	font-size: 18pt;
	color:#333333;
}

.phone { padding: 0  0 0 34px;}

.blue {
	color:#336699;
	
}

.rightimg { 
	float: right;
	margin: 0   0 10px 15px;
}

.leftimg { 
	float: left;
	margin: 0    10px 0 15px;
}

.bold {
	font-weight:bold;
}

.linktitle {
	padding:0;
	margin:0;
}

.red {color:#003366;}



/* --------------------------------- login box elements ------------------------------------------------*/


.form-label {margin:0; padding:0; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size:10pt; color:#333333;}
.form-input {margin:0; padding:0;}


/**
 *SEARCH BAR STYLE
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}

.searchpadding #cse-search-results iframe { width: 615px;}

.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
