/* Global Styles */
body { margin: 5px 0 0 0; background-image: url(../images/bg.jpg); }
.pageWidth { width: 1010px; }
img { border: 0; }
h2 {
	font-size: large;
	font-weight: bold;
}

	
td {
	color:#2C555D;
	}
	
a {
	color: #990033;
	font-weight:bold;
	}
	
a:hover {
	color: #4271CE;
	}

/* ID Styles */

#navigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url(../images/mm_arrow.gif) 14px 45% no-repeat;
	}
	
#navigation a:hover {
	background: #ffffff url(../images/mm_arrow.gif) 14px 45% no-repeat;
	color:#FF6600;
	}
	
#logo 	{
	font:24px Verdana, Arial, Helvetica, sans-serif;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
.inputLabel {
	text-align: right;
}
.copyRight {
	font-size: 9px;
	font-weight: lighter;
	color: #FF9A31;
	text-align: right;
}
.alert {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color:#CC0000;
	line-height:20px;
	font-weight:bold;
	font-stretch:extra-expanded;
	text-align:center;
}

#topMenu td { height: 30px; background-color: e6e0c8; text-align: center; }
#topMenu td a, #topMenu td a:link, #topMenu td a:visited, #topMenu td a:active { font-size: 14px; text-decoration: none; color: #757474; }
#topMenu td a:hover { text-decoration: underline; }
/*blue box content space */
#contentSpace h1, #contentSpace h2, #contentSpace p {margin:0 10px; letter-spacing:1px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif}
#contentSpace h1 {font-size:24px; color:#2C555D;}
#contentSpace h2 {font-size:16px;color:#84BEBD; border:0;}
#contentSpace p {padding-bottom:0.5em;}
#contentSpace h2 {padding-top:0.5em;}
#contentSpace {
	background: transparent;
	margin-top: 25px;
	margin-right: 1em;
	margin-bottom: 25px;
	margin-left: 1em;
}

.cstop, .csbottom {display:block; background:transparent; font-size:1px;}
.csb1, .csb2, .csb3, .csb4 {display:block; overflow:hidden;}
.csb1, .csb2, .csb3 {height:1px;}
.csb2, .csb3, .csb4 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #84BEBD;
	border-left-color: #84BEBD;
	background-color: #84BEBD;
}
.csb1 {
	margin:0 5px;
	background-color: #84BEBD;
}
.csb2 {margin:0 3px; border-width:0 2px;}
.csb3 {margin:0 2px;}
.csb4 {height:2px; margin:0 1px;}

.csboxcontent {display:block; background:#f7f7ef; border:0 solid #84BEBD; border-width:0 1px;}
/*image rollover*/
a.p1 {display:block; width:100px; height:100px; text-decoration:none; background:#fff; border:0; margin:50px 20px 20px 50px; float:left}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; z-index:500;}
a.p1 b {display:block; position:absolute;  left: 100px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;
}
a.p1:hover b {position: absolute; top:300; left:200px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;
}
#imageGallery {z-index:100; height:22em;}
/* Menu */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at all times.
Copyright (c) 2010 Stu Nicholls. All rights reserved.

http://www.cssplay.co.uk/menus/css3-fade-menu.html
=================================================================== */

#menu {
	width:975px;
	height:40px;
	background:url(cssfade/snow.jpg);
	text-align:center;
	padding-top:10px;
}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {
	position:absolute;
	left:-9999px;
	padding:10px 0;
	z-index: 100;
}
#menu ul.level1 {margin:0 auto; padding:0 20px;}
#menu ul.level1 li.level1-li {
	float:left;
	display:block;
	position:relative;
	z-index: 100;
}

#menu ul.level1 {
	background-image: url(-moz-linear-gradient(-90deg,%20rgba(255,%20255,%20255,%200.7),%20rgba(255,%20255,%20255,%200)));
	background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));



-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);


-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #84BEBD;
}

#menu ul.level2 {
	opacity:0;
	background-image: url(-moz-linear-gradient(-90deg,%20rgba(255,%20255,%20255,%200.7),%20rgba(255,%20255,%20255,%200)));
	background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));


-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);


-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
	border-radius: 8px;


-webkit-transition: opacity 0.6s ease-in-out;
	background-color: #fdb5b6;
}

#menu ul.level3 {background:#ea3;  opacity:0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

-webkit-transition: opacity 0.6s ease-in-out;
}

#menu ul.level4 {background:#4ba; opacity:0;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px; 
border-radius: 8px;

-webkit-transition: opacity 0.6s ease-in-out;
}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:35px; text-decoration:none; padding:0 30px 0 10px; margin-right:-10px;}
#menu ul ul a {line-height:25px;}

#menu li.left ul li a {padding:0 10px 0 30px; margin-right:0; margin-left:-10px;}

#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li.level1-li:hover {padding-bottom:10px; margin-bottom:-10px;}

#menu ul li:hover > ul {visibility:visible; left:0; top:35px; opacity:1; margin-top:10px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-35px; opacity:1;  margin-left:8px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:-10px; top:35px; opacity:1; margin-right:10px; }
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-35px; margin-right:10px; opacity:1; }


#menu a:hover ul {left:0; top:28px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:28px;}

#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible; }
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}


#menu li a.fly {background:transparent url(cssfade/arrow.gif) no-repeat 92% center;}
#menu li.left ul a.fly {background:transparent url(cssfade/arrow-left.gif) no-repeat 10px center;}

#menu li a:hover,
#menu li a.fly:hover {color:#fff; direction:ltr;} 
#menu ul li:hover > a,
#menu ul li:hover > a.fly {color:#fff;}

#menu table {position:absolute; height:33px; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-44px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-44px;}

</style>

[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
#menu a {padding:0 20px 0 10px; margin-right:0;}
#menu li.left ul li a {padding:0 10px 0 20px; margin-right:0; margin-left:0;}
#menu ul li.level1-li:hover {padding-bottom:0; margin-bottom:0;}

#menu ul li:hover > ul {visibility:visible; left:0; top:35px; opacity:1; margin-top:0;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-35px; opacity:1;  margin-left:0;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:-10px; top:35px; opacity:1; margin-right:0; }
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-35px; margin-right:0; opacity:1; }

#menu li a.fly {background:transparent url(cssfade/arrow.gif) no-repeat 96% center;}
#menu li.left ul a.fly {background:transparent url(cssfade/arrow-left.gif) no-repeat 6px center;}