* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}

body {
font: 62.5% "Arial", Helvetica, san-serif;
margin: 0 auto;
background: #fff url(img/bg2.jpg) center top repeat-x;
color: #00223f;
}
body#home { background: #fff url(img/bg.jpg) center top repeat-x; 
}
#wrapper {
margin: 0 auto;
width: 800px;
text-align: left;
}
h1 {
width: 800px;
font: normal 3em/1em "Arial", Helvetica, san-serif;
color: #fff;
height: 116px;
}
h1 #flashcontent {
padding-top: 20px;
}


/* main navigation
--------------------------------*/
#nav-contain {
width: 800px;
height: 33px;
float: left;
font: bold 1.2em/1em "Verdana", Tahoma, san-serif; 
color: #fff;
border-top: 1px solid #8897bf;
}
ul#nav, ul#nav li { float: left; }
ul#nav li a {display:block; height: 33px; border-right: 1px solid #8897bf; }
ul#nav li.one a {background:url(img/nav.png) 0 0; width: 85px;}
ul#nav li.one a:hover {background:url(img/nav.png) 0 -66px; }
ul#nav li.one a.active {background:url(img/nav.png) 0 -33px; }
ul#nav li.two a {background:url(img/nav.png) -85px 0; width: 135px; }
ul#nav li.two a:hover {background:url(img/nav.png) -85px -66px; }
ul#nav li.two a.active {background:url(img/nav.png) -85px -33px; }
ul#nav li.three a {background:url(img/nav.png) -220px 0; width: 131px; }
ul#nav li.three a:hover {background:url(img/nav.png) -220px -66px; }
ul#nav li.three a.active {background:url(img/nav.png) -220px -33px; }
ul#nav li.four a {background:url(img/nav.png) -351px 0; width: 221px; }
ul#nav li.four a:hover {background:url(img/nav.png) -351px -66px; }
ul#nav li.four a.active {background:url(img/nav.png) -351px -33px; }
ul#nav li.five a {background:url(img/nav.png) -572px 0; width: 103px; }
ul#nav li.five a:hover {background:url(img/nav.png) -572px -66px; }
ul#nav li.five a.active {background:url(img/nav.png) -572px -33px; }
ul#nav li.six a {background:url(img/nav.png) -675px 0; width: 120px; border-right: 0; }
ul#nav li.six a:hover {background:url(img/nav.png) -675px -66px; }
ul#nav li.six a.active {background:url(img/nav.png) -675px -33px; }
ul#nav li a span {display:none;}

/* header
--------------------------------*/
#header {
width: 800px;
height: 120px;
background: #fff url(img/header-bg2.jpg) 400px 10px no-repeat;
float: left;
}
body#home #header {
width: 800px;
height: 300px;
background: #fff url(img/header-bg.jpg) 400px 10px no-repeat;
float: left;
}
#header #left { float: left; width: 390px; }
#header #left img { margin: 10px 0 0 10px; }
body#home #header #left img { margin: 0; }
body#home #header #left #photodiv { background-repeat: no-repeat; height: 280px; width: 390px; margin: 10px 0 0 10px;}
body#home #header #left #photodiv img { height: 280px; width: 390px; line-height: 0.5em; }
#header #right { float: right; width: 390px; }
#header h2 {
font: normal 2.2em/1.2em "Arial", Helvetica, san-serif;
color: #fff;
margin: 30px 15px;
}
#header p {
color: #fff;
font: normal 1.2em/1.4em "Arial", Helvetica, san-serif;
text-align: center;
padding: 6px 10px;
border: 1px solid #fff;
margin: 35px 35px 0 15px;
}


/* content
--------------------------------*/
#content {
width: 800px;
background: url(img/content-bg.gif) 550px 0 repeat-y;
float: left;
}
body#home #content {
width: 800px;
background: url(img/content-bg.gif) 400px 0 repeat-y;
float: left;
}
#content #left { float: left; width: 540px; }
#content #right { float: right; width: 240px; }
body#home #content #left { width: 390px; }
body#home #content #right { width: 390px; }
#content h3 { 
font: normal 2em/1.2em "Arial", Helvetica, san-serif;
margin: 10px;
color: #042446;
}
#content h4 { 
font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;
margin: 0 10px 2px;
padding: 0;
color: #1d5b9f;
}
#content p { 
font: normal 1.2em/1.5em "Arial", Helvetica, san-serif;
margin: 0 10px 15px;
}
#content p span { color: #1d5b9f; }
#content p img.small { 
float: right;
background: url(img/small-bg.gif) 0 0 no-repeat;
padding: 7px;
margin: 0 0 0 15px;
clear: right;
}
#clearall { clear: both;}
#ruler {
background: url(img/footer-bg.gif) top left repeat-x;
height: 1px;
margin: 0 10px 10px;
}
#col {
width: 270px;
float: left;
}


/* contact box on right hand side
--------------------------------*/
#content #right #contact {
width: 220px;
margin: 0 10px 15px;
padding: 10px 0;
}



/* link styles
--------------------------------*/
a { color: #19942c; text-decoration: none; }
a:hover { text-decoration: underline; }
a.arrows { background: url(img/arrows.gif) 0 4px no-repeat; padding-left: 11px;}


/* contact form elements */
form {
color: #1d5b9f;
font: normal 1.2em/1.3em "Arial", Helvetica, san-serif;
margin: 10px;
}
form input, 
form textarea {
border: 1px solid #b6bec9;
background: #eff3f8;
color: #00223f;
font: normal 1em/1em "Arial", Helvetica, san-serif;
padding: 2px;
margin: 0 0 8px 0;
}
form select {
border: 1px solid #b6bec9;
color: #00223f;
margin: 0 0 5px 0;
font: normal 1em/1em "Verdana", Arial, Geneva, Helvetica, san-serif;
padding: 2px;
}
form input.send{
width: 55px;
height: 21px;
padding: 0;
border: 0;
color: #fff;
background: #1e3663;
outline: none;
}	


/* footer
--------------------------------*/
#footer {
background: url(img/footer-bg.gif) top left repeat-x;
width: 800px;
margin: 25px 0;
float: left;
clear: both;
padding: 15px 0 0;
}
#footer ol { float: right; }
#footer ol li { float: left; }
#footer ol li a { 
padding: 0 7px; 
font: normal 1.1em/1.3em "Arial", Helvetica, san-serif;
border-left: 1px solid #b1b9c9;
}
#footer ol li a.first { 
padding: 0 3px 0 5px; 
margin-left: 25px; 
border-left: 0;
}
#footer p {
font: normal 1.1em/1.3em "Arial", Helvetica, san-serif;
color: #4a6394;
margin-bottom: 10px;
}
#footer p.light { color: #c6cedd; }