body {
	background:#FFFFFF;
	margin:0;
	padding:0;
	background: #fff url(images/top.gif) repeat-x;
	font-family: verdana;
	font-size: 10pt;
	}

a:link, a:visited, a:active {

/*color:#666;*/
color:#ef393e;
}

a:hover {

	color:#333;
}

h1 {

	font: 20pt verdana;
	color:#666;
	margin:0;
	padding:20px;
}

h2 {

	font: 14pt verdana;
	color:#666;
	padding:10px;
	margin:0;

}

p { 
	margin: 0px; 
	text-align: justify;
	}
	
#contain {
	width:650px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	
	/*
	border-right:1px solid #7398c7;
	border-left:1px solid #7398c7;
	*/
	
	/* border-left:1px solid #778;*/
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;

}
	
#header {

	width:650px;
	background:#FFFFFF;

}

#leftcol {

	width:46px;
	float:left;
	padding:5px 0 5px 0;

}

#leftcol p {

	padding:3px 18px 3px 18px;
	margin:0;

}

#content {

	width:570px;
	float:left;
	padding:5px 0 5px 0;
	background:#FFFFFF;
}

#content p {

	padding:3px 18px 3px 18px;
	background:#FFFFFF;
	margin:0;

}

#rightcol {

	width:20px;
	float:left;
	padding:5px 0 5px 0;

}

#rightcol p {

	padding:3px 18px 3px 18px;
	margin:0;

}






#footer {

	width:650px;
	clear:both;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FFFFFF;
	padding:4px 0 4px 0;
	font-size:8pt;

}

#footer p {
	text-align:right;
	padding-right:4px;
	font:8pt verdana, arial, sans-serif;

}
	
	
	
	
	
	


.shadetabs{
border-bottom: 1px solid #CCC;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 260px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #CCC;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}






.style1 {color: #ef393e}
.style2 {color: #7398c7}


/*Dashed Line*/
.dashedline{
border-top: 1px dashed gray;
}




.cssform p{
width: 500px;
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: 0px; /*width of left column*/
width: 130px; /*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 textarea{
width: 250px;
height: 150px;
}

/*.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;
}

/*Bulletted List Property*/

.list {
list-style-image: url(images/bullett.gif);
/*list-style-type: square; 
*/
line-height:1.3em;
color:#7398C7;
font-weight:bold;
font-size:12px;
}



/*Front Page boxes*/
.frontbox1 {
top : 10px;
left:200px;
}

.frontbox2 {
top : 80px;
}

.frontbox3 {
 top : 950px;
}


.fl_child { 
 float: left; 
 position:relative;
 width: 116px;  
 height: 111px;
 font-size:10px;
 background: white;  
 padding: 0.2em ;
 margin:0;
 background-image:url(images/box.gif)
} 


/*
 Expandable Links Formatting
*/

.treemenu {
margin : 0px 10px;
padding : 10px;
}

.treemenu h2 {
color: #7398c7;
font-size: 12px;
text-align: left;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}

.treemenu LI {
display:inline;
}

.treemenu a {

}

a span.splnk
{
 text-decoration:none;
}