* {margin:0;padding:0; border: 0px none;}

a { text-decoration: none; color: #4c4c4c; }

a:hover {text-decoration: underline;}







/* common font styles --------------------------------*/

h3 {

background: #ff7f00 url(img/h3-bg.gif) bottom left no-repeat;

font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;

color: #fff;

padding: 4px 10px 16px 30px;

}

h4 {

font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;

color: #808080;

}

h4 span { color: #ff7f00; }

h5 {

background: #1b4048 url(img/h5-bg.gif) bottom left no-repeat;

font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;

color: #fff;

padding: 4px 10px 16px 30px;

}

p { font: normal 1.2em/1.5em "Arial", Helvetica, san-serif; }







body {

font: 62.5% "Arial", Helvetica, san-serif;  

background: #fff url(img/bg.gif) 0 0 repeat-x;

color: #4c4c4c;

}

#wrapper {

width: 915px;

margin: 0 auto;

}





/* top links --------------------------------*/

p#toplinks {

width: 915px;

height: 41px;

text-align: right;

color: #c7cfd1;

font: normal 1.2em/3.3em "Arial", Helvetica, san-serif;  

background: #1f4048;

}

p#toplinks a {

color: #fff;

padding: 0 2px;

margin: 0 2px;

}





/* main navigation --------------------------------*/

ul#nav {

height: 62px;

width: 925px;

font: normal 1.35em/3.7em "Arial", Helvetica, san-serif;  

margin:41px 0 0 5px;

}

ul#nav li {

display: inline;

color: #4c4c4c;

border-right: 1px solid #767676;

}

ul#nav li.nobrdr { border-right: 0; }

ul#nav li a {

display: inline;

color: #4c4c4c;

padding: 0 7px 0 5px;

}

ul#nav a:hover { text-decoration:underline; }





/* logo and photo image --------------------------------*/

#header {

width: 915px;

height: 167px;

background: #fff;

}

h1 { 

float: left;

width: 315px;

text-align: center;

font: normal 5em/1.1em "Times", Helvetica, san-serif;

}

h1 img { margin: 30px 0 0 ;}

h1 a { color: #1f4048;}

#header img.right { float: right; font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;}





/* left and right columns for content */

#leftcol { 

width: 660px;

float: left;

margin-top: 13px;

}



#leftcol ul, #leftcol li

{

list-style:none;

}



#leftcol.wide { 

width: 915px;

}



#leftnarrow { 

width: 160px;

float: left;

margin:13px 10px 0 0;

}



#leftnarrow ul, #leftnarrow li

{

list-style:none;

}



#leftnarrow h4

{

border-bottom: 1px solid #cbcbcb;

padding:14px 0 5px 0;

}

#leftnarrow h4.top

{

padding:0 0 5px 0;

}



#leftnarrow h4 a:hover

{

text-decoration:none;

color:#ff7f00;

}



#leftnarrow h5

{

margin:20px 0 0 0;

padding-left:15px;

background:#FF7F00 url(img/h5-contact-bg.gif) bottom left no-repeat;

}

#leftnarrow h5.nopad

{

margin:0px 0 0 0;

padding-left:15px;

}

#leftnarrow h5.somepad

{

margin:13px 0 0 0;

padding-left:15px;

}

#leftnarrow p

{

margin-right:5px;

}



#leftnarrow p a

{

padding:0 0 0 15px;

background:url(img/chevrons.png) left top no-repeat;

}



#leftnarrow input

{

border:#808080 1px solid;

width:150px;

margin:0 0 5px 0;

}

#leftnarrow select

{

border:#808080 1px solid;

width:153px;

margin:0 0 5px 0;

}

#leftnarrow input.submit

{

background:url(img/submit.gif) no-repeat;

height:24px;

width:73px;

border:none;

cursor:pointer;

margin:5px 0 0 82px;

}

#leftnarrow input.submit:hover

{

background-position:0 -24px;

}



#leftnarrow li

{font-size:12px;

padding:5px 0 5px 0;

}

#centrecol { 

width: 480px;

margin:13px 10px 0 180px;

}



#centrecol h2

{

color:#808080;

font-size:18px;

font-weight:bold;

margin:15px 0 5px 0;

}

#centrecol h3

{

background:none;

color:#808080;

font-size:16px;

font-weight:bold;

margin:10px 0 5px 0;

padding:0;

}

#centrecol h4 { 

font-size: 24px;

margin: 10px 30px 10px 0;

padding: 0;

}

#centrecol h4 span { border-bottom: 2px solid #ff7f00; }



#centrecol p

{

margin:5px 0 0 0;

}





#centrecol ul

{

margin:10px 0 10px 10px;

padding:0 0 0 10px;

list-style:disc;

list-style-type:disc;

}





#centrecol ol

{

list-style:decimal;

list-style-type:decimal;

padding:10px;

float:none;

margin:10px;

width:460px;

}

#centrecol li

{

background:none;

font-size:12px;

padding:3px 0 3px 0;

margin:0;

}







#centrecol img

{

border:#1F4048 1px solid;

padding:2px;

margin:10px 0 0 0;

}

#centrecol img.spacer

{

border:none;

padding:0;

margin:0;

}



#centrecol .staff

{

border: 1px solid #E2E2DB;

margin:10px 0 15px 0;

background:#fff url(img/contain-bg.gif) repeat-x bottom;

padding:5px 10px 10px 10px;

min-height:110px;

}



#centrecol p.first

{

margin-top:14px;

}

#centrecol .staff img

{

float:left;

border: 1px solid #E2E2DB;

margin:5px 10px 5px 0px;

}

#centrecol .news-bucket

{

border: 1px solid #E2E2DB;

margin:0 0 15px 0;

background:#fff url(img/contain-bg.gif) repeat-x bottom;

padding:10px;

}



#centrecol .news-bucket h4

{

color:#808080;

font-weight:bold;

font-size:14px;

margin:0 0 0 80px;

padding:0px 0 5px 0px;

}



#centrecol .news-bucket h4 a

{

color:#808080;

text-decoration:none;

}

#centrecol .news-bucket h4 a:hover

{

color:#F6921E;

}

#centrecol .news-bucket p

{

margin:0 0 5px 80px;

}

#centrecol .news-bucket p.date

{

margin:0;

float:left;

}

#centrecol .news-bucket p a

{

text-decoration:underline;

color:#4c4c4c;

}



#centrecol .news-bucket p a:hover

{

text-decoration:underline;

color:#F6921E;

}



#centrecol .news-detail

{

border: 1px solid #E2E2DB;

margin:10px 0 15px 0;

background:#fff url(img/contain-bg.gif) repeat-x bottom;

padding:10px;

}



#centrecol .news-detail img

{

border:#E2E2DB 1px solid;

padding:2px;

float:left;

margin:5px 10px 5px 0;

}

#centrecol .news-detail h6

{

margin-top:0;

}



#centrecol .news-detail p

{

margin:0 0 5px 0px;

}



#centrecol h6 { 

font: normal 1.6em/1.2em "Arial", Helvetica, san-serif;

color: #808080;

margin:10px 0 10px 0;

}

#centrecol h6 span { color: #ff7f00; }





#centrecol .faq

{

border: 1px solid #E2E2DB;

margin:10px 0 15px 0;

background:#fff url(img/contain-bg.gif) repeat-x bottom;

padding:10px;

}



#centrecol .faq h4

{

color:#808080;

font-weight:bold;

font-size:14px;

margin:0 0 0 0px;

padding:0px 0 5px 0px;

}



#centrecol .faq h4 a

{

color:#808080;

text-decoration:none;

}

#centrecol .faq h4 a:hover

{

color:#F6921E;

}

#centrecol .faq p

{

color:#4c4c4c;

}



#centrecol .faq p a

{

color:#4c4c4c;

text-decoration:none;

}

#centrecol .faq p a:hover

{

color:#F6921E;

}

#centrecol img.left {

float: left;

border: 1px solid #cbcbcb;

padding: 5px;

background: #fff;

margin: 0 10px 5px 0px

}



#profilebox

{

width:250px;

float:right;

background:#fff;

border: 1px solid #cbcbcb;

padding:5px;

margin:0 0 0 5px;

}



#profilebox img

{

float:left;

margin:5px 10px 5px 10px;

border: 1px solid #cbcbcb;

padding:2px;

}



#profilebox p

{

text-align:center;

margin:0 0 10px 0;

}



#centreright

{

width: 750px;

margin:13px 0 0 170px;

}



#centreright ol {

width: 750px;

list-style:none;

}

#centreright ol li {

width: 750px;



list-style:none;

}



#green { 

width: 660px;

height: 150px;

background: #1f4048 url(img/green-bg.gif) top left no-repeat;

}





#green.wide { 

width: 915px;

background: #1f4048 url(img/green-bg-wide.gif) top left no-repeat;

}

#green h2 { 

color: #fff;

font: normal 2.7em/1.2em "Arial", Helvetica, san-serif;

margin: 0 30px 10px;

padding: 25px 0 0;

}

#green h2 span { border-bottom: 2px solid #ff7f00; }

#green p { 

color: #fff;

margin: 0 30px;

font-size:14px;

}

ol {

width: 660px;

float: left;

margin: 20px 0 0;

}





ol li {

width: 660px;

float: left;

padding: 0 0 10px;

margin: 0 0 10px;

background: url(img/contain-bg.gif) bottom left repeat-x;

}

ol li h4 { margin: 2px 30px 5px 30px; font-weight:bold; }

ol li h4 a

{

text-decoration:none;



}

ol li h4 a:hover

{

text-decoration:none;

color:#FF7F00;



}





ol li img.left {

float: left;

border: 1px solid #cbcbcb;

padding: 5px;

background: #fff;

margin: 0 15px 5px 25px

}

ol li p {

margin: 5px 25px 0;

}



/* right column elements */

#rightcol { 

width: 235px;

float: right;

margin-top: 13px;

}

#rightcol h3, #rightcol h5 { padding-left: 15px; }

#rightcol h4 { 

margin: 5px 0; 

color: #1f4048;

padding: 3px 5px;

border-bottom: 1px solid #cbcbcb;

}

#rightcol ul { 

margin: 0 0 15px 0; 

background: url(img/ul-bg.gif) bottom left repeat-x;

padding-bottom: 5px;

list-style:none;

}

#rightcol ul li { 

margin: 0 0 5px 0; 

padding: 0 5px;

font: normal 1.2em/1.5em "Arial", Helvetica, san-serif;

list-style:none;

}

#logos img { 

margin: 3px 0 0 0; 

font: normal 1.2em/1.2em "Arial", Helvetica, san-serif;

float: left;

width: 235px;

}





#rightcol input

{

border:#808080 1px solid;

width:230px;

margin:0 0 5px 0;

}

#rightcol select

{

border:#808080 1px solid;

width:233px;

margin:0 0 5px 0;

}

#rightcol input.submit

{

background:url(img/submit.gif) no-repeat;

height:24px;

width:73px;

border:none;

cursor:pointer;

margin:10px 0 15px 162px;

}

#rightcol input.submit:hover

{

background-position:0 -24px;

}





#rightcol .partner

{

background:url(img/partner-bg.gif) repeat-y;

margin:0px 0 2px 0;

padding:5px 0 5px 0;

}



#rightcol .partner p

{

margin:3px 10px 2px 10px;

}



#rightcol .servicelist

{

margin:5px 0 15px 0;

}

#rightcol .servicelist p a

{

padding:0 0 0 15px;

background:url(img/chevrons.png) left no-repeat;

}



/* clear everything ensures white background in all browsers */

#clearall { 

width: 100%;

clear: both;

}





#footer {

clear: both;

margin: 20px 0;

border-top: 7px solid #1f4048;

width: 915px;

}

#footer p {

text-align: center;

margin: 10px 0;

font-size: 1.1em;

}

#footer a { color: #808080; padding: 0 5px;}

#footer #ruler {

background: #e3e3e3;

height: 1px;

width: 915px;

}





#homelogos img.iom

{

margin:10px 0 20px 10px;

}

#homelogos img.aim

{

margin:10px 0 20px 60px;

}

#homelogos img.qca

{

margin:10px 0 10px 60px;

}

img.capimg
{border:#808080 1px solid;
margin-bottom:5px;

width:150px;

}
