body         {
	background-color: #FFFFFF;
	font-family:Verdana;
	color:#000000;
	font-size:10pt
}
font         {
	font-size: 10pt;
	color:#000000;
	font-family:Verdana
}
img {margin-left: 10px; margin-right: 10px;}
h4 {font-family:Verdana ; color:#000066; font-size:14pt; font-weight:bold   }
h5 {font-family:Verdana ; color:#9900CC; font-size:14pt; font-weight:bold   }
table        {
	border: 0px;
	font-size:10pt;
	font-family:Verdana;
}
span.subtitle		 {
	font-family:Verdana;
	font-weight: bold;
	font-size:10pt
}
td.menuitem {color: #FFFFFF; background-color: #000066; font-size:10pt; font-weight:bold; }
td.menutitle {color: #CCFF99; background-color: #666699; font-weight:bold}
table.admenu {}

a:link.menustan { color: #CCFFCC; font-weight:bold; text-decoration: none}
a:visited.menustan { color: #99CCFF; font-weight:bold; text-decoration: none }
a:hover.menustan { color: #FF0000;  font-weight:bold; text-decoration: underline }
a:active.menustan {color:#00FF00; font-weight:bold; text-decoration: underline }

td.MainTitle {font-size:36px;} 

#sitename {font-size:150%; float: left; border: 0px solid black; width: 100%; text-align: left;}
#sitefoot {font-size:36px; float: center;  border: 0px solid black; width: 400px;}
#siteheader { float: right; top: 0px; text-align:right;
  font-size:14px; border: 0px solid black; margin-right: 15px;}

#outercontent{
border: 1px solid red;
width: 100%;
background: ##FFFF99;
}

#framecontent{
border: 4px solid blue;
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 200px; /*Width of frame div*/
height: 100%;
/* overflow: scroll; Disable scrollbars. Set to "scroll" to enable*/
/*background: #FFFF99;*/
}

#maincontent{
border: 2px solid cyan;
position: fixed;
padding: 10px;
top: 0; 
left: 200px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
/*background: ##FFFF99;*/
}

.innertube{
border: 1px solid yellow;
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

/* 
* html body{ 
padding: 0 0 0 200px; Set value to (0 0 0 WidthOfFrameDiv)
} */

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

#mainmenu{
border-left:0px solid black; border-right:0px solid black; border-top:0px solid black; border-bottom:0px solid black; width: 185px; padding: 4px;
color: white;
}

#mainmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 80%;
}

#mainmenu li a{
color: white;
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #mainmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#mainmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#mainmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

.formbutton{
cursor:pointer;
border:1px outset #ccc;
color:#666;
font-weight:bold;
background:url('/media/formbg.gif') repeat-x left top;; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
float: left;
margin-left: -155px; 
width: 600px;
height: 400px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

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

.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 170px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	background-color: #000000;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	background-color: #003300;
	padding: 5px 5px 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

.suckerdiv ul li a:visited{
	background-color: #003300;
	color: white;
}

.suckerdiv ul li a:hover{
background-color: yellow;
color: blue;
}

.suckerdiv .subfolderstyle{
background: url(/images/arrow-list.gif) no-repeat center right;
}

.suckerdiv li.tabtitled { 
background-color: red;
padding: 5px 5px 5px;
color: white; /* #000066; */
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

/* ----------------------------------------------------------------------------- */