/*start css */

html, body {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:1em; 
behavior:url("/csshover.htc");
color:#000;
background-color:#006699;
height:100%;
}

#container-page { 
width:770px;
position: relative; 
min-height: auto; /*For Modern Browsers */ 
margin:0 auto;
background-color:#FFF;
border-top:4px solid #000;
border-right:4px solid #000;
border-left:4px solid #000;
}

* html #container-page {
	height:auto;
	}
	

#logocontainer{
position:relative;
height:100px;
width:762px;
background-color:#FFFFFF;
padding:4px;
}

#logo{
float:left;
margin:0 0 0 200px;
}

* html #logo{
margin:0 0 0 90px;
}

#javapictright{
float:right;
}

/* the horizontal menu starts here */

#topnav{
	width:770px; /*makes the div full width */
	height:auto;
	position:relative;
	float:left; /*makes the div enclose the list */
	border-top:.5px solid #000;
	border-right:.5px solid #000; /* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:.9em;	/* SET FONT-SIZE HERE */
	background-color:#00184D; /* colors the div */
	margin-top:6px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	margin-bottom:0;
	margin:0;
	padding:0 ;
	}

#topnav ul {
	width:100%;
	margin:0;/* indents ul from edge of container */
	padding:0;
	border-bottom:1px solid #000;
}
	
#topnav li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#00184D; /*sets the background of the menu items */
	border-right:1px solid #000; /* creates dividing lines between the li elements */
}

#topnav li:first-child {
	border-left:1px solid #000; /*the first vertical line on the menu */
	}

#topnav li:hover { 
	background-color:#339; /*sets the background of the menu items */
	}

#topnav a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 10px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFF;	/* sets the type color */
	}
#topnav a:hover {
	color:#F33;
	}

/* the horizontal menu ends here */
/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {
display: inline-block;
}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

#maincontent{
width:770px;
background-color:#3F51FB;
}

#footer{
position:relative;
height:20px;
width:770px;
border-left:4px solid #000;
border-right:4px solid #000;
border-bottom:4px solid #000;
background-color:#00184D; 
margin:.05em auto 0 auto;
}

#footer ul{
margin:0;
padding:0;
font-size:.7em;
color:#FFF;
}

#footer li{
float:left;
list-style-type:none;
padding:0;
margin:0;
color:#FFF;
}

#footer a{
padding:0;
margin:0;
text-decoration: none;
color:#FFFFFF;
}

* html #footer {
margin-top:.01em;
}