@CHARSET "UTF-8";

body
{
    background-color: #dddddd;
    margin-top: 0px;
    font: 12px verdana, arial;
	color: black;
}

div.mainbody
{
    margin: 25px auto;
    width: 800px;
    background-color: white;
    padding: 10px 10px;
    border: 1px solid #bbbbbb;
}

div.banner
{
	background-image: url("../media/images/banner.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 800px;
}


div.menu
{
    width: 100%;
    background-color: #293194;
    height: 25px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu > ul > li
{
    float: left;
    display: inline-block;
    width: 19.5%;
}

div.menu > ul > li > a
{
        border-left: 2px solid #FFFFFF;
}

div.menu > ul > li > a.first
{
        border-left: 0px;
}

div.menu > ul > li > ul
{
    display: none;
    width: 133px;
}

div.menu > ul > li > ul > li > a
{
        text-align: left;
        padding-left: 20px;
}

div.menu > ul > li:hover > ul
{
    display: block;
    position: absolute;
}

div.menu a
{
    display: inline-block;
    background-color: #293194;
    width: 100%;
    color: white;
    text-decoration: none;
    padding: 5px;
    text-align: center;
}
div.menu a:hover
{
    background-color: #007B00;
}
/*

div.menu ul
{
    list-style: none;
    padding: 4px;
    margin: 0px;
    background-color: #293194;
    height: 16px;
    border: none;
}
div.menu ul li
{
	width: 155px;
	font-size: 12px;
	text-align: center;
	padding: 0px;
}

div.menu li
{
    float: left;
    padding: 0px 10px;
    border-left: 2px solid white;
    position: relative
}
div.menu li.first
{
    border-left: none;
}

div.menu li:hover
{
    background-color: #007B00;
}




div.menu li ul
{
	display: none;
    position: absolute;
    background-color: transparent;   
    border: none;

}
div.menu li:hover ul
{
    display: block;
}
div.menu li ul li
{
    float: none;
    background-color: #293194;
    border: none;
    position: relative;
    left: -4px;
   	top: 1px;
    padding: 5px 15px;
	text-align: left;

    border-top: none;
}*/

        
div.center
{
	text-align: center;	
}

div.infobox
{
	width: 100%;	
	background-color: #FFFFCC;
	height: 200px;
	border: 1px solid #bbbbbb;
	overflow-y: auto;
	vertical-align: top;
}
div.infoboxtitle
{
	font-weight: bold;
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 5px;
	font-size: 14px;
}

div.iewarning
{
	font-weight: bold;
	color: red;
	font-size: 12px;
}

div.infoboxcontent
{
	font-size: 12px;
}

div.infoboxsubheading
{
	font-size: 12px;
	font-weight: bold;	
}
table.infoboxarea td
{
	width: 33%;
	padding: 5px;
}


h1
{
	text-shadow: darkgray 2px 2px 3px;
	color: black;
}

div.submenu ul
{
    list-style: none;
    padding: 4px;
    margin: 0px;
    background-color: #293194;

    border: none;
    float: right;
}

div.submenu a
{
    width: 100%;
    color: #eeeeee;
    text-decoration: none;
}

div.submenu li:hover
{
    background-color: #007B00;
}