@CHARSET "ISO-8859-1";
* { margin: 0px; padding: 0px; }
body { background: url(../images/back.gif) repeat-x #b3c7e0; text-align:center; font-size: 62.5%; font-family:Arial;}
h1 { display:none; visibility:hidden; }
h2, p { font-size: 1.4em; }
h2 { margin:20px 20px }
p { margin:10px 20px; line-height: 1.5; color: #262626; text-align: justify}
ul { list-style-type: none; }
a { color: #004595}
h2 a { color:#000; }

#wrap { text-align:left; margin: 0px auto; width: 883px; background: #fff; }
#head { background: url(../images/headback.gif) repeat-x; width:883px; height:199px; margin-bottom: 16px; position:absolute;}
#headImage { margin: 4px 0 0 8px; }
#main { padding-top: 215px; }

li {margin: 5px 0; color: #333333;}

#nav { font-size: 1.6em; margin-left:2px; }
#nav li { float:left; width:120px; height:48px; border:1px solid #000; margin: 0 0 0 3px;}
#nav li a { font-family: verdana, arial; font-size: 13px; padding-top:3px; color: #004595; text-decoration:none; display:block;text-align:center; width:110px; height:35px; border:5px solid #d7d7d7; background:#fff; font-weight: bold;}
#nav li a.padMore { padding-top: 9px !important; height: 29px !important; }
#nav li a:hover.padMore { padding-top: 13px !important; height: 33px !important; }
#nav li a.on.padMore { padding-top: 13px !important; height: 33px !important; }
#nav li a:hover, #nav li a.on { padding-top: 7px; color: #fff; text-decoration:underline; width:110px; height:40px; border:1px solid #00418d; background:#00418d; padding-left: 4px; padding-right: 4px; }
#nav li a.blue { background:#65a6ff !important; border:1px solid #65a6ff; height: 39px;}
#nav li a.purple { background:#b565ff !important; border:1px solid #b565ff; height: 39px;}
#nav li a.green { background:#66b400 !important; border:1px solid #66b400; height: 39px;}

.blue h2 { background: url(../images/blueHeadBg.gif) no-repeat; width: 539px; height: 40px; position:relative; z-index: 10; padding-top:12px;}
.blue h2 a { font-family: Arial, verdana; font-size: 1.5em; padding-left:16px;  color: #65a6ff; }
.blue ul { padding-left: 15px; list-style-image: url(../images/blueDisc.gif); }
.blue .blue { color: #65a6ff; font-weight: bold; width: 106px; display:block; float:left;}

.purple h2 { background: url(../images/purpleHeadBg.gif) no-repeat; width: 539px; height: 40px; position:relative; z-index: 10; padding-top:12px;}
.purple h2 a { font-family: Arial, verdana; font-size: 1.4em; padding-left:16px;  color: #b565ff; }
.purple ul { padding-left: 15px; list-style-image: url(../images/purpleDisc.gif); }
.purple .purple { color: #b565ff; font-weight: bold;}

.green h2 { background: url(../images/greenHeadBg.gif) no-repeat; width: 539px; height: 40px; position:relative; z-index: 10; padding-top:12px;}
.green h2 a { font-family: Arial, verdana; font-size: 1.5em; padding-left:16px;  color: #66b400; }
.green ul { padding-left: 15px; list-style-image: url(../images/greenDisc.gif); }
.green .green { color: #66b400; font-weight: bold;}

#main ul { margin-left: 20px; font-size: 1.4em; }
#topImg { margin-left:20px; clear:both; }
#col1 { width: 550px; float:left;  font-family: arial, verdana;}
#col2 { width: 300px; float:right; margin-right:30px; text-align:right;}
#col1 .hpBoxOut { border:1px solid; margin: 0 0 12px 20px; width: 523px;}
#col1 .hpBox { border:6px solid #d9d9d9;  height: 60px}
#col1 .hpBox h2 { margin: 6px 0px 2px 10px; font-family: Arial, verdana; font-size: 2.1em; clear:none; }
#col1 .hpBox h2 a { text-decoration: none; float:none; margin:0; padding: 0; width: inherit; height: inherit; width: auto; height: auto;}
#col1 .hpbGreen h2 a { color: #66b400; }
#col1 .hpbPurple h2 a { color: #b565ff; }
#col1 .hpbBlue h2 a { color: #65a6ff; }

#col1 .hpBox p { float: left; width: 410px; margin: 0px 0px 0px 10px; }
#col1 .hpBox a { display:block; float:right; margin-top: 7px; width: 48px; height: 47px; cursor:pointer; margin-right: 30px;}
#col1 .hpBox a img { border:0px !important; cursor:pointer;  }
#col1 .hpbGreen { border-color: #66b400; }
#col1 .hpbGreen h2 { color: #66b400; }
#col1 .hpbPurple { border-color: #b565ff; }
#col1 .hpbPurple h2 { color: #b565ff; }
#col1 .hpbBlue { border-color: #65a6ff; }
#col1 .hpbBlue h2 { color: #65a6ff; }


#col3 { clear:both;}
.third { width: 30%; margin-right:2%; margin-bottom: 5%;}
.center { display:block;  margin: 0 auto; }
#leafy { margin-top:40px; }

/* PAGE SPECIFICS */	
h2 {clear:both}
.page1 #img1 { margin:10px 0 70px 0; }
.page3 #img0 {margin-right: 40px; }
.page3 ul, #col3 ul { font-weight:bold; list-style-image: url(../images/bullet.gif); margin-left: 35px !important; }
#col1.page3 { margin-bottom:30px; }
#col1.page2 a { font-size: 1.3em; color:#000; margin-left:13px;}
#col3.page2 p span { display:block; margin:10px; }
#col3.page2 h2 {border-left:2px solid #0A4587;font-size: 1.5em !important; padding:13px 0 0 20px; margin-left: 0px !important; display:block; height:30px; width:541px; background: url(../images/bar.gif) no-repeat; }
	
#foot { clear:both; margin:4px; background: url(../images/footback.gif) repeat-x; width:875px; height:59px; padding-bottom:4px; text-align:center;}
#foot ul { padding-top:12px; }
#foot li { font-size: 1.3em; display:inline; margin:3px;} 
#foot a, #foot, #foot li { color: #fff !important; }

.left { float:left; }
.right { float:right; } 

/* form */
form { float:right; width:322px; margin:0px 20px 80px 0; background:#E8F1FC; border:1px solid #b3c7e0; padding:10px;}
fieldset { border:0px; display:block; }
input,textarea { padding: 3px; border: 1px solid #C0C0C0; float:left; margin-bottom: 5px; width:248px; font-family:  Arial, Helvetica, Geneva, Verdana, sans-serif;}
label { font-size:1.3em; float: left; width:65px; }
#submit { float:right; width:auto }
#other { display:none; }

#icguk { position: absolute; z-index: 2; right: 58px; top: 30px; height: 70px; width: 80px; }
#icguk img { border: 0px !important; }
.indent { margin-left: 106px; }
.nudge1 { margin-top:80px; }
.nudge2 { margin-top:30px; }
.clear { clear:both; }

#aboutLinks { margin-left: 0px !important; text-align:left; list-style: none; margin-bottom: 20px;}
#aboutLinks a { display:block; }
#aboutLinks li { margin-bottom: 3px; padding-left: 20px}
#aboutLinks img { border: 0px; margin-left:70px; display:block;}


.greenBtn, .greenBtn:visited {display: block; line-height: 34px; background: url('../images/greenBtn.png') repeat-x; font-size: 2em; font-weight: bold;
                               height: 34px; width: 300px; border: #91b329 1px solid; color: #FFF; text-decoration: none; text-align: center; 
                               text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);}
.greenBtn:hover {background-position: 0 -34px;}

div.book {width: 43%; margin: 0 30px; text-align: justify;}
div.book img {margin-bottom: 5px;}
div.book p {margin: 0px; width: 220px; font-size: 1.2em;}
div.book .greenBtn {width: 100%;}

.blue {color: #08448a;}
.bold {font-weight: bold;}

 .hpSmallBox a {margin-top: 0 !important;}
 .hpSmallBox .hpBox {height: 49px !important;}

 .aboutAnnImg {margin: 0 auto; display: block; width: 100px;}
 .aboutAnnImg img {border: none;}

 a:hover {text-decoration: none;}

 .rightCol {width: 262px; float: right; margin-left: 30px; height: 100%; }

 .hasRightCol {width: 600px;}