/* Screen Stylesheet
-----------------------------------------------------------------------------
version:   1.2
date:      05/03/2009
author:    Chris Beale
*/

/* Basic Elements
-----------------------------------------------------------------------------*/
body {
	background: #fff;
	color: #000;
	font: 80% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

#bodywrap {
	background: #fff;
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

img, img a {
	border: 0px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* Display None
-----------------------------------------------------------------------------*/

.stream, #telmail h3 {display: none;}

/* Typography
-----------------------------------------------------------------------------*/

h1 {
	color: #003366;
	font-family: "Franklin Gothic Heavy";
}

#brand h1 {margin: 0;}

h2 {
	font-family: "Franklin Gothic Demi";
	color: #003366;
}

#container h2 {margin-top: 0;}

h3 {
	font-family: "Franklin Gothic Demi";
	color: #006699;
}

#contactBox h3 {margin: 0;}

h4 {
	font-family: "Franklin Gothic Demi";
	color: #66cccc;
}

h5 {
	color: #666;
	font-weight: normal;
}

a, a:visited {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}

#nav a, #nav a:visited {
	border-right: 5px solid #003366;
	color: #003366;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	width: 200px;
}

#nav a:hover {
	border-right: 5px solid #66cccc;
	color: #66cccc;
	text-decoration: none;
	text-transform: uppercase;
}

.submenu, .submenu a, .submenu a:visited {
	color: #006699;
	font-family: "Franklin Gothic Demi";
	font-size: 120%;
	margin: 0 0 20px 0;
}

.submenu a:hover {
	color: #003366;
	font-family: "Franklin Gothic Demi";
	font-size: 120%;
	margin: 0 0 20px 0;
}

#box-news {color: #ff0033;}

li#literaturecategory strong {
	background: url("/img/background-title.gif") top left no-repeat;
	display:block;
	height: 30px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 3px 0 0 30px;
	width: 400px;
}

li#literaturecategory {
	list-style-type: none;
}

/* Header
-----------------------------------------------------------------------------*/

#header {
	background: url("/img/background-header.jpg") bottom repeat-x;
	margin: 0 auto -30px 0;
	height: 370px;
	padding: 0;
	text-align: center;
}

#telmail {
	background: url("/img/background-telmail.jpg") no-repeat;
	height: 36px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
}

#brand {
	background: url("/img/background-brand.jpg") no-repeat;
	height: 103px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
}

#banner {
	background: url("/img/image-banner.jpg") no-repeat;
	height: 231px;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

/* Content
-----------------------------------------------------------------------------*/

#container {
	background: url("/img/background-container.jpg") bottom right no-repeat;
	clear: both;
	margin: 0 auto;
	min-height: 400px;
	padding: 0 0 0 20px;
	text-align: left;
	width: 900px;
}

#col {/* Full width content no other cols */
	margin: 0;
	padding: 0;
}

#colplus1 {/* For content with one extra col */
	float: left;
	width: 690px;
}

#colplus2 {/* For content with two extra cols */
	float: left;
	margin: 0;
	width: 490px;
}

#colsideL {/* For small side col left */
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 180px;
}

#colsideR {/* For small side col right */
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	width: 180px;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	margin: 0 auto;
	min-height: 75px;
	padding: 0;
	text-align: left;
	width: 900px;
}

#footnotes {
	border-top: 1px solid #666;
	background: #ccc;
	color: #333;
	font-size: 90%;
	min-height: 15px;
	padding: 4px;
}

#footmore {
	border-top: 1px solid #fff;
	background: #003366 url("/img/background-footer.jpg") right top no-repeat;
	margin: 0 0 10px 0;
	height: 14px;
	padding: 0;
}

/* Navigation
-----------------------------------------------------------------------------*/

#nav {
	font-weight: bold;
	height: 175px;
	margin: -20px 0 0 0;
	text-align: left;
	width: 250px;
}

#nav ul {margin-top: 0;}

#nav li {
	cursor: auto;
	list-style-type: none;
	margin: 0 0 4px -10px;
	padding: 4px;
}

#nav li.transOFF {
	background-color: #003366;
	border:1px solid #000;
	color: #fff;
	width: 100%;
}

#nav li.transON {
	background-color: #ccc;
	border:1px solid #000;
	color: #000;
	opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80;
	width: 100%;
}

/* forms
-----------------------------------------------------------------------------*/

#search {
	left: 555px;
	position: relative;
	top: -90px;
	width: 330px;
}

#search #input-search {
	color: #006699;
	font-weight: bold;
	height: 20px;
	vertical-align: top;
	width: 175px;
}

#search #button-search {
	border: 0;
	height: 30px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 100px;
}

input, textarea {width: 450px;}

table {background: url("/img/background-quote.jpg") top left no-repeat;}

/* other
-----------------------------------------------------------------------------*/

.elementBox {
	width: 100%;
}

.elements {
	float: left;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.elements li {
	background: url("/img/image-bullet.jpg") 0 .1em no-repeat;
	display: block;
	font-weight: bold;
	min-height: 30px;
	margin: 0 20px 0 0;
	padding: 0 0 25px 25px;
	width: 250px;
}

.elementsP {
	clear: both;
	margin: 0 0 20px 0;
}

#casephoto {float: right;}

#contactBox {
	background: url("/img/background-contact.jpg") bottom left no-repeat;
	min-height: 350px;
	width: 100%;
}

#contactLinks {
	float: left;
	margin: 0 20px 0 0;
	width: 220px;
}

#contactInfo {margin: 0 0 0 240px;}