/* CSS Document */

/* colors */
/* black 000000 */
/* white ffffff */
/* gray cdcdcd */
/* navy 000066 */
/* light blue 6699ff */


/* sets body style w bg color and bg images if desired etc */

body {
	text-align: left;
	background: #000000; 
	}
/* end definition of body style */



a {text-decoration: underline;font-weight: bold;}
a:link {color: #ffffff; background-color: transparent;}
a:visited {color: #ffffff; background-color: transparent;}
a:hover {color: #000066; background-color: transparent;} 

a:link img {border: 1px solid #000000;}
a:visited img {border: 1px solid #000000;}
a:hover img {border: 2px solid #000066;}

img {border: 1px;}


#container {margin: 0 auto;width: 1000px;position: relative;border: 0px #000 solid;}


#head {
	display: block; 
	position: relative; float: left;
	font-size: 1em; 
	z-index: 50; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	color: #000; 
	border: 1px solid #ffffff; 
	background: #003399;
	background-image: url(pictures/javahead2.jpg);
	background-attachment: scroll;
	background-position: top left;
	background-repeat:no-repeat;
	height: 125px;
	width: 1000px;
	}

#head UL {clear: both; border-top: #6699ff 1px solid; text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: none transparent scroll repeat 0% 0%; list-style-type: none;}
#head UL LI {display: inline; color: #ffffff}
#head UL LI A {text-decoration: none; color: #ffffff;background-color: transparent;font-weight: bold; font-size: 14px;}
#head UL LI A:visited {text-decoration: none; color: #ffffff;background-color: transparent;font-weight: bold; font-size: 14px;}
#head UL LI A:hover {text-decoration: none; color: #6699ff;background-color: transparent;font-weight: bold; font-size: 14px;}


h1 {font-size: 48px;line-height: 50px;font-weight: bold;margin: 0px 0px 0px 80px; background-color: transparent;color: #ffffff;text-align: left;}
h2 {font-size: 20px;line-height: 50px;font-weight: bold;margin: 0px 0px 0px 80px; background-color: transparent;color: #6699ff;text-align: left;}
h3 {font-size: 14px;line-height: 18px;font-weight: bold;margin: 0px 0px 0px 0px; background-color: transparent;color: #ffffff;text-align: center;}
h4 {font-size: 22px;line-height: 24px;font-weight: bold;margin: 0px 0px 0px 0px; background-color: transparent;color: #ffffff;text-align: center;}
h5 {font-size: 16px;line-height: 22px;font-weight: bold;margin: 0px 0px 0px 10px; background-color: transparent;color: #CCCCCC;text-align: left;}
h6 {font-size: 16px;line-height: 18px;font-weight: bold;margin: 0px 0px 0px 10px; background-color: transparent;color: #003399;text-align: left;; text-transform: uppercase}
h7 {font-size: 28px;line-height: 32px;font-weight: bold;margin: 0px 0px 0px 0px; background-color: transparent;color: #000000;text-align: center;}
h8 {font-size: 13px;line-height: 16px;font-weight: bold;font-style: italic;margin: 0px 0px 0px 0px; background-color: transparent;color: #ffffff;text-align: center;}

#page {z-index:999;position: relative; float: left; text-align: left;width: 1000px;background: #6699ff;border-left: 1px #ffffff solid;border-right: 1px #ffffff solid;}

#sidemenu {
	z-index: 20;
	text-align: left;
	font-family: arial;font-size: 12px; line-height: 18px; color: #000066;
	position: relative; float: left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	background: #ffffff;
	width: 200px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;

	}
html>body #sidemenu {
	width: 200px; /* ie5win fudge ends */
	}

#sidemenu ul {font-size: 12px;padding:0px;margin:0px;list-style-type:none;width: 200px;}
#sidemenu li {position: relative; background:#ffffff;}
.side a, .side a:visited {display: block;text-decoration:none;color:#000000;height: 20px;line-height: 20px;text-indent: 5px;border: 1px solid #ffffff;border-width: 0px 1px 0px 1px;}
.side a:hover {color: #ffffff; background: #6699ff;}

#sidemenu a img {border: 1px solid #000066;}
#sidemenu a:hover img {border: 1px solid #6699ff;}

.caps {text-transform: uppercase}

p {padding: 0px 10px 0px 10px; font-size: 14px; font-family: arial; color: #ffffff; line-height: 16px;}
.td {padding: 0px 5px 0px 5px; font-size: 14px; font-family: arial; color: #ffffff; line-height: 16px;}


#mainbodyheader {
	z-index:19;
	position: relative; float: right;
	border-right: 1px solid #ffffff; 
	background: #cdcdcd;
	width: 799px;
	height: 30px;
	}


#mainbodyheader ul {clear: both; text-align: left; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px}
#mainbodyheader UL LI {display: inline; color: #ffffff;}
#mainbodyheader UL LI A {text-decoration: none; color: #000066;background-color: transparent;font-family: arial;font-weight: bold; font-size: 14px;padding: 0px 0px 0px 20px;}
#mainbodyheader UL LI A:visited {text-decoration: none; color: #000066;background-color: transparent;font-family: arial;font-weight: bold; font-size: 14px;}
#mainbodyheader UL LI A:hover {text-decoration: none; color: #6699ff;background-color: #transparent;font-family: arial;font-weight: bold; font-size: 14px;}
#mainbodyheader UL LI.padded {display: inline; color: #ffffff;padding: 0px 0px 0px 20px;font-family: arial;font-size: 22px;}

#mainbody {
	text-align: left;
	font-size: 14px;
	font-family: arial; color: #ffffff; line-height: 16px;
	z-index:3;
	font-size: 14px; line-height: 18px; color: #000000;
	position: relative; float: right; 
	padding: 20px 0px 0px 0px;
	margin: 0px 0px;
	border-right: 1px solid #ffffff;
	background: #6699ff;
	width: 799px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 799px;

	}
html>body #mainbody {
	width: 799px; /* ie5win fudge ends */
	}

#mainbody UL, #mainbody OL {color: #ffffff;}


#mainbodyleft, #mainbodycenter, #mainbodyright, #mainbodyleftborder, #mainbodycenterborder {
	text-align: left;
	float: left;
	position: relative;
	font-size: 14px;
	font-family: arial; color: #ffffff; line-height: 16px;
	z-index:4;
	font-size: 14px; line-height: 18px; color: #000000;
	padding: 10px 5px;
	margin: 0px 0px;
	background: transparent;
	width: 249px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 249px;

	}
html>body #mainbodyleft, #mainbodycenter, #mainbodyright, #mainbodyleftborder, #mainbodycenterborder {
	width: 249px; /* ie5win fudge ends */
	}

#mainbodytwoa, #mainbodytwob {
	text-align: left;
	float: left;
	position: relative;
	font-size: 14px;
	font-family: arial; color: #ffffff; line-height: 16px;
	z-index:4;
	font-size: 14px; line-height: 18px; color: #000000;
	padding: 0px 0px 5px 5px;
	margin: 0px 0px;
	background: transparent;
	width: 349px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 349px;
	}
html>body #mainbodytwoa, #mainbodytwob {
	width: 349px; /* ie5win fudge ends */
	}

#mainbodytwoa {border-right: 1px solid #ffffff;}

.blue {color: #003399;background-color: transparent;font-weight: bold; font-size: 14px;}
.blue2 {color: #003399;background-color: transparent;font-weight: normal; font-size: 14px;}


#footer {
	text-align: center;
	z-index: 88;
	font-size: 11px;
	font-family: arial; color: #ffffff; line-height: 13px;
	position: relative; float: left; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	border-top: #000 1px solid;
	border-right: 1px solid #ffffff; 
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #003399;
	height: 55px;
	width: 1000px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 1000px;
	}
html>body #footer {
	width: 1000px; /* ie5win fudge ends */
	}

.footer2 A:link {text-decoration: none; color: #ffffff;background-color: transparent;font-size: 11px;font-family: arial;}
.footer2 A:visited {text-decoration: none; color: #ffffff;background-color: transparent;font-size: 11px;font-family: arial;}
.footer2 A:hover {text-decoration: none; color: #6699ff;background-color: transparent;font-size: 11px;font-family: arial;}





#sidemenuphoto {
	z-index: 20;
	text-align: left;
	font-size: 14px; line-height: 18px; color: #000066;
	position: absolute; top: 145px; left: 50px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	border: 0px solid #000000;
	background: #ffffff;
	width: 200px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;

	}
html>body #sidemenuphoto {
	width: 200px; /* ie5win fudge ends */
	}

#sidemenuphoto UL {CLEAR: both; TEXT-ALIGN: left; PADDING: 0px 0px 0px 0px; MARGIN: 10px 0px 0px 10px; BACKGROUND: none transparent scroll repeat 0% 0%; LIST-STYLE-TYPE: none;}
#sidemenuphoto UL LI A {text-decoration: none; color: #000000;background-color: transparent;font-weight: bold; font-size: 14px;}
#sidemenuphoto UL LI A:visited {text-decoration: none; color: #000000;background-color: transparent;font-weight: bold; font-size: 14px;}
#sidemenuphoto UL LI A:hover {text-decoration: none; color: #003399;background-color: transparent;font-weight: bold; font-size: 14px;}


#mainbodyphoto {
	text-align: left;
	font-size: 14px;
	font-family: arial; color: #ffffff; line-height: 16px;
	z-index:30;
	font-size: 14px; line-height: 18px; color: #000000;
	position: absolute; top: 145px; left: 251px; 
	overflow:auto; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	border-right: 1px solid #ffffff;
	background: #6699ff;
	width: 800px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;

	}
html>body #mainbodyphoto {
	width: 800px; /* ie5win fudge ends */
	}

#footerphoto {
	text-align: center;
	z-index: 8;
	font-size: 13px;
	font-family: arial; color: #ffffff; line-height: 13px;
	position: absolute; top: 745px; left: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px;
	border-top: #000 1px solid;
	border-right: 1px solid #ffffff; 
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #003399;
	height: 45px;
	width: 1000px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 1000px;
	}
html>body #footerphoto {
	width: 1000px; /* ie5win fudge ends */
	}





/* Defines menu style and always on top */
.menu {
	z-index:1000;
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	background: transparent;
	}

/* This will remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width: 150px;
	background: transparent;
	border:0px solid #000000;
	}

.sub ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width: 150px;
	background: transparent;
	border:1px solid #000000;
	}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
.menu li {
	position:relative;
	background: transparent;
	height:26px;
	}

/* This gets rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* Here we style the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:149px;
	color:#000000;
	text-indent:5px;
	border:0px solid #ffffff;
	border-width:0px 0px 0px 0px;
	background: transparent;
	}

/* hack for IE5.5 work around to fix browser display */
* html .menu a, * html .menu a:visited {background: transparent; width:150px; w\idth:149px;}

/* style the link hover */
* html .menu a:hover {color:#003399; background: transparent;}

.menu :hover > a {
	color:#003399; 
	background: transparent;
	}

/* This will hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute; top:0; left:150px; 
	}

/* This will make the second level visible when we hover on the first level list OR the link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
	}

/* This will keep the third level hidden when we hover on the first level list OR the link */
.menu ul :hover ul ul{
	visibility:hidden;
	}

/* This will keep the fourth level hidden when we hover on the second level list OR the link */
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
	}

/* This will make the third level visible when we hover over the second level list OR the link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
	}

/* This will make the fourth level visible when we hover over the third level list OR the link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility:visible;
	}