/*
blue - 3e61bf
green - 589345

*/


body {
font-family:  Verdana, sans serif;
font-size: 12px; color: #444444;
padding: 0px; margin: 0px;
background-color: #3e61bf;
background-image: url('images/grey_sandbag.png');


}

br.both { clear: both; }

div.container	{ width: 900px; border: 1px solid #aaaaaa; background-color: #ffffff; margin: 10px auto; }

h1 { background-color: #24386f; width: 100%; margin: 0px auto; padding: 10px 0px 10px 0px; text-align: center; font-size: 90%; color: #ffffff; }
h2 { font-size: 180%; }
h2, h3, h4, h5 { color: #3e61bf; margin: 15px; }

img.logo { border: 0px; margin: 15px 0px 0px 8px; }
img.banner { border: 5px solid #ffffff; }

div.header { }
div.logodiv { float: left; }

div.contact_container { float: right; padding-bottom: 5px; }
div.contact_details { color: #ffffff; border: 1px solid #000000; background-color: #24386f; background-image: url('images/contactbackground.jpg'); background-repeat: no-repeat; padding: 5px; text-align: left; width: 230px; margin: 5px 5px 0px 0px; }
div.contact_details p { text-align: center; margin: 0px; }
div.contact_details a { color: #ffffff; }
img#contact_details_shadow { clear:right; float: right; margin-right: 5px; }


.highlight { font-size: 120%; color: #ffffff; font-weight: bold;	}
.reallyhighlight { font-size: 150%; color: #ffffff; font-weight: bold;	}
.qualifications { color: #cccccc; font-size: 90%; }

div.nav { float: left; width: 890px; margin-left: 5px; background-color: #589345; background-image: url('images/navbackground.jpg'); background-position: top left; background-repeat: repeat-x; color: #ffffff; }
div.nav a { font-size: 120%; float: left; color: #ffffff; padding: 10px 15px 10px 15px; text-decoration: none; }
div.nav a:hover {  background-color: #3e61bf; background-image: url('images/navbackgroundover.jpg'); background-position: top left; background-repeat: repeat-x; }

div.main {}

div.left { float: left; width: 630px; padding-bottom: 15px; padding-right: 15px; border-right: 1px dotted #eeeeee; }
div.left p { margin: 15px; color: #444444; line-height: 140%; }
div.left ul { color: #444444; line-height: 140%; }
div.left li { margin-bottom: 6px;  }
div.left ol { color: #444444; line-height: 140%; }
div.left a {color: #3e61bf; font-weight: bold; }

div.right { float: right; width: 250px; padding-bottom: 15px;  }
div.right ul { float: right; list-style-type: none; width: 240px; margin: 5px 5px 0px 0px; padding: 0px; text-align: left; }
div.right li { width: 240px;  }
div.right a { color: #2f4f25; width: 230px; text-decoration: none; display: block; padding: 3px 3px 3px 6px; margin-bottom: 2px; background-color: #ffffff; border-bottom: 1px dotted #dddddd; }
div.right a.category { background-color: #589345; color: #ffffff;
background-image: url('images/navbackground.jpg'); background-position: top left; background-repeat: repeat-x;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}
div.right a:hover { background-color: #3e61bf; color: #ffffff;
background-image: url('images/navbackgroundover.jpg'); background-position: top left; background-repeat: repeat-x;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}

table#qualifications { margin-left: 15px; }
table#qualifications td { padding: 10px; vertical-align: top; }

div.footer { width: 900px; margin: 10px auto; text-align: center; color: #ffffff; }
div.footer a { color: #ffffff; text-decoration: none;}
div.footer a:hover { text-decoration: underline; }

div#contactbox { width: 550px; margin: 25px 0px 25px 50px; background-color: #f6f8f8; border: 1px solid #cccccc; }

table#stressinventorytable { margin-left: 100px; text-align: left; background-color: #f8f8f8; border: 1px solid #cccccc; }



.rounded5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.rounded10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.rounded10top { -moz-border-radius-topleft: 10px;
				-khtml-border-top-left-radius: 10px;
				-webkit-border-top-left-radius: 10px;
				border-top-left-radius: 10px;
				-moz-border-radius-topright: 10px;
				-khtml-border-top-right-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				border-top-right-radius: 10px;
}
.rounded10bottom { -moz-border-radius-bottomleft: 10px;
				-khtml-border-bottom-left-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				border-bottom-left-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-khtml-border-bottom-right-radius: 10px;
				-webkit-border-bottom-right-radius: 10px;
				border-bottom-right-radius: 10px;
}