body {
margin: 0;
padding: 0;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 80%;
text-align: center;
background: #EEEEEF;
}

/*////////////////////TOP BIT//////////////////////////////// */

#homebranding {
display: block;
background: #fff;
top: 0;
height: 298px;
}

*html #homebranding {
height: 300px;
}

#branding {
display: block;
background: #fff;
top: 0;
height: 278px;
}

*html #branding {
height: 282px;
}


#waves {
display: block;
height: 155px;
margin-top: -225px;
}

*html #waves {
margin-top: -260px;
}

#homewaves {
display: block;
height: 96px;
margin-top: -150px;
}

*html #homewaves {
margin-top: -160px;
}


#wrap {
display: block;
width: 780px;
margin:  -30px auto -10px auto;
text-align: left;
background: #fff;
}

*html #wrap {
position: relative;
left: 50%;
margin-left: -395px;
margin-bottom: -105px;
top: -105px;
width: 780px;
background:url(../img/content-bg-ie.gif) repeat-y top left;
}


#homewrap {
display: block;
width: 780px;
margin:  -175px auto 0 auto;
text-align: left;
background: #fff;
}

*html #homewrap {
display: block;
position: relative;
left: 50%;
margin-left: -390px;
top: -165px;
width: 780px;
background:url(../img/ie-contentbg.gif) repeat-y top left #fff;
/*

margin:  -375px auto 0 auto;
text-align: left;
background: #fff;*/
}


/*
#logo {
display: block;
position: absolute;
top: 25px;
left: 50%;
margin-left: -390px;
}

*html #logo {
top: 25px;
margin-left: -370px;
}

#logo a img {
border: none;
}

*/

#logo {
display: block;
position: absolute;
top: 5px;
left: 50%;
margin-left: -390px;
}

#logo2 {
display: block;
position: absolute;
top: 5px;
left: 50%;
margin-left: -290px;
}


#logo3 {
display: block;
position: absolute;
top: 5px;
left: 50%;
margin-left: -190px;
}


/* //////////////////// FOOTER ///////////////////////////////////  */


#footer {
display: block;
bottom: 0;
left: 0;
/*background:url(../img/footer2.gif) repeat-x top left;*/
background: #ccc;
height: 100px;
margin-bottom: 0px;
margin-top: -20px;
/*z-index: -1;*/
}

*html #footer {
height: 100px;
margin: -65px auto 100px auto;
}

#footcontent {
display: block;
bottom: 0;
left: auto;
margin: 0 auto;
padding-top: 30px;
width: 780px;
height: 70px;
background:url(../img/footer2.gif) repeat-x top left #0D035A;
}

*html #footcontent {
margin:0 auto 0 auto;
padding-top: 0;
border-left: 10px solid #ccc;
/*padding-left: 6px;*/
height: 110px;
width: 780px;
}

#footcontent img {
float: left;
margin-left: 10px;
}

*html #footcontent img {
margin-top: 30px;
}

#footcontent a img {
border: none;
}


#footcontent ul {
float: right;
margin-right: 10px;
width: 400px;
list-style-type: none;
}

*html #footcontent ul {
margin-top: 40px;
}

#footcontent li {
float: right;
color: #B2AED8;
margin: 0 5px;
font-size: 10px;
}

#footcontent li a {
color: #B2AED8;
text-decoration: none;
}

#footcontent li a:hover {
color: #fff;
text-decoration: underline;
}



/* ///////////HOME FOOTER ///////////////////////// */

#footer .home {
display: block;
bottom: 0;
left: 0;
/*background:url(../img/footer2.gif) repeat-x top left;*/
background: #ccc;
height: 120px;
margin-bottom: -15px;
z-index: -1;
}

#homefootcontent {
display: block;
bottom: 0;
float: right;
margin: 0 auto;
padding-top: 0;
height: 30px;
background:transparent;
}


#homefootcontent ul {

list-style-type: none;
}

*html #homefootcontent ul {
margin-top: 40px;
}

#homefootcontent li {
float: right;
color: #333;
margin: 0 5px;
font-size: 9px;
}

#homefootcontent li a {
color: #333;
text-decoration: none;
}

#homefootcontent li a:hover {
color: red;
text-decoration: underline;
}


/* //////////////// MAIN NAVIGATION ////////////////////// */




#mainNav {
display: block;
position: absolute;
top: 20px;
left: 50%;
margin-left: -130px;
}

*html #mainNav {
margin-top: 15px;
margin-left: -125px;

}

#mainNav ul {
display: block;
width: 480px;
}

#mainNav li {
display: block;
float: left;
}

#mainNav li a {
display: block;
font-size: 11px;
width: 78px;
height: 40px;
background: transparent;
padding-top: 15px;
padding-bottom: 0;
text-decoration: none;
color: #333;
font-size: 12px;
}

#mainNav li.sub1 a {
font-size: 12px;
font-family: arial, sans-serif;
font-weight: normal;
color: #333;
text-transform: uppercase;
}

#mainNav li a:hover {
background:url(../img/nav-on.jpg) repeat-x transparent;
background-position: 0 2px;
color: #333;
font-weight: bold;
}

*html #mainNav li a:hover {
background-position: 0 5px;
}

#mainNav li a.select {
background:url(../img/nav-select.jpg) no-repeat;
background-position: 0 8px;
color: #fff;
font-weight: bold;
}

#mainNav li a:hover.select {
background:url(../img/nav-select.jpg) no-repeat;
background-position: 0 8px;
color: #fff;
}

/* //////////////////  INTERNAL NAVIGATION /////////////////////  */


#subnav {
display: block;
width: 187px;
background: #fff;
border-bottom: 1px solid #999;
float: left;
margin-top: -38px;
margin-right: -5px;
}

*html #subnav {
position: relative;
top: 39px;
left: 10px;
width: 182px;
}


#subNavTop {
display: block;
width: 187px;
height: 17px;
background:url(../img/sub-nav-top.gif) no-repeat bottom left transparent;
margin-top: 0;
margin-right: -5px;
}

*html #subNavTop {
width: 182px;
}

#subnav h2 {
display: block;
color: #333;
background: #fff;
font-size: 11px;
font-family: Verdana, arial, sans-serif;
text-transform: uppercase;
padding-left: 20px;
padding-top: 8px;
margin-top: 8px;
margin-bottom: -10px;
height: 21px;
}

*html #subnav h2 {
margin-top: 0;
}

#subnav ul {
list-style-type: none;
margin-left: -25px;
margin-right: -1px;
border-right: 1px solid #fff;
}

*html #subnav ul {
margin-left: 10px;
}


#subnav ul li a {
display: block;
padding: 4px 3px;
text-decoration: none;
color: #000;
font-weight: normal;
border-bottom: 1px solid #ccc;
letter-spacing: 0.03em;
font-family: Verdana, sans-serif;
font-size: 10px;
text-transform: uppercase;
}

#subnav ul li.sub2 a {
font-size: 10px;
width: 167px;
padding-left: 5px;
margin-left: -18px;
}

*html #subnav ul li.sub2 a {
margin-left: -10px;
width: 167px;
}

#subnav ul ul li a {
font-size: 9px;
font-family: arial, sans-serif;
letter-spacing: 1px;
color: #0D035A;
}

#subnav ul ul ul li a {
color: blue;
}

*html #subnav ul ul li a {
margin-left: 8px;
margin-right: 0;
width: 139px;
}

*html #subnav ul ul ul li a {
margin-left: 8px;
margin-right: 0;
width: 129px;
}

#html #subnav li {
padding-top: 0;
}

*html #subnav ul li a {
padding: 5px 0 0 5px;
margin-top: -1px;
height: 17px;
width: 166px;
}

#subnav li a:hover {
background: #E9E5E5;
color: red;
}

*html #subnav ul li a:hover {
height: 17px;
}

#subnav li a.select {
background:url(../img/sub-nav-select.jpg) no-repeat top left #CBE0FC;
color: #00007C;
}

*html #subnav li a.subselect {
height: 17px;
margin-top: 0;
}

#subnav li a:hover.subselect   {
background:url(../img/sub-nav-select.jpg) no-repeat top left #DAE8FA;
color: red;
}


#subnavbot {
display: block;
background:url(../img/subnav-bot.gif) no-repeat #fff;
width: 187px;
height: 14px;
margin-left: -1px;
border-right: 1px solid #fff;
}

*html #subnavbot {
margin-left: -1px;
}







/* ///////////////////  HOME BANNER  ////////////////  */

#homebanner {
margin-left: -10px;
}


*html #homebanner {
margin-top: 0px;
margin-left: 0;
width: 800px;
}



/* //////////////// GENERAL BANNER ////////////////////  */

#banner {
margin-top: -140px;
margin-left: -10px;
}

*html #banner {
margin: 0;
padding: 0;
border-right: 8px solid #fff;
}

*html #banner img {
margin: 0;
}


#banner h2 {
display: block;
float: right;
height: 42px;
width: 594px;
margin-top: 0;
margin-left: 396px;
color: blue;
background:url(../img/h2-bg2.jpg) repeat-x bottom right;
/*border-bottom: 1px solid #909092;*/
font-size: 24px;
font-weight: normal;
letter-spacing: 3px;
padding-top: 14px;
padding-bottom: 0;
}

*html #banner h2 {
width: 602px;
height: 40px;
position: relative;
top: -3px;
left: -208px;
}

#banner h2 span {
color: #0E007C;
margin-left: 10px;
padding-left: 16px;
}


/*

#banner h2 img {
margin-top: 15px;
margin-left: -160px;
}*/




/* //////////////////////  HOME CONTENT //////////////////  */

#homecontent {
display: block;
border-bottom: 1px solid #999;
}

*html #homecontent {
border-left: 10px solid #EEEEEF;
}

.clear {
clear: both;
}

#homecontent .column {
display: block;
width: 195px;
float: left;
}

*html #homecontent .column {
width: 192px;
}


#homecontent .column .sechead a {
display: block;
width: 187px;
height: 120px;
background: transparent;
margin-top: 0;
}

*html #homecontent .column .sechead a {
width: 182px;
}

#homecontent .column .sechead a span {
display: none;
}

#homecontent .column .sechead a.about {
display: block;
background:url(../img/brighton.jpg) bottom left no-repeat;
border-bottom: 8px solid #D4D4D4;
}

#homecontent .column .sechead a:hover.about {
background:url(../img/brighton-on.jpg) bottom left no-repeat;
border-bottom: 8px solid #E82D2D;
}

#homecontent .column .sechead a.services {
display: block;
background:url(../img/services.jpg) bottom left no-repeat;
border-bottom: 8px solid #DBDBDB;
}

#homecontent .column .sechead a:hover.services {
background:url(../img/services-on.jpg) bottom left no-repeat;
border-bottom: 8px solid #E82D2D;
}

#homecontent .column .sechead a.ACADEMY {
display: block;
background:url(../img/academy.jpg) bottom left no-repeat;
border-bottom: 8px solid #E8E8E8;
}

#homecontent .column .sechead a:hover.ACADEMY {
background:url(../img/academy-on.jpg) bottom left no-repeat;
border-bottom: 8px solid #E82D2D;
}

#homecontent .column .sechead a.press {
display: block;
background:url(../img/press.jpg) bottom left no-repeat;
border-bottom: 8px solid #E5E5E5;
}

#homecontent .column .sechead a:hover.press {
background:url(../img/press-on.jpg) bottom left no-repeat;
border-bottom: 8px solid #E82D2D;
}


#homecontent .column h3 {
display: block;
color: #00007C;
font-size: 11px;
font-family: verdana, arial, sans-serif;
margin-left: -5px;
padding-left: 15px;
margin-bottom: 5px;
}

*html #homecontent .column h3 {
margin-bottom: 5px;
}

#homecontent .column h3 a {
color: #00007C;
text-decoration: none;
letter-spacing: 1px;
}

#homecontent .column h3 a:hover {
color: red;
}


#homecontent .column p {
display: block;
color: #000;
font-size: 11px;
margin-left: 10px;
margin-right: 10px;
line-height: 13px;
}

#homecontent .column p.more a {
display: block;
width: 89px;
height: 28px;
margin-left: -7px;
background:url(../img/more-off.gif) no-repeat;
}

#homecontent .column p.more a:hover {
background:url(../img/more-on.gif) no-repeat;
}

#homecontent .column p.more a span {
display: none;
}


/* //////////////////// MAIN CONTENT ////////////////////////////// */

#content {
display: block;
background:url(../img/content-bg.gif) repeat-y;
margin-top: -22px;
}


*html #content {
margin-right: -20px;
width: 790px;
background:url(../img/content-bg-ie.gif) repeat-y;
}

#mainContent {
display: block;
margin-left: 210px;
margin-right: 195px;
margin-top: 20px;
}

#mainContentWide {
display: block;
margin-left: 210px;
margin-right: 0px;
margin-top: 20px;
}

*html #mainContentWide {
display: block;
margin-left: 203px;
margin-right: 0px;
margin-top: 19px;
padding-left: 10px;
}


#mainContent h2, #mainContentWide h2 {
display: block;
height: 45px;
width: 594px;
margin-top: -23px;
margin-left: -24px;
color: transparent;
background:url(../img/h2-bg.jpg) repeat-x bottom left;
border-bottom: 1px solid #909092;
font-size: 20px;
letter-spacing: 3px;
}

*html #mainContentWide h2 {
width: 598px;
height: 49px;
margin-left: -24px;
}



#mainContent h2 span, #mainContentWide h2 span {
display: none;
}

#mainContentWide h2 img {
margin-top: 16px;
margin-left: 12px;
}


#mainContent h3, #mainContentWide h3 {
color: #999;
/*background:url(../img/arrow.gif) no-repeat bottom left;*/
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
font-family: helvetica, arial, sans-serif;
letter-spacing: 2px;
word-spacing: 2px;
margin-top: 22px;
margin-bottom: 10px;
margin-left: -5px;
padding-left: 4px;
padding-bottom: 0;
/*border-bottom: 1px solid #0D035A;*/
}


*html #mainContentWide h3 {
margin-top: 30px;
}


#mainContent h4, #mainContentWide h4 {
color: #0D035A;
text-transform: uppercase;
margin-bottom: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #3064D6;
}

*html #mainContent h4 {
margin-bottom: 10px;
}

#mainContentWide li {
font-size: 11px;
}


#mainContent p, #mainContentWide p {
font-size: 11px;
line-height: 16px;
margin-right: 25px;
}

#mainContentWide p.right {
float: right;
}

#mainContentWide p .number {
font-weight: bold;
color: #281c88;
font-family: helvetica, arial, sans-serif;
font-size: 16px;
}

#mainContentWide p .number2 {
font-weight: bold;
color: #281c88;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
}


#mainContent p.intro, #mainContentWide p.intro {
font-size: 13px;
color: #333;
margin-right: 25px;
}

#mainContent p a, #mainContentWide p a {
color: #0D035A;
font-weight: bold;
text-decoration: none;
}

#mainContent p a:hover, #mainContentWide p a:hover {
color: red;
text-decoration: underline;
}

#mainContentWide .picRight {
float: right;
margin: 5px 10px;
}

#mainContentWide .picLeft {
float: left;
margin: 0;
}

#mainContentWide p.pRight {
text-align: right;
}

#mainContentWide #PDFlist {
font-size: 11px;
}

#mainContentWide #PDFlist dl {
display: block;
margin-bottom: 25px;
height: 50px;
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 0;
}

*html #mainContent #PDFlist {
width: 370px;
}

#mainContentWide #PDFlist dd {
display: block;
float: left;
background:url(../img/pdf-icon.jpg) no-repeat top left;
background-position: 5px -4px;
height: 30px;
padding-left: 45px;
padding-top: 16px;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 6px;
margin-bottom: 5px;
}

*html #mainContentWide #PDFlist dd {
margin-bottom: 5px;
margin-top: 8px;
}

#mainContentWide #PDFlist dd a {
color: #0D035A;
text-decoration: none;
}

#mainContentWide #PDFlist dd a:hover {
color: red;
text-decoration: underline;
}

#mainContent #PDFlist dd img {
float: right;
margin-top: -15px;
}

#mainContentWide #PDFlist dt {
font-size: 16px;
font-family: helvetica, arial, sans-serif;
margin-left: 45px;
margin-bottom: -25px;
height: 10px;
font-weight: bold;
color: #999;
}

#mainContentWide ol li {
font-size: 11px;
line-height: 15px;
margin-left: -10px;
}

#mainContentWide ul li {
list-style-image: url(../img/bullet.gif);
margin: 4px 0;
}

#mainContentWide #bread p {
margin-top: 20px;
margin-bottom: -10px;
border-top: 8px solid transparent;
}

*html #mainContentWide #bread p {
border: 0;
}

/* //////////////////  EXTRA COLUMN //////////////////////  */

/* NOT USING THE EXTRA COLUMN

#extraCol {
display: block;
float: right;
width: 178px;
margin-right: -1px;
margin-top: -25px;
margin-left: 5px;
margin-bottom: 3px;

}

*html #extraCol {
margin-top: -20px;
}

#extraCol img {
border-top: 1px solid #0C64F7;
border-bottom: 10px solid #fff; 
margin-bottom: -25px;
}

#extraCol h3 {
color: #030377;
width: 173px;
background: #fff;
padding: 5px 0 3px 5px;
margin-left: 0;
margin-bottom: 0;
margin-top: 25px;
font-size: 14px;
font-family: verdana, arial, sans-serif;
letter-spacing: 1px;
}

#extraCol h4 {
margin-bottom: 10px;
}

#extraCol h4 a {
display: block;
width: 160px;
height: 18px;
margin-bottom: 20px;
padding: 3px;
color: #0000C7;
text-decoration: none;
padding-left: 15px;
font-size: 13px;
background:url(../img/bullet.gif) no-repeat center left #fff;
border-bottom: 1px solid #ccc;
}

#extraCol h4 a:hover {
color: red;
}

#extraCol p {
margin-top: -20px;
padding: 5px 0  5px 15px;
width: 163px;
font-size: 11px;
background: #fff;
}


#extraCol form p {
margin-top: 0;
margin-bottom: 0;
}




#extraCol dl {
background: #EEEEEF;
margin-top: 0;
padding-top: 5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


#extraCol dt, #extraCol dd {
font-size: 11px;
margin-left: 5px;
}

#extraCol dt {
font-weight: bold;
color: #333;
}

#extraCol dd {
margin-bottom: 10px;
}


NOT USING THE EXTRA COLUMN    */


#FdmMailForm {
display: block;
margin-top: 20px;
margin-left: 10px;
width: 400px;
border: 0px;
}

#FdmMailForm input, #FdmMailForm textarea {
margin-bottom: 20px;
background: #D5E4F6;
border: 1px solid #B8D0F4;
}

#FdmMailForm label {
font-family: helvetica, arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #666;
}

#FdmMailForm .fieldbuttons input {
height: 30px;
width: 80px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
background: #D5D5D6;
border: 3px double #999;
border-top-color: #ccc;
border-right-color: #ccc;
}

#FdmMailForm p {
font-size: 12px;
}


/* old */

/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */



/* MeshCMS: support preserve text size in tables */
th, td {
font-size:76%;
}

/* MeshCMS: a trick to avoid TinyMCE to apply these values. */
#realbody {
background:#8b8b8b;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

pre {
font-size:120%;
}


 #mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}


/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:10px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}
 

