/* CSS Document */
/* main colours:
red: #D7BD69
blue: #19537E

New-gold: #CEB048
old-gold: #D7BD69
*/

body, html { margin: 0; padding:0; height: 100%; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
form { padding: 0; margin: 0; }
form {border:0; margin:0 0 0 0; padding:0 0 0 0}
input { line-height: 12px; margin-top: 2px; border: 0px solid #A5ACB2; font-size: 11px; margin: 0; height: 14px; margin-top: 2px; }
select { font-size: 11px; font-family: verdana; }
textarea { font-size: 11px; font-family: verdana;  border: 1px solid #A5ACB2;}
.req { width: 133px; border: 1px solid #A5ACB2; background: url(images/ast.gif) 100% center no-repeat #FFFFFF; padding-right: 20px; height: 15px;}
.notreq { width: 150px;height: 15px;}
.textarea { width: 150px; }
.textareareq { width: 150px; }
.gold { color: #CEB048}
.button { background-color: #CEB048; color: #FFFFFF; border: 0; height: 18px; padding: 0 2px 0 2px}
.arrow { vertical-align: middle} 
.client_logo { margin: 10px 0 10px 0; border: 1px solid #152A52; padding: 5px;}
a:link img, a:visited img, a:active img, a:hover img { border: 0}

.gold { color: #CEB048}
.button { background-color: #CEB048; color: #FFFFFF; border: 0; height: 18px; padding: 0 2px 0 2px}
.arrow { vertical-align: middle} 
.note {font-size: 9px; line-height: 9px; font-style:italic}

#wrapper {width: 775px; margin: 0 auto 0 auto}
#logo { position: absolute; margin: 0; padding: 15px 0 0 25px; top: 60px;}

#header { border-bottom: 5px solid #B3B3B3; height: 35px; background: #FFFFFF; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4C4C4C}
#header img { float: left; margin: 19px 0 0 15px;}
#header ul { margin: 0; padding: 0; width: auto; float: right; padding: 2px 25px 2px 4px; height: 13px; margin: 10px 0px 0 0 }
#header li { display: inline; padding: 0 0px 0 0px;}
#header a:link, #header a:active, #header a:visited { color: #4C4C4C; text-decoration: none}
#header a:hover { text-decoration: none; color: #CEB048}

#container { margin: 0 0 0 0; color: #4C4C4C; }

#imagebar { height: 170px; padding: 0; margin: 0; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background: #152A52; }
#rightimage { float: right; border-left: 1px solid #FFFFFF; height: 170px; width: 337px; padding-right: 24px}
#sloganimage { padding:  50px 25px 0 0px; float: right; width: 200px; text-align: right} 
#sloganimage h1 { color: #FFFFFF; font-size: 12px; padding: 0px; margin: 0px 0px 5px 0px} 
#sloganimage p { color: #FFFFFF; padding: 0px; margin: 0px 0px 5px 0px} 
#sloganimage a:link, #sloganimage a:active, #sloganimage a:visited { color: #FFFFFF} 
#sloganimage a:hover { color: #CEB048} 
#search { width: 320px; float: left; text-align: left; padding-top: 5px}
#search td { padding-right: 5px;}
#search img { padding:0 0 0 25px; margin: 0;}
#search .searchinput { padding-left: 30px; background: url(images/icon_search.gif) 5px 0px no-repeat #FFFFFF; line-height: 16px; border: 1px solid #A5ACB2; height: 16px}

#menubar { border-bottom: 1px solid #FFFFFF; background: #CEB048; text-align: left; margin: 0; font-family: Arial, Helvetica, sans-serif; color: #003563; padding: 0px 0 0px 0px; height: 30px}
#menubar a:link, #menubar a:active, #menubar a:visited { color: #FFFFFF; text-decoration: none; margin: 0 0px 0 0px; padding: 0px 0px 0px 0px;}
#menubar a:hover { text-decoration: none; color: #CEB048; background-color: #DDC77F; font-size: 30px}
#menubar img { padding:  3px 5px 3px 5px; margin: 0}
#menubar ul { margin: 0px 10px -3px 20px; padding: 0px;}
#menubar li { display: inline; padding: 0 20px 0 0; margin: 0}

#content { border-bottom: 6px solid #B3B3B3; margin: 0; padding: 0px 0px 0px 0px; _height: 300px; min-height: 300px; background: url(images/content_bg.jpg) #FFFFFF top repeat-x;}
#content hr { height: 1px; background-color: #D5B430; color: #D5B430; margin-top: 10px; margin-bottom: 10px; padding: 0px;}
#content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0px 0px 10px 0px}
#content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CEB048}
#content p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
#content ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; list-style: none; margin: 0; padding: 0px;}
#content ul li { background: url(images/bullet.gif) 0% 5px no-repeat; padding-left: 15px; padding-bottom: 5px}
#content ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0; padding: 15px 15px 15px 30px; }
#content ol li { padding-bottom: 5px}
#content a:link, #content a:active, #content a:visited { color: #CEB048;}
#content a:hover { color: #152A52} 
#content .button a:link, #content .button a:active, #content .button a:visited { color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #29C2DE; font-size: 10px; line-height: 15px}
#content .button a:hover { color: #152A52} 

#content table { padding: 0; margin: 0;}
#content td { padding-right: 0px;}

/*#note { width: 23%; float: left; border-right: 1px solid #E6ECF1; padding-right: 2%}*/

#sidebar { position: absolute; top: 0; right: 0; width: 235px; color: white; margin: 334px 0 0 0; padding: 15px 0 0 15px;}
#sidebar h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 15px 15px; }
#sidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 15px 15px 15px;}
#sidebar p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; margin: 0 15px 0 15px; padding-bottom: 15px;}
#sidebar ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 16px; list-style: none; margin: 0 15px 0 15px; padding: 0}
#sidebar li { padding-bottom: 15px;}
#sidebar a:link, #sidebar a:active, #sidebar a:visited { color: #FFFFFF;}
#sidebar a:hover { color: #FFFFFF} 
#sidebar .button a:link, #sidebar .button a:active, #sidebar .button a:visited { text-align: right; color: #FFFFFF; text-transform: uppercase; text-decoration: none; padding: 1px 2px 1px 2px; background: #00A3C7; font-size: 10px; line-height: 15px;}
#sidebar .button a:hover { color: #152A52} 

#footer { color: #4C4C4C; text-align: left; margin: 0; background-color: transparent; padding: 15px;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#footer p { line-height: 16px; padding: 0; color: #4C4C4C; margin: 0px 0px 0 10px; }
#footer ul { margin: 0px 0px 5px 10px; padding: 0; }
#footer li { display: inline}
#footer a:link, #footer a:active, #footer a:visited { color: #4C4C4C;}
#footer a:hover { color: #4C4C4C} 
#footerlogo { position: absolute} 


#leftfoot { float: left; width: 59%; height: 50px;}
#rightfoot { float: right; width: 39%; text-align: right; height: 50px;}

#clear { clear: both; width: 775px; height:1px;}

#col1 { width: 466px; float:left; border-right: 1px solid #EFF1F3; padding: 10px 25px 10px 25px; }
#col2 { width: 208px; float:left; padding: 10px 25px 10px 25px; }
#col3 { width: 208px; float:right; padding: 10px 25px 10px 25px; border-top: solid 1px #EFF1F3; border-left: solid 1px #EFF1F3 }

#boxes { float: left;}

#box1 { margin-top: 0px; width: 210px; padding: 5px 20px 5px 20px; float:left; border: 3px solid #FFFFFF; height: 85px; background: #E2E2E2; color: #4C4C4C; margin-right: 3px;}
#box2 { margin-top: 0px; width: 208px; padding: 5px 20px 5px 20px; float:left;  border: 3px #FFFFFF solid; border-left: 0px; height: 85px; background: #E2E2E2; color: #4C4C4C; margin-right: 3px;}
#box3 { margin-top: 0px; width: 464px; clear: both; border: 3px solid #FFFFFF; background: #E2E2E2; color: #4C4C4C; padding: 3px 20px 5px 20px; }
#box3 td { padding-right: 5px; }

#box1 h1 { margin: 0 0 5px 0; padding: 0}
#box2 h1 { margin: 0 0 5px 0; padding: 0}
#box3 h1 { margin: 0 0 5px 0; padding: 0}



#col3  a:link, #col3 a:active, #col3 a:visited { color: #4C4C4C; text-decoration: none}
#col3 a:hover { color: #CEB048 }

#box3 a:link, #box3 a:active, #box3 a:visited { color: #4C4C4C;}
#box3 a:hover { color: #4C4C4C }

#submenu { width: 208px; float:left; border-right: 1px solid #F3F5F6; padding: 10px 25px 10px 25px; }
#submenu a:link, #submenu a:active, #submenu a:visited { color: #4C4C4C;}
#submenu a:hover { color: #CEB048} 
#submenu ul li { border-bottom: 1px solid #EFF1F3; line-height: 14px; padding: 5px 0 5px 15px; background: url(images/bullet.gif) left 9px no-repeat} 

#extramenu ul { margin-top: 20px; background: url(images/submenu_bg.jpg) top repeat-x #EEF0F2; padding: 10px 0px 5px 0px; border-bottom: 1px solid #4C4C4C} 
#extramenu ul li { background-image: none; border-bottom: 1px solid #FFFFFF; } 

#insidecol { width: 466px; float:left; padding: 10px 25px 10px 25px; }

#alsointitle { color: #4C4C4C; margin: 20px -5px 0 -5px; padding: 7px 5px 7px 5px; background: #E2E2E2; border-bottom: 1px solid #FFFFFF}
#alsoin { color: #4C4C4C; margin: 0px -5px 0 -5px; padding: 5px 5px 0 5px; background: url(images/alsoin_bg.gif) 95% 5px no-repeat #E2E2E2;}
#alsoin p { width: 300px}
#alsoin a:link, #alsoin a:visited, #alsoin a:active  { color: #4C4C4C}
#alsoin a:hover  { color: #CEB048}

#clients { float: left; width: 45%}
#clients ul ul { margin: 0px 0px -5px 0px;  }
#clients ul ul li { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 15px; font-size: 9px;}
#clients ul ul a:link, #clients ul ul a:active, #clients ul ul a:visited { text-decoration: none}
/*ROUNDED CORNER BOX*/

div.mainrounded { background: #19537E url(images/box_tr.gif) no-repeat top right; float: left;} 
div.mainrounded div {  background: transparent url(images/box_tl.gif) no-repeat top left; } 
div.mainrounded div div {  background: transparent url(images/box_br.gif) no-repeat bottom right; } 
div.mainrounded div div div { background: transparent url(images/box_bl.gif) no-repeat bottom left;  padding: 15px 15px 15px 15px; color: #FFFFFF; min-height: 52px; _height: 52px; }

div.rounded { background: #19537E url(images/box_tr.gif) no-repeat top right; float: left; margin-left: 0px; width: 75px} 
div.rounded div {  background: transparent url(images/box_tl.gif) no-repeat top left; } 
div.rounded div div {  background: transparent url(images/box_br.gif) no-repeat bottom right; } 
div.rounded div div div { background: transparent url(images/box_bl.gif) no-repeat bottom left;  padding: 15px 15px 15px 15px; color: #FFFFFF; min-height: 22px; _height: 22px; }

div.wrounded { background: #FFFFFF url(images/wbox_tr.gif) no-repeat top right; float: left; margin-left: 7px; width: 147px} 
div.wrounded div {  background: transparent url(images/wbox_tl.gif) no-repeat top left; } 
div.wrounded div div {  background: transparent url(images/wbox_br.gif) no-repeat bottom right; } 
div.wrounded div div div { background: transparent url(images/wbox_bl.gif) no-repeat bottom left;  padding: 15px 15px 15px 15px; color: #19537E; min-height: 22px; _height: 22px; }