body 
{
    font: 100%/1.5em "Trebuchet MS", Arial, Helvetica, sans serif;    
    background: #112d59 url(../images/header_bg.gif) repeat left top;
    margin:0;
    padding:0;
}


a {}
a:hover {}
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0; padding: 0; }

h1
{
    font-size: 130%;
}

h2
{
    font-size: 100%;
}

p { margin: 0 0 .5em 0; padding:0; }

ul.navigation 
{
    list-style: none;
    padding:0;
    margin:0;
}

img { border: none; }

div#page div.innerwidth
{   
	min-width: 740px;
	max-width: 1000px;
	margin: 0 auto;
}

div#header {
    position: relative;
   background: #2a3038;
    min-height: 50px;
}

* html div#header { height: 50px; }

div#header img.mainlogo {
    margin: 20px 0 10px 20px;
   
}

div#header p.contactInfo {

}

div#mainmenu {
    margin: 0 0 0 0;
    padding: 0 20px 0 6px;
     border-top:1px solid #4d4d4d;
     background:#000;
}

div#mainmenu p { color: #fff; font-size: 75%; margin: 0; padding: 3px 0 0 0; float: right; }

div#mainmenu ul.navigation
{
    
}

div#mainmenu ul.navigation li
{
    display: block;    
    float: left;
}

div#mainmenu ul.navigation li a
{
    display: block;
    background: #000;
    color:#fff;
    padding: 3px 15px 3px 15px;
    font-size: 75%;
    text-decoration: none;
}


div#mainmenu ul.navigation li a:hover 
{
    background: #192C48;
    color:#fff;
}

div#mainmenu ul.navigation li.selected a 
{
    background: #404040 url(../images/menusel_bg.gif) repeat-x left bottom;
    color:#fff;
    font-weight: bold;
}

img.pageIcon { float: left; margin: 0 20px 20px 0; }


div#content div.mainContent h2 { margin-left: 65px; }
div#content div.mainContent p { margin-left: 65px; }
div#content div.mainContent ul { margin-left: 80px; padding:0; list-style-type:circle;} 




div#content 
{   
    padding: 20px;
    background: #fff;
    border-bottom: 10px solid #2a3038;
    min-height: 25em;
}

* html div#content { height: 25em;}

div#content p { text-align: justify; max-width: 35em; }



div#content div.mainContent {
    float: left;
    width: 100%;
    margin-right: -280px;
}

div#content div.inner {
    margin-right: 280px;
}


div#content div.sideBar {
    float: right;
    width: 250px;
}

div#content div.sideBar div.news p { text-align: left; font-size: 90%; }




/* set the image to use and establish the lower-right position */ 
div.box, div.box div.boxBody, div.box div.boxHead, div.box div.boxHead h2 { 
	background: transparent url(../images/box2.gif) no-repeat bottom right; 
} 

div.box { 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 10px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
div.box div.boxHead { 
	background-position: top right; 
	margin-right: -10px; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
div.box div.boxHead h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border:0; /* ditto */ 
	padding: 20px 0 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */
	color: #fff; 
	font-weight: normal;
	font-size: 150%;
} 

/* set the lower-left corner image */ 
div.box div.boxBody { 
	background-position: bottom left; 
	margin-right: 10px; /* interior-padding right */ 
	padding: 5px 0 20px 20px; /*mirror .cssbox_head right/left */ 
} 


div.box div.boxBody h3 { font-size: 100%; margin:0; padding:0; }

div#footer 
{    
    border-top: 1px solid #44536c;
    padding: 20px;
    color: #fff;   
    font-size: 75%;  
}

div#footer p a
{
    color: #fff;
}

div#footer p.address { float: left; width: 40%; margin-right: 4%; }
div#footer p.contactinfo { float: left; width: 40%; }
div#footer p.copyright { float: right; width: 23%; text-align: right; }

span.phone, span.mobile, a.email { color:#ffcc00;}


#mainmenu:after,
#content:after,
#header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainmenu,
#content,
#header 
{
    display: inline-block;    
    height: 1%;    
    display: block; 
}