/* BASE STYLE */

body {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 0px;
color:#888;
background-color: #ccc;
font-size: 12px;
margin-top:0px;
background-color: #f2f2f2;
position: center;
} 

div.topper {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
width: 752px;
padding: 0px 0px 0px 0px; 
line-height:25px; 
margin-left: auto;
margin-right:auto;
}

#container {
width: 752px;
padding: 0px 0px 0px 0px; 
margin-left: auto;
margin-right:auto;
background:#fff url(../images/dark-lines.gif);
border: solid 1px #ccc;
}

#side {
width: 752px;
padding: 0px 0px -50px 0px; 
margin-left: auto;
margin-right:auto;
background:#fff url(../images/dark-lines.gif);
border: solid 1px #ccc;
text-align: left; 
clear: both;
}


a:link { color: #336699; }
a:visited { color: #336699; }
a:hover { color: #336699; background-color: #CCCCCC; }

#intro { 
width: 752px;
height: 80px;	
margin: 0;
padding: 0;
}

#head {
width: 752px;
height: 80px;	
margin: 0;
padding: 0;
text-align: right;
}


#pageHeader {
width: 752px;
height: 29px;
border: solid 0px red;
background: #fff url(../images/lines-left.gif);
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
float: left;
}


hr {
color:#003366;
height: 1px;
margin: -5px 0px 5px 0px;	
width:495px;	
}




/* ------------------------------ */
/*         TOP MENU STYLE         */
/* ------------------------------ */

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menu2 { display:none; } }

.preload2 {background: url(images/button4.gif);}
.menu2 {padding:0 0 0 6px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:Verdana, Arial, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#638AAD; text-decoration:none; font-size:10px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}

.menu2 li a.top_link span {float:left; display:block; padding:0 5px 0 5px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 5px 0 5px; height:40px;}
.menu2 li a.top_link:hover {color:#31659C; background:#CECBCE;}
.menu2 li a.top_link:hover span {background:#CECBCE;}
.menu2 li a.top_link:hover span.down {background:#CECBCE;}
.menu2 li:hover > a.top_link {color:#31659C; background:#CECBCE;}
.menu2 li:hover > a.top_link span {background:#CECBCE;}
.menu2 li:hover > a.top_link span.down {background:#CECBCE;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:150px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:auto;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:150px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab; color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:150px; z-index:400; height:auto;}


.title { 
font-family: Times New Roman, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color:#003366;
margin: 5px 5px 5px 5px; 
}

.rightPhoto { 
border: solid 4px #c8c8c8;
visibility:visible;
display:inline;
width:146px;
margin: 0px 5px 5px 5px;
}

#missing { 
border: solid 1px #c8c8c8;
visibility:visible;
display:inline;
width:146px;
float: right;
margin: 0px 10px 5px 10px;
}

#subtitle
{
	font-family: Tahoma, Verdana, arial,helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:#000066;
	margin: 20px 0px 0px 0px;
}

div.float {
float: left; 
}

div.spacer { 
clear: both; 
}

.photo { 
text-align: center; 
}

table {
padding: 4px;
}


#location1 { 
border: solid 0px #c8c8c8;
visibility: visible;
display: inline;
width: 200px;
height: 274px;
float: left;
margin: 0px 10px 5px 0px;
background: #fff url(../images/main-office.gif) no-repeat top left; 
}

#location2 { 
border: solid 1px #c8c8c8;
visibility: visible;
display: inline;
width: 200px;
height: 130px;
float: left;
margin: 0px 10px 5px 0px;
background:#fff url(../images/office.gif) no-repeat top left; 
}

#subtitle
{
	font-family: Tahoma, Verdana, arial,helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:#000066;
	margin: 20px 0px 0px 0px;
}

/* ------------------------------ */
/* LEFT <BLUEBOX> CONTENT STYLE   */
/* ------------------------------ */

#blueBox { 
width: 550px;
text-align: left;
border: solid 0px red;
background: #fff url(../images/bg_blue_gradient_interior.gif);
border-top: solid 1px #c8c8c8;
border-bottom: solid 1px #c8c8c8;
float: left; 
clear: both; 
}


#blueBoxSmall { 
width: 480px;
text-align: left;
border: solid 0px red;
margin: 10px 5px -10px 5px;
background: #fff url(../images/bg_blue_gradient_small.gif);
border-top: solid 1px #c8c8c8;
border-bottom: solid 1px #c8c8c8;
float: left; 
clear: both; 
}

#gallery{
 width:550px;
 vertical-align: top;
 text-align: center;
 background:#fff;
 border-top: solid 1px #c8c8c8;
 border-bottom: solid 1px #c8c8c8;
 float: left; 
 clear:both; 
}

.supportingText{
 color:#003366;
 text-align:left;
 border: solid 0px red;
 margin:  0px 10px 10px 10px;
 padding: 10px;
 vertical-align: top;
}
.leftText
{
 font-family: Tahoma, Verdana, arial,helvetica,sans-serif;
 font-size: 12px;
 margin: -10px 10px 10px 10px; 
 padding: 0px 0px 0px 0px; 
 line-height: 16px;
 border: solid 0px blue;
}
.logosBottom
{
 font-family: Tahoma, Verdana, arial,helvetica,sans-serif;
 font-size: 12px;
 text-align: center;
 margin: 10px 10px 10px 10px; 
 padding: 0px 0px 0px 0px; 
 line-height: 16px;
 border: solid 0px blue;
}
#home
{
 width:752px;
 padding: 0px 0px 0px 0px; 
 margin-left: auto;
 margin-right:auto;
 background-color: transparent;
 font-size: 10px;	 
 text-align: right;
 line-height:25px; 
}
#footer{
 width:752px;
 padding: 0px 0px 0px 0px; 
 margin-left: auto;
 margin-right:auto;
 background-color: transparent;
 font-size: 10px;	 
 text-align: center;
 line-height:25px;  
}
/* ------------------------------ */
/* RIGHT CONTENT STYLE			  */
/* ------------------------------ */
.contact
{
	font-family: Verdana, Tahoma, Arial, helvetica,sans-serif;
	font-size: 9px;
}
.text
{
	font-family: Verdana, Tahoma, Arial, helvetica,sans-serif;
	font-size: 9px;
	width: 100%;
	text-align: left;
	border: solid 0px green; 
	vertical-align: top;
}
.label
{
	font-family: Verdana, Tahoma, Arial, helvetica,sans-serif;
	font-size: 9px;
	font-weight: bold;
	width: 100%;
	text-align: right;
	border: solid 0px green; 
	vertical-align: top;
}
.error
{
	font-family: Verdana, Tahoma, Arial, helvetica,sans-serif;
	font-size: 9px;
	font-weight: normal;
	width: 100%;
	text-align: left;
	border: solid 0px green; 
	vertical-align: top;
}
#btnSubmit
{
	background-color: #f2f5f9;
	border-bottom: #7b8ca5 1px solid;
	border-left: #7b8ca5 1px solid;
	border-right: #7b8ca5 1px solid;
	border-top: #7b8ca5 1px solid;
	color: #000000;
	font-family: Verdana, Tahoma, Arial, helvetica,sans-serif; 
	font-size: 9px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: center; 
}

#rightBox { 
border: solid 1px #c8c8c8;	
padding:  0px 0px 0px 20px; 
width:190px;
background: #fff url(../images/light-blue.jpg); 
}

.rightText { 
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: black;
font-size: 11px;
font-weight: normal; 
width:155px;
margin: 0px -5px 5px -5px; 
padding: 0px 0px 0px 0px; 
float: right;
}

.foot {
background: white;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: black;
font-size: 9px;
font-weight: normal;
text-align: center;
}