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

body {
	font-family: Century Gothic,  "Comic Sans MS", cursive;
	font-size: 14px;
	text-align: center; /* for IE */
	margin: 0px;
	line-height: 1.2em;
	background-color: #666699;
	background-image: url(media/gradient.jpg);
	background-repeat: repeat-x;
}

a {
	color: #5AA2A1;
	text-decoration: none;
} 

a:hover {
	text-decoration: underline;
	color: #000000;
}
#outer {
	 margin: 0 auto;   /* align for good browsers */
	 width: 1000px;
}
#container {
	position: relative;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 1000px;
	background-color: #FFFFCC;
	margin-top: 10px;

}

#outsidepadding {
	margin: 0 auto;   /* align for good browsers */
	width: 1008px;
	background-color: #666699;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFCC;
	border-left-color: #FFFFCC;	
}
#spacer {
	height: 5px;
}

#body {
	width: 910px;
	background-image: url(media/bottomround.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 45px;
}
#content {
 padding: 15px;
}
 
#menubargreen {
	position: relative;   /* align for good browsers */
	width: 996px;
	height: 30px;
	background-color: #9ACD9B;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
 }
#header {
	position: relative;
	margin: 0 auto;   /* align for good browsers */
	/*text-align: left;  counter the body center */
	/*background-image: url(media/topheaderborder1.jpg);*/
	background-image: url(media/cornerhome.jpg);
	width: 1000px;
	height: 334px;

}
.headertext {
	
	color: #FFFFCC;
	font-family: "Comic Sans MS", cursive;
	font-size: 50px;
}

.titletext {
	font-weight: bold;
	font-size: 16px;
}

#footer {
	color: #ecf5fa;
}

.picBorder {
	float: left;
	padding: 10px;
	/* border: 1px solid #666666; */
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 1px;
}
.picBorderPadding {
	float: left;
	padding: 5px;
	/* border: 1px solid #666666; */
	margin-right: 38px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}



div.clear {
clear: both;
}




a#here {
    border-left-color: #fff !important;
    background-color: transparent !important;
    color: #0074A5 !important;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#cfnavbar{
margin: 0;
padding: 0;
width: 1000px;
	background-image: url(media/bg.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 44px;
}

#cfnavbar ul{
	padding-left: 0;
	margin: 0;
	float: left;
	font: bold 80% Verdana;	
}

* html #cfnavbar ul{ /*IE only rule. Add extra margin-bottom*/
margin-bottom: 1em;
}

#cfnavbar ul li{
display: inline;
}

#cfnavbar ul li a, #cfnavbar ul li span{
	float: left;
	color: white;
	font-weight: bold;
	text-decoration: none;
	background-image: url(media/mid.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 15px;
	padding-right: 11px;
	padding-bottom: 16px;
	padding-left: 10px;
}

#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#cfnavbar ul li a:hover{
text-decoration: underline;
color: #FFFFFF;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
/*border-bottom: 1px solid black; bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 11px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #9ACD9B; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #8cac8e; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.mattblacktabs .current{
background: #8cac8e; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}









































/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 80% Verdana;

}

#thicktabs li{
display: inline;
width: 100%;
}

#thicktabs li a{
float: left;
color: white;
padding: 16px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(media/bluebg.gif) top right no-repeat;
/* border-top: 1px solid #d3bdbe; top border style*/
/*border-bottom: 3px solid #ffa1a3; thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #ffffff; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover, li a:current{
color: white;
background-image: url(media/greyover.gif); /*background image swap on hover*/
}



[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 80% Verdana;	
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
	font: bold 80% Verdana;	
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #82A5B8;; /*dark purple border #564c66*/
border-width: 1px 0;
background: black url(media/bluebg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
	float: left;
	color: white;
	text-decoration: none;
	border-right: 1px solid #82A5B8; /*dark purple divider between menu items*/
	padding-top: 12px;
	padding-right: 11px;
	padding-bottom: 12px;
	padding-left: 11px;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 11px; /*shift text down 1px for selected and active item*/
padding-bottom: 13px; /*shift text down 1px for selected and active item*/
background: black url(media/black.gif) center center repeat-x;
}#container table {
	text-align: left;
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
/*background: #F7F7F7; /*menu strip background*/
/*border: 1px solid gray; */
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 11px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: black; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: white;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}
.small{
	font-size: 10px;
}