/* CSS Document */
/** start css **/

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

#container-page {

position:relative;
min-height:100%; /*For Modern Browsers */
width:770px;
border:4px solid #000;
background-color:#FFFFFF;
margin:0 auto;
/*height: auto !important; For Modern Browsers */ 
/*height: 100%; For IE */

}
* html #container-page
	{
		height:100%;
	}

#logocontainer{

background-color:#FFFFFF;
padding:4px 0px 4px 180px;
}

#logo{
float:left;
padding:0;
margin:0;
}

#javapictright{
float:right;
margin:0;
padding:0 10px 4px 0;
}

/* the horizontal menu starts here */

#topnav{
	width:771px; /*makes the div full width */
	height:auto;
	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:0; /* 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{
float:left;
background-color:#3F51FB;
height:470px;
width:770px;
margin:0;
padding:0;
}
#footer{
position: relative;
margin: -7.5em auto 0 auto;
height:16px;
width:771px;
background-color:#00184D; 
padding:0;
bottom:0;
}

#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: -7.4em;
	}