/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font: 13px "Trebuchet MS", Arial, Helvetica, 'helvetica neue', sans-serif;
	color: #666;
	background: #00376e url(../images/bgd.jpg) center repeat;
	text-align: center;
	}

#myBox {
	width: 800px;
  	margin: 0.5in auto;
	padding: 20px;
	line-height: 140%;
	color: #666;
	background: #f2f2f2;
	text-align: left;
	}
	
			/*TOP BANNER A*/
#bannera {
	float: left;
	width: 580px;
	height: 250px;
	padding: 0;
	margin: 0 0 10px 0;
	}
			
			/*TOP BANNER B*/

#bannerb {
	float: right;
	width: 180px;
	margin: 0 0 10px 0;
	background : #f2f2f2;
	padding: 0;
	text-align: center;
	}
		
	
			/*TOP NAVIGATION*/

#navcontainer {
	clear:both;
	width : 100%;
	}

#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	background: #6699cc;
	color: #fff;
	float: left;
	width: 100%;
	}

#navcontainer ul li {
	display: inline;
	}

#navcontainer ul li a {
	padding: 0.2em 1em;
	background: #6699cc;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	}

#navcontainer ul li a:hover {
	background: #00376e;
	color: #fff;
	}

#active a:link, #active a:visited, #active a:hover {
	background: #00376e;
	color: #fff;
	}
	
	
			/*CENTRE CONTENT*/
			
#content {
	padding : 5px;
	margin-right : 205px;
	background : #f2f2f2;
	color : #666;
	}

#container {
	padding : 5px;
	background : #f2f2f2;
	color : #666;
	}
	
	
			/*LEFT MENU*/
			
#menu {
	width : 200px;
	padding : 10px 0 0 0;
	}

#menu ul {
	margin : 0;
	padding : 5px;
	list-style-type : none;
	}

#menu li {
	margin : 0 0 0.1em 0;
	}

#menu a {
	width : 160px;
	padding : 0.1em 0.8em;
	text-decoration : none;
	display : block;
	color : #fff;
	background: #6699cc;
	}

#menu a:hover {
	background: #00376e;
	color: #fff;
	}
	
	
			/*RIGHT CONTENT*/
			
#sidebar-b {
	float : right;
	width : 200px;
	margin : 0 0 0 5px;
	padding : 5px;
	background : #f2f2f2;
	color : #666;
	}
	
	
			/*FOOTER*/
			
#footer {
	clear : both;
	margin-top : 10px;
	padding-bottom: 5px;
	color : #f2f2f2;
	background : #6699cc;
	text-align: center;
	}

#footer a:link, #footer a:visited {
	background : inherit;
	color : #fff;
	text-decoration : none;
	}

#footer a:hover {
	border-bottom : 1px dashed #f2f2f5;
	background : inherit;
	color : #fff;
	}

.titlebottom{
	font-size:14px;
	word-spacing: 0.1em;
	}
	
			/*CONTACT*/
			
#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left: 100px;
	margin-right: 100px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #6699cc;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 100%;
}

			/*LOGIN*/
			
#login {
	float: right;
	width: 190px;
	text-align: left;
	}


			/*TYPOGRAPHY*/
			
p {
	margin : 10px;
	}
	
h1 {
	margin : 0 0 10px 10px;
	font : normal 150% "Trebuchet MS", Arial, Helvetica, 'helvetica neue', sans-serif;
	letter-spacing: 3px;
	color : #00376e;
	background : inherit;
	}

h2 {
	padding-left : 5px;
	font : bold 120% "Trebuchet MS", Arial, Helvetica, 'helvetica neue', sans-serif;
	color : #6699cc;
	background : inherit;
	}
	
h3 {
	font-size: 130%;
	font-weight: normal;
	text-align: center;
	line-height: 20px;
	color: #00376e;
	}
	
blockquote {
	font-weight : bold;
	font-style : italic;
	color : #00376e;
	}

	
.style1 {
	color: #00376e;
	font-size: 16px;
	font-weight : bold;
}

img.banner{
	border: 0px;
	}
	

			/*LINKS*/
a {
	text-decoration: inline;
	color: #00376e;
	background: inherit;
	}

a:hover {
	color: #6699cc;
	background: inherit;
	}


			/*CLASSES*/
			
.news {
	font-size: 120%;
	background: inherit;
	color: #333;
	}

.orange {
	background : inherit;
	color : #6699cc;
	}

.clear {
	clear : both;
	}