@charset "UTF-8";
/* CSS Document */

.menu {
font-size:85%;
margin:25px 0 50px 0px; /* this page only */
font-weight:bold;

}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:100;
padding:0;
margin:0;
list-style-type:none;
width:180px;
}
/* style the list items */
.menu li {
height:31px;
/* for IE7 */
float:left;
}
.menu li.sub {background:url(../images/sub.gif) no-repeat right center;} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; font-size:1em;}

/* style the links */
.menu a {
font-family:verdana, arial, sans-serif;
display:block; 
text-decoration:none;
height:31px;
line-height:31px;
width:180px;
color:#333;
text-indent:5px;
border:1px solid #333;
border-width:0 0px 1px 0px;
padding:0 10px;
margin-left:-1px;
}

.menu a:visited {
	
	border:1px solid #333;
border-width:0 0px 1px 0px;}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:180px; w\idth:179px;}
/* style the link hover */
* html .menu a:hover {background:#c1b8a5; position:relative;}

.menu li:hover {position:relative;background:#c1b8a5; width:100%;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {background:#c1b8a5;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {background:#c1b8a5;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:0px;
/* set up the overlap (minus the overrun) */
left:150px;
/* set up the overrun area */
padding:0 10px;
/* this is for IE to make it interpret the overrrun padding */
background:#f0eedf;
color:#333;
padding:0;
margin-left:-1px;
width:226px;
border-left:1px solid #333;

}

.menu li ul.sub  {
background:url(../images/sub.gif) no-repeat right center;

}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

.menu li:hover > ul a {background:#f0eedf;border-top:1px solid #333;border-left:1px solid #333;text-indent:4px;width:205px;height:30px;
line-height:30px;border-right:1px solid #333;}

.menu li:hover > ul a:hover {background:#c1b8a5;border-left:1px solid #333;border-top:1px solid #333;text-indent:4px;}
/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;}

/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;}

/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;}

/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;background:#f0eedf;}

.menu li ul li:hover > ul {visibility:visible;background:#c1b8a5;text-indent:10px;font-family:verdana, arial, sans-serif;}
.menu li ul li:hover > ul.sub {background:url(../images/sub.gif) no-repeat right center;}

/* make the fourth level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul a:hover ul{
visibility:visible;background:#f0eedf; width:100px;}

/*NAV Vertical*/

.nav,
.nav ul {list-style-type:none; margin:0 auto; padding:0; float:left; z-index:100; position:relative;}
.nav a {text-decoration:none;}
.nav {font-family: verdana, sans-serif; font-size:18px;}

/* style the links */
.nav a {float:left; background:#012e58; color:#fff; text-align:center;padding:8px 0; border:1px solid #a9a394; margin-bottom:-1px;}

.nav a:hover,
.nav a:focus,
.nav a:active {outline:0; color:#fff; background:#222;}

/* this is for the path highlight in all browsers except IE6 and lower */
.nav li:hover > a {color:#fff; background:#222;} 

/* WIDTH change this WITH CARE to suit your requirements */
.nav {width:197px; margin-left:-1px;}
.nav a {width:197px; margin-right:-197px;} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.nav ul li {max-width:197px;} /* fix for IE8 */

/* flyout TOP positions */
.nav ul.fly {top:-25px;} /* position the top of the flyout first sub-limenus */

/* flyout LEFT/RIGHT positions */
.nav ul.fly {left:197px;}

/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.nav ul {position:relative; margin-bottom:-10000px;font-size:13px;} 
.nav ul li {float:left; clear:left;}
.nav li ul li a{text-align:center; height:20px;}
.nav a {position:relative;}
.sub-li {margin-top:-10000px;}
.sub-a {margin-top:10000px;}

/* The bit that does ALL the work to bring the sub-limenus into view */
.sub-li a:hover,
.sub-li a:focus,
.sub-li a:active {margin-right:0;}

/* OPERA fix */
.nav ul:hover {clear:left;height:30px;}

/*IE5-7 fixes*/
.nav .sub-li {width:100%;}
a:active {}


/*CONTENT*/

body {
background-image: url(../images/background.gif);
	background-repeat: repeat-x; 
	background-attachment:fixed;
   	width:100%;
   	margin:0 auto;

	 }

#wrapper {
	margin: 0px auto;
	padding: 0px;
	border:0;
	width:980px;
	background-color:#FFF;

}

#header {
	margin: 0px 0 0 0;
	height:209px;
	width:980px;
}

#side-a {
	float: left;
	width: 200px;

}

#side-b {
	float: left;
	width: 215px;
	padding:20px 0;
	}

#content { 
	float: left;
	width: 490px;
	margin:20px 0;
	padding:0 30px 15px 30px;	
}


h1 {
	font:bold 20px Didot, Georgia, Times, serif;
	color:#971e1e;
  	text-transform:uppercase;
	display:block;
	letter-spacing:1px;
	margin:10px 0;
	text-decoration:underline;
	text-align:center;
	}

h3 {
	font: 15px Arial,sans-serif;
	color:#000000;
	letter-spacing:1px;
	text-align:center;
	line-height:18px;
	font-weight:600;

}

h4{
	font: 13px Arial,sans-serif;
	font-weight:bold;
}

p {
	margin: 0.5em 0em 0.5em 0em;
	font: 12px Arial,sans-serif;
	color:#000000;
	letter-spacing:1px;
	text-align:justify;
	line-height:15px;
	font-weight:500;
}

table td{
	padding:5px 2px;
	font: 10.5px Arial,sans-serif;
	color:#000000;
	letter-spacing:1px;
	text-align:left;
	line-height:15px;
}
table th{
	background-color:#CCC;
		padding:5px 2px;

}

table tr{
	font: 12.5px Arial,sans-serif;
	color:#000000;
	letter-spacing:1px;
	text-align:center;
	line-height:15px;
		background-color:#fff;

}

p a:hover{
	color:#666;

}

p a, p a:visited{
	color:#00386c;

}

#content ul li{
	list-style:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:15px;
	letter-spacing:1px;
	margin-left:-20px;
}


.slideshow{
	margin:15px auto;
	
}
.slideshow img
{
}

.social_network ul {
	margin-left:-25px;
}
.social_network li {
    display: inline;
    float: left;
	font: 12px Arial,sans-serif;
	margin:10px auto;
}

.social_network a {
    display: block;
    margin-right: 5px;
	color:#00386c;
}

.social_network h2 {
margin: 0.25em 0em 0.25em 0em;
	font:15px Arial,sans-serif;
	color: #333;
	font-weight:bolder;
	letter-spacing:1px;
  	text-transform:uppercase;
	text-decoration:underline;
}


#social_network a:hover{
	color:#666;
}


a:hover { text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; display:none; padding:2px 3px; margin-left:15px; margin-top:-10px; width:135px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #999; background:#ffffff; color:#999;}


#faq li a, #faq li a:visited{
	color:#000; 
  	font: 14px verdana,arial;
	text-decoration:underline;
	font-weight:bold;
	line-height:1.7;
}

#faq li a:hover {
    color:#971e1e; 
  }


#footer {
	clear: both;
	padding:15px 0;
	margin-bottom:-8px;
	text-align:center;
	font: 10.5px Arial, sans-serif;
	color: #fff;
	border-top:1px solid #666;
	background:#012e58;
}

a, a:visited, a:hover {}