{background: gray;}

html>body	{
	background:#eeeeee;
	margin-top:0px;
	}

a img {border: none; }

.imgright {
	padding: 15px 40px 10px 20px;
	right:0;	
	float:right;	
	}
	
.imgright2 {
	padding:10px 0 10px 10px;
	float:right;
	}

.imgleft	{
	padding: 10px 20px 10px 0px;
	left:0;
	float:left;
	}
h1	{
	font-family:Impact;
	color:#003366;
	padding-right:100px;
	vertical-align:bottom;
	margin:0px;	
	}
h2	{
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:100%;
	text-align:left;
	}
		
h3.hd { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:80%;
	text-align:right;
	padding-right:25px;
	margin-top:10px;
	
	}
	
h3	{
	font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	}

	
p	{
	text-align:justify;
	font-size:80%;
	font-family:Arial, sans-serif, Verdana, Helvetica;
	}
	
ul.main	{
	text-align:justify;
	font-size:80%;
	font-family:Arial, sans-serif, Verdana, Helvetica;
	}

.footer	{
	font-family:Arial, sans-serif, verdana, helvetica;
	font-size:80%;
	color:#666666;
	}
/**********************************************************/	
#content	{
	width:900px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	position:relative;
	}

		
/************************************************************
*	HEADERS
************************************************************/
#header	{
	width:100%;
	height:115px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	background:url(images/header.jpg) no-repeat top left;
	}
	

/*****************************************
*	Links Menu
*****************************************/
	
#linksleft	{
	float:left;	
	height:25px;
	width:40%;
	margin-left:10px;
	text-align:left;
	}	
#linksright {
	float:right;
	position:relative;
	height:25px;
	width:40%;
	margin:auto;
	text-align:right;
	padding-right:10px;

	}
#linkscenter	{
	float:left;	
	height:25px;
	width:100px;
	text-align:center;
	}	
	
#links {
		width:100%;
		height:35px;
		color:black;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size:80%;
		margin-bottom:-30px;
		}
	
		.links a:link {
		color:black;
		}
		.links a:active	{
		color:red;
		}
		.links a:hover	{
		color:red;
		}
		.links a:visited	{
		color:#b37700;
		}
		
#leftbox	{
	float:left;
	width:15%;	
	padding-top:20px;
	margin-right:-25px;
	}

#boxright {
	float:right;
	width:360px;
	height:241px;
	background: url(images/coverpage.jpg) no-repeat top left;
	}

#centerbox	{	
	float:right;
	margin:auto;
	position:relative;
	width:80%;
	}
	
	
.col1	{
	width: 50%;
	text-align:left;
	position:absolute;
	}
	
#col2	{
	float:right;
	width: 50%;
	position:relative;
	}
	
#ban	{
	width:700px;
	height:200px;
	margin-left:5px;
	}
	
.partners {
	width:100%;
	padding:10px;
	font-size:80%;
	font-family:Arial, sans-serif, Verdana, Helvetica;
	font-weight:bold;
	}


.javaleft {
	width:482px;
	height:252px;
	margin-right: 10px;
	margin-bottom:4px;
float:left;
position:relative;
	}


/************************************************************
*	ROUNDED CORNERS Body
************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h3{ 
background: transparent url(images/whitebox.png) no-repeat bottom right;
} 


.cssbox{ 
/* intended total box width - padding-right(next) */ 
width:100% !important;/* IE Win = width - padding */ 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:15px; /* use to position the box */ 
margin-top:0px;
margin-left:-6px;
} 

/* set the top-right image */ 
.cssbox_head{
background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-15px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px; /* set the top-left image */ 
}

.cssbox_head h3{ 
background-position:top left; 
margin:0; /* reset main site styles*/ 
border:0; /* ditto */ 
/* padding-left = image gap + interior padding ... no padding-right */ 
padding:10px 0 10px 40px; 
height:auto !important; 
height:1%; /* IE Holly Hack */ 
}

/* set the lower-left corner image */ 
.cssbox_body { 
margin-right:25px; /* interior-padding right */ 
padding:20px 0px 40px 40px; /* mirror .cssbox_head right/left */
background:transparent url(images/whitebox.png) no-repeat bottom left;
}

/***********************************
*	Box with sky
***********************************/
.cssboxsky, .cssbox_bodysky, .cssbox_headsky, .cssbox_headsky h3{ 
background: transparent url(images/whitebox.sky.png) no-repeat bottom right;
} 

.cssboxsky{ 
/* intended total box width - padding-right(next) */ 
width:100% !important;/* IE Win = width - padding */ 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:15px; /* use to position the box */ 
margin-top:0px;
margin-left:-6px;
} 

/* set the top-right image */ 
.cssbox_headsky{
background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-15px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px; /* set the top-left image */ 
}

.cssbox_headsky h3{ 
background-position:top left; 
margin:0; /* reset main site styles*/ 
border:0; /* ditto */ 
/* padding-left = image gap + interior padding ... no padding-right */ 
padding:10px 0 10px 40px; 
height:auto !important; 
height:1%; /* IE Holly Hack */ 
}

.cssbox_bodysky { 
margin-right:25px; /* interior-padding right */ 
padding:20px 0px 40px 40px; /* mirror .cssbox_head right/left */
background:transparent url(images/whitebox.sky.png) no-repeat bottom left;
}
/************************************* 
* CSS for dynamic links menu 
************************************/

.glossymenu{
margin: -19px 0px 0 0;
padding: 0;
width: 174px; /*width of menu*/
border-bottom-width: 2px;
float:left;
}

.glossymenu a.menuitem{
background: url(images/linksmid.png) repeat-y top left;
font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the "." icon image*/
width: auto;
padding: 4px 0;
padding-left: 30px;
text-align:left;
text-decoration: none;
}

.glossymenu a.menuitemtop{
background: url(images/linkstop.png) no-repeat top left;
font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the "." icon image*/
width: auto;
padding: 4px 0;
padding-left: 30px;
text-align:left;
text-decoration: none;
}
.glossymenu a.linksbottom	{
background:url(images/linksbottom.png) no-repeat top left;
font: 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the "." icon image*/
width: auto;
height:10px;
padding: 4px 0;
padding-left: 30px;
margin-bottom:30px;
text-align:left;
text-decoration: none;
}

.glossymenu .menuitem:active{
color: #b37700;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
left: 10px;
border: none;
}

.glossymenu a.menuitem:hover{
color: #b37700;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:url(images/linkssubmid.png) repeat-y top left;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding-left: 0px;
}

.glossymenu div.submenu ul li{
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 45px;
}

.glossymenu div.submenu ul li a:hover, .glossymenu div.submenu ul li a:active{
color:#b37700;
}
/*********************************************
*	Scroller
*********************************************/
#newsbox	{
	float:left;
	padding-left:2px;
	width:170px;
	margin-top:0px;
	height:260px;
	font-size:80%;
	}

/* set the image to use and establish the lower-right position */ 
.cssboxscroller, .cssbox_bodyscroller, .cssbox_headscroller, .cssbox_headscroller h3 { 
	background: transparent url(images/newsbox.png) no-repeat bottom right; 
	} 

.cssboxscroller { 
	width: 100% !important; /* intended total box width - padding-right(next) */ 
	width: 100%; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 15px 0 -0px -8px; /* use to position the box */ 	
	} 

/* set the top-right image */ 
.cssbox_headscroller { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 30px; /* right-image-gap + right-inside padding */ 
	} 
	
/* set the top-left image */ 
.cssbox_headscroller h3 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 11px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */ 
	font-family:arial;
	}

/* set the lower-left corner image */ 
.cssbox_bodyscroller { 
	background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 8px 0 0px 15px; /* mirror .cssbox_head right/left */
	font-family: arial;
	} 

#pscroller1	{
width: 100%;
height: 160px;
position:relative;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:80%;
border-top:1px solid gray;
border-bottom:1px solid gray;
margin:-10px 0px 7px 10px;
}

.support {
	border:3px solid red;
	margin:0 0 0 60px;
	padding:0px;	
	}



.clear	{
	clear:both;
	height:0px;
	}	
	
#footer	{
	width:900px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:70%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;	
	border-top:solid 1px gray;
	}

.imgright	{
	float: right;
	margin-right:-42px;
	}

.imgleft	{
	float: left;
	}