/*

	CSS styles
	Clent: MMC
	Website: www.mmcltd.org.uk
	Design: kdesigngroup
	Filename: screen.css

	blue:       00568e
	light blue: 8c8dab
	
	link
	visited
	hover
	active

*/

body { background-color: #001d55; font-family: Arial, Verdana, Helvetica, Geneva, Trebuchet MS, sans-serif; font-size: 13px; color: #666; margin: 0; padding:0; cursor:default; }
img { border: 0; }
form, textarea { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Geneva, Trebuchet MS, sans-serif; font-size:11px; }
ul,ol,li,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; font-family: Arial, Verdana, Helvetica, Geneva, Trebuchet MS, sans-serif; }
h1,h2,h3,h4,h5,h6 { color:#16195b; margin:0; padding:0; }

p { color: #999; line-height: 140%; font-size:13px; }

a, a:link, a:visited, a:hover, a:active { color: #16195b; text-decoration:none; }
a:hover, a:active { text-decoration: underline; }

select  { border:1px solid #999; padding:3px; }
legend { display:none; }
fieldset { border:none; }

#wrapper { margin:auto; width:960px; }

#headerwrapper { margin:auto; padding:10px 0 0 0; background: url(../images/common/header-background.gif) #16195b no-repeat center bottom; border-bottom:4px solid #fff; height:100px; }
#headercontainer { margin:auto; background: url(../images/common/logo.gif) no-repeat; width:960px; height:100px; }

#backgroundwrapper { margin:auto; padding:0; background: url(../images/common/background.gif) #001d55 repeat-x ;  }

#navcontainer { margin:40px 0 0 0; padding:0; float:right; }

#container { margin: 0; padding: 0; background-color: #fff; }

/* for home page - narrow column on left */

#containerhome { padding:0 0 20px 0; clear: both; margin:0; width:900px; }
#containerhome p { font-size:11px; margin-bottom:10px; color:#666; }
#containerhome_left { width: 290px; padding: 0; margin: 0; float: left; position: relative; background: url(../images/common/col-left-background.gif) repeat-x #eee left 200px; }
#containerhome_left h2 { font-family:"Optima", Georgia, "Times New Roman", Times, serif; color:#07457a; margin-bottom: 10px; font-size:24px; font-weight:normal; line-height:100%; }
#containerhome_left h3 { font-family:"Optima", Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom: 10px; font-size:16px; font-weight:normal; line-height:100%; }
#containerhome p { font-size:11px; margin:0; color:#666; }

#titlecontainer { margin: 0; padding:40px 20px 0 30px ; background: url(../images/common/home-background.jpg) #004c92; height:260px }
#titlecontainer h2 { font-size: 24px; margin: 0; padding-bottom: 10px; line-height:130%; color:#fff; }
#titlecontainer h3 { font-size: 15px; padding-bottom: 10px; line-height:150%; color:#fff; }

/* containers for page content (class) */

.container1 { margin:20px 20px 0 30px; clear: both; border-bottom:2px solid #ddd; padding:0 0 20px 0; overflow: hidden; width:470px; }
.container1 p { padding-bottom: 10px; }
.container1 p.nopad { padding: 0; margin:0; }
.container1_left { width: 525px; padding: 0; float: left; position: relative; }
.container1_right { width: 250px; padding: 0; float: right; position: relative; }
.container1 h4 { margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; color:#004c92; }
.container1 h5 { margin-bottom: 10px; font-size:14px; font-weight:normal; line-height:100%; color:#666; }

.container2 { padding:20px 20px 0 30px; clear: both; overflow: hidden; }
.container2 p { padding-bottom: 10px; }
.container2 p.nopad { padding: 0; margin:0; }
.container2_left { width: 220px; padding: 0; float: left; position: relative; }
.container2_right { width: 220px; padding: 0; float: right; position: relative; }
.container2 h4 { margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; color:#004c92; }
.container2 h5 { margin-bottom: 10px; font-size:14px; font-weight:normal; line-height:100%; color:#666; }

/* narrow column on left */

#container3 { padding:0 0 25px 0; clear: both; margin:auto; background-color:#fff; }
#container3 p { margin-bottom:10px; color:#666; }
#container3 p.nopad { padding: 0; margin:0; }
#container3 p.intro { font-size:13px; margin-bottom:10px; color:#16195b; }
#container3 p.testimonial { font-size:13px; margin-bottom:0; color:#16195b; }
#container3_left { width: 520px; padding: 25px 25px 0 25px; margin: 0; }
#container3_left ul { margin:20px 0 20px 10px; line-height:150%; }
#container3_left ul li { line-height:150%; padding-bottom:10px; }
#container3_left h2 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; font-size:20px; font-weight:normal; line-height:100%; }
#container3_left h3 { font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; margin-top:20px; font-size:14px; font-weight:normal; line-height:100%; }
#container3_left h4 { margin-bottom: 10px; font-size:16px; font-weight:normal; text-transform:lowercase; line-height:100%; }

#container3_right { width: 190px; padding: 0; margin: 0; float: right; }

/* 3 column layout */

#container4 { width: 800px; margin: auto; padding:25px 0 0 0; clear: both; }
#container4 p { margin:10px 0 0 0; padding:0; }
#container4 h3 { padding: 0; margin: 0; font-size:20px; font-weight:normal; text-transform:lowercase; line-height:100%; }
#container4 h4 { padding: 0; margin: 0; font-size:16px; font-weight:normal; text-transform:lowercase; line-height:100%; }
#container4_left { width: 250px; padding: 0; margin: 0; float: left;  position: relative; }
#container4_center { width: 250px; padding: 0; margin: 0 0 0 25px; float: left; position: relative; }
#container4_right { width: 250px; padding: 0; margin: 0 0 0 25px; float: right; position: relative; }

.formwrapper { padding:5px 0 0 0; clear: both; }
.formcontainer1 { padding:15px 0 15px 0; border-bottom:1px solid #ddd; width:650px; }
.formcontainer1 p {  margin:0 !important; padding:0 !important; }
.formcontainer1 h3 { font-size:20px; font-weight:normal; text-transform:lowercase; line-height:100%; }
.formcontainer1_left { width: 300px; padding: 0; margin: 0; float: left; position: relative; }
.formcontainer1_right { width: 300px; padding: 0; margin: 0 0 0 25px; float: left; position: relative; }
.formcontainer2 { padding:15px 0 15px 0; border-bottom:5px solid #ddd; width:650px; }
.formcontainer3 { padding:15px 0 15px 0; width:650px; }

#maincontent { padding: 15px; background-color:#fff; }

#footerwrapper { clear: both; }
#footer { padding:25px 0 25px 0; margin:auto; clear: both; cursor: default; color:#8c8dab; width:940px; }
#footer p { color:#8c8dab; margin:0 0 10px 0; padding:0; line-height:normal; }
#footer h5 { color:#8c8dab; margin:0; padding:0 0 5px 0; font-size:12px; font-weight:bold; }

#footer a, #footer a:link { color:#8c8dab; text-decoration:none; font-weight:normal; }
#footer a:hover { text-decoration:underline; }

.clear { clear:both; height:0; font-size: 0px; }

.imageleft { float:left; margin: 0 20px 10px 0; }
.imageright { float:right; margin: 0 0 10px 20px; }

/* forms */

.field { background: url(../images/common/field.gif) no-repeat; border:1px solid #999; padding:3px; }

.accessibility { display: none; }
.skip { display:none; }

#navlist {  }
#navlist ul { float:left; }
#navlist ul li	{ list-style:none; display: inline; text-transform:uppercase; font-size:12px; }
#navlist ul li a, #navlist ul li a:link { float:left; color: #8c8dab; text-decoration: none; padding: 0 0 2px 0; display: block; margin:8px 10px 0 8px; font-weight:normal; border-bottom:2px solid #16195b; }
#navlist ul li a:hover { color: #fff; cursor: pointer; border-bottom:2px solid #535b8b; }
#navlist ul li a#navcurrent, #navlist ul li a#navcurrent:link { color: #fff; text-decoration: none; display: block; border-bottom:2px solid #535b8b;  }

#subnavlist ul { margin-left:90px; }
#subnavlist ul li	{ list-style:none; display: inline; font-size:11px; }
#subnavlist ul li a, #subnavlist ul li a:link { float:left; color: #8c8dab; text-decoration: none; padding: 0; display: block; margin:5px 10px 0 8px; font-weight:normal; }
#subnavlist ul li a:hover, #subnavlist ul li a:active { color: #fff; cursor: pointer; }


.box1 { background:url(../images/common/corner.gif) #e8e9ea no-repeat right top; padding-bottom:10px;  }
.box1 h4 { padding: 10px 10px 0 10px; margin:0; font-size:14px; font-weight:normal; line-height:100%; }

.box2 { background:url(../images/common/corner.gif) #e8e9ea no-repeat right top; padding-bottom:10px; margin-top:10px;  }
.box2 h4 { padding: 10px 10px 0 10px; margin:0; font-size:14px; font-weight:normal; line-height:100%; }

/*Example CSS for the two demo scrollers*/

#pscroller1 { width: 160px; height: 150px; padding: 10px; padding-top:0; }
.someclass{ width:150px !important; }

.formfocus { background-color:#e5eef3; border:1px solid #00568e; padding:3px; color:#00568e; }
.formblur { background: url(../images/common/field.gif) no-repeat; border:1px solid #999; padding:3px; }
.formbutton1 { background-color:#00568e; color:#fff; padding:5px; font-size:14px; cursor:pointer; }

.banner { height:114px; padding:30px 0 0 280px; }

#logo { float:left; }