@charset "utf-8";
/* Basic CSS Document for IPSWAM frontpage*/

body{
	margin:0px; border:0px;
	background: #F2F2F2 url(../images/site_generic_bg_tile.gif) repeat-y scroll center top;
}
p{
	font-size: 12px;
	font-family: sans-serif;
}
h1{
	font-size: 24px; 
	font-family: sans-serif;
	color: rgb(20,143,211);
	/* text-transform: uppercase; */
	font-variant: small-caps;
}

#bannerholder img{ @margin-bottom: -3px !important;}

div#header
{
	background-color:#fff;
	background-image:url(../images/top_bg.jpg); 
	background-repeat: no-repeat;
	height: 310px;;
	margin-top: -20px;
}

div#topmenu
{
	height:80px;
}

div#headerlogo
{
	height:240px;
	@height:200px;
}

/*
{
	float: left;
	text-align:center;
	height:203px;
	width:100px;
}*/
div#ipswamlogo, div#bwdblogo
{
	float: left;
    height:203px;
    width: 115px;
    @width: 118px;
	padding: 0px 7px;
}

div#bannerholder
{
	height:203px;
	margin:0;
	float: left;
    width: 690px;
}
div#bannerholder img
{
		border:7px solid #54c4ff;
}
div#content
{
	background-image:url(../images/bg_content.jpg);
	background-repeat:repeat-x;
	background-color: white;
}

div#middle .box{
	background-color: transparent;
}

div#footer
{
	background-color:blue;
	background-image:url(../images/footer1.jpg); 
	background-repet:repet-x;
	height:103px;
}

div#footertext
{
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#ccc;
	text-align:center;
	padding-top:35px;
	font-size:11px;
}
div#footertext a{
	font-size: 12px; font-weight: normal;
	color: #333399;
	text-decoration: none;
}
div#footertext a:hover{
	color: #000066;
	text-decoration: underline;
}
#topmenu ul{
	list-style:none;
	margin-left:180px;
	padding-top:27px
}

li.topmenubutton
{
	display:block;
	float: left;
	margin-top: 10px;
	@height: 35px;
	@padding-top: 5px;
}

li.topmenubutton a:link, li.topmenubutton a:visited
{
	padding:8px 10px; margin: 6px;
	@padding : 16px 12px;
	@margin: 2px;
	text-decoration:none;
	color:#666;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
}

li.topmenubutton a:hover, #topmenu li.active a
{
	color: white;
	background-color: #000099;
}

div#leftmenuholder{
	border:1px solid #dddddd;
	margin:15px;
}

div.leftmenu a
{
	text-decoration:none;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	background-image:url(../images/leftmenu_image.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
}
div.leftmenu
{
	border:2px solid #e2e2e2;
	border-width: 2px 0px;
	background-color:#e9e9e9;
	background-image:url(../images/closearrow.jpg);
	background-repeat:no-repeat;
	background-position: 215px center;
	height:31px;
	padding-left:10px;
}
div.open
{
	background-image:url(../images/openarrow.jpg);
}

ul.leftsubmenu{
	list-style:none;
	margin: 0px;
}
ul.leftsubmenu li{	
	padding: 3px 10px;
	border: 1px solid #e9e9e9;
	
}
.leftsubmenu a:link, .leftsubmenu a:visited
{
	text-decoration:none;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	background-position:left center;
	color: #666;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
}

.leftsubmenu a:hover
{
	color: black;
}

.error{
	border: 1px solid red; color: red;
}

form#feedbackForm{
	width: 550px;
}
form#feedbackForm label{
	display: block; float: left;
	width: 100px;
}
label.error{border-width: 0px; width: 450px !important; text-align: left; margin-left: 105px;}
li.white, li.white a:link, li.white a:visited{ 
	color:white;
}