@charset "utf-8";
body{
margin:0;
padding:0;
line-height: 1.5em;
background-color:#335c72;
}

.main-table {
background:#ffffff;
}

a:link {
color:#00cc00;
text-decoration:underline;
}

a:visited {
  color:#335c72;
    text-decoration: underline;
}

a:hover {
color:#33ff00;
text-decoration:underline;
}

/* Layout Styles */

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #ffffff;
}

#topsection{
background: #EAEAEA;
height: 182px; /*Height of top section*/
}

#topsection h1{
margin: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 225px; /*Set left margin to LeftColumnWidth*/
margin-top: 10px;
width:545px; /* This resizes the middle content area */
padding-left:10px;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 10px;
background: #ffffff;
padding-left: 20px;
}

#footer {
clear: left;
width: 100%;
background: #ffffff;
color: #335c72;
text-align: center;
padding: 4px 0;
}

#footer a:link, #footer a:visited, #footer a:hover {
color: #335c72;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
background: #ffffff;
}

/* Menu styles */

.menu{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #ffffff;
width: 205px;
}

.menu a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.menu a:hover{ /*hover background color*/
background-color: #335c72;
color: #ffffff;
}

.staticmenu{ /*for javascript links that browsers can't detect the state to change style */
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #ffffff;
width: 205px;
}

.staticmenu a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color:#335c72;
}

.staticmenu a:hover{ /*hover background color*/
background-color: #335c72;
color: #ffffff;
}

.sidebar {
border:outset; 
background-color:#FFFFCC; 
padding:5px;
}

/* Tooltip Styles */

.tooltipstyle{
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #FFFFCC;
	width: 350px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

a.tooltip:link, a.tooltip:visited,a.tooltip:hover{
	color:#000000;
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CCCCCC;
}