body {background:url(../assets/background.png) repeat-x top #CCDAE7; font: 80%/1.6 "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-align: center; color: #1C608E;}
html {min-height:100.2%;}
* {margin:0; padding:0;}

/* Layout */
#wrapper {text-align:left; margin: 0 auto; background:#DFE7EE; width:750px;}

/* Home page */
#masthead {background:url(../assets/masthead.png) repeat-x top #4C6698; height:109px;}
#masthead p, #masthead h1 {display:none;}

#pagebody{padding: 6px 0 0 0;}
.prop {width:1px; height:320px; float:right;}
.homepage br {clear:both; height:1px;}
.clear {clear:both; visibility:hidden;}

.homepage {background:#fff; border:1px solid #CCDAE7; font-size:1em; padding:8px; margin:12px 15px 0 15px; }
.homeimg {float:right;}
.homeimg img {margin:0;}
.homeintro {float:left; width:350px;}
#content {background:#fff; border:1px solid #CCDAE7; padding:8px; margin:12px 15px 0 0; float:right; width:517px; w\idth:505px;}
* html #content {margin:12px 7px 0 0;}
.note {color:#f00;}

#sidebar {margin:12px 0 0 15px; float:left; width:192px; w\idth:180px;}
* html #sidebar {margin:12px 7px 0 8px;}
#sidebar img {padding:4px; border:1px solid #CCDAE7;background:#fff; }

/* subnav */
div#sidebar ul {background:#fff; list-style: none; padding: 0; border-top:1px solid #CCDAE7; border-left:1px solid #CCDAE7; border-right:1px solid #CCDAE7;}
div#sidebar ul li {font-size:1.2em; border-bottom: 1px solid #CCDAE7; margin: 0; font-weight: bold;}
div#sidebar ul li a {font-size:.84em; display: block; text-decoration: none; font-weight:normal; padding: 4px 5px;}
* html div#sidebar ul li a {width:168px;}
html>body div#sidebar ul li a {width: auto;}
div#sidebar ul li a:hover {color:inherit; background:#f2f2f2;}

/* Footer */
#footer { font-size:.84em; margin:0 24px; }
#footer ul {padding: 4px 0;}
#footer li {list-style-type:none;}
#footer li a:link, #footer li a:visited {text-decoration:none;}
#footer li a:hover {text-decoration:underline; background:none;}
li#credit {float:left;}
li#copyright {float:right;}

.homeright {float:right; margin: 0 0 0 8px;}
.right {float:right; padding:4px; border-left:1px solid #CCDAE7; border-right:1px solid #CCDAE7; border-bottom:1px solid #CCDAE7; margin: -.8em -.1em 1em 1em;}

/* Typography */
.homeintro p {font-size: 1.2em; margin: 0;}
h2 {font-size: 1.6em; margin: 0 0 .5em 0; border-bottom:1px solid #CCDAE7;}
h3 {font-size: 1.2em; margin: 1.5em 0 .5em 0; line-height:1.2;}
.homepage h3 {font-size: 1.2em; margin: 0 0 .5em 0; border-bottom:1px solid #CCDAE7;}
h4 {font-size: 1.1em; margin: 1em 0 0 0; line-height:1.2; color:#060;}
h5 {font-size: 1em; margin: 0.25em 0 1em 0;}
.homepage ul{font-size:1.2em; line-height:1.4;}
p {font-size:1em; margin: 0 0 1em 0;}
hr {color:#CCDAE7; background-color:#CCDAE7; height:1px; border:0;}

a:link, a:visited {text-decoration:underline; color: #4C6698; background-color:inherit;}
a:hover {text-decoration:none; background:#CCDAE7; color:inherit;}

address {font-style:normal; margin: 1em 0 1em 0;}
address p {margin:0; line-height:1.4}

dl {}
dt {}
dd {font-style:italic; margin: 0 0 1em 0;}

.homepage ul {margin:.3em 0 .3em 3.5em;}
#content ul, #content ol {margin:1em 0 1em 4em;}
#content ul ul {margin: .1em 0 .1em 4em;}
.homepage li, #content ul li {list-style-type:square;}
ul#nobullets {margin:0 0 2em 0; padding:0;}
ul#nobullets li {list-style-type:none;}

ul#sitemap ul {margin-bottom:0.2em;}
ul#sitemap ul li {list-style-type:disc;}
ul#sitemap ul li ul li {list-style-type:circle;}

/* Tables */
table {margin:1em 0;}

/*Nav bar */
#nav {clear:both; width:750px; margin:0 auto; height:36px;}
#nav ul {position:relative; width:750px; height:36px;  background:url(../assets/nav.png); overflow:hidden;}
#nav ul li {list-style-type: none; height:36px; }
#nav ul li a:link, #nav ul li a:visited {height: 36px; text-decoration:none; overflow:hidden; border:none;}
#nav ul li a strong {display:none;}

li#home a {position:absolute; left:0px; top:0px; width:94px;}
li#home a:hover {background:url(../assets/nav.png) no-repeat 0 -36px;}

li#about a {position:absolute; left:94px; top:0px; width:122px;}
li#about a:hover {background:url(../assets/nav.png) no-repeat -94px -36px;}

li#services a {position:absolute; left:216px; top:0px; width:112px;}
li#services a:hover {background:url(../assets/nav.png) no-repeat -216px -36px;}

li#guidance a {position:absolute; left:328px; top:0px; width:124px;}
li#guidance a:hover {background:url(../assets/nav.png) no-repeat -328px -36px;}

li#contact a {position:absolute; left:452px; top:0px; width:136px;}
li#contact a:hover {background:url(../assets/nav.png) no-repeat -452px -36px;}

li#useful a {position:absolute; left:588px; top:0px; width:162px;}
li#useful a:hover {background:url(../assets/nav.png) no-repeat -588px -36px;}