BODY { font-family: Verdana; font-size: 11px; margin-top: 33px; background-image:url(images/template/main_bg.gif); 

background-repeat:repeat-x; background-color:#1A3C6B}

a img {border:0px;}

h1 {margin-top: 5px; margin-bottom: 5px; font-size: 19px; font-weight:bold; color: #0D2648;}
h2 {margin-top: 0px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #6495d1; padding: 0px;}

 #LHS { width:3px; background-image:url(images/template/template_shadow_l.gif); }
 #RHS { width:3px; background-image:url(images/template/template_shadow_r.gif); }

#loginmenu { font-weight:bold; color:#6B98d6; padding-right:7px; padding-bottom:4px; }
#loginmenu a { font-weight:bold; color:#6B98d6; text-decoration:none; font-size:11px; }
#loginmenu a:hover { cursor:hand; text-decoration:none; }
#loginmenu .Mainheading { font-weight:bold; color:#6B98d6; font-size:11px; }
#loginmenu .heading { padding-left:8px; font-size:11px; }
#loginmenu .input { padding-left:3px; }

#regtopnav { height:32px; background-image:url(images/template/topnav_bg.gif); border-left:solid 1px #264E82; border-right:solid 1px 

#264E82; padding-left:4px; }
#regtopnav .item { border:solid 1px #7F96B6; background-image:url(images/template/topnav_tab_bg.gif); height:21px; padding-left:12px; 

padding-right:12px;}
#regtopnav .item a { font-weight:bold; color:#ffffff; text-decoration:none; font-size:11px; }

#TopImage { background-image:url(images/template/mainpic_bg.jpg); height:178px; width:948px; }
#TopImage .HeaderContents { max-height:112px; height:112px; width:320px; position:relative; left:300px; text-align: left; color: White; padding: 11px 20px 0px 20px; 
 
line-height: 16px;}

#mainContentWide { vertical-align:top; width:100%; background-color:#0D2648; color:white; padding: 0px 5px 0px 0px; font-size:11px; }
#mainContentWide h1 {display: none;}
#mainContentNarrow { vertical-align:top; width:100%; background-image:url(images/template/bg_page_grad_ltblue.gif); 

background-repeat:repeat-x; background-color:#B3CCEB; color:black; padding: 8px 15px 10px 15px; font-size:11px; }
#mainContentNarrow h2 {margin-top: 0px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #0D2648; padding: 0px;}

#mainContent { vertical-align:top; width:100%; padding: 8px 5px 10px 5px; font-size:11px; }

#rightcolumn { padding:4px; background-image:url(images/template/bg_page_grad_ltblue.gif); background-repeat:repeat-x; 

background-color:#B3CCEB; border-left:solid 1px #315C91; }
#rightcolumn a { color:#BF0A0A; font-weight: bold; text-decoration: none; }
#rightcolumn h2 { color:#0D2648; font-weight:bold; font-size:1.2em; text-align:left; margin: 15px 10px 3px 10px; padding: 0px; }
#rightcolumn h3 { color:#BF0A0A; font-weight:bold; font-size:1em; padding: 0px; margin: 9px 0px 0px 0px;}
#rightcolumn .boxed { padding: 0px 10px 0px 10px; border-bottom:solid 1px #315C91; font-size: .9em; margin-bottom: 5px;}
#rightcolumn .boxedStyle2 { padding: 0px 10px 0px 0px; font-size: 1em; margin-top: 5px;}

#bottomArea { padding:4px; background-image:url(images/template/bg_page_grad_ltblue.gif); background-repeat:repeat-x; background-color: #AFCFEB; margin: 5px 7px 0px 6px; }
#bottomArea table tr td {border-right: 1px solid #315c91;}
#bottomArea table tr td.last {width: 25%; border-right: 0px; padding-left:6px;}
#bottomArea a { color:#BF0A0A; font-weight: bold; }
#bottomArea h2 { color:#0D2648; font-weight:bold; font-size:1.4em; text-align:left; margin: 6px 10px 3px 10px; padding: 0px; }
#bottomArea h3 { color:#BF0A0A; font-weight:bold; font-size:1em; padding: 0px; margin: 9px 0px 0px 0px;}
#bottomArea .boxed { padding: 0px 10px 10px 10px; min-height:150px; font-size: .9em; margin-bottom: 5px;}
#bottomArea .boxedStyle2 { padding: 0px 10px 0px 0px; font-size: 1em; margin-top: 5px;}

.regPollBox { padding: 0px 10px 3px 10px; font-size: .9em; margin-bottom: 5px;}
.regPollBox .ResultsPercentage { float:right; font-size: 0.95em; padding-left: 15px; margin: 0px;}
.regPollBox .ResultsText { float:left; }
.regPollBox .ResultsBar { clear:both; font-size: 0.9em; padding: 0px 0px 3px 0px; margin: 0px;}


#footer { font-size:8px; color:#ffffff; padding:2px; border-left:solid 1px #264E82; border-right:solid 1px #264E82; 

border-bottom:solid 1px #264E82;}
#footer .text { font-size:9px; color:#ffffff; padding:4px 2px 4px 2px;}
#footer .text a { font-size:9px; color:#ffffff; text-decoration:none;}
#footer .text a:hover {text-decoration:underline;}

#main {border-right:solid 1px #264E82; border-left:solid 1px #264E82; background-color:#ffffff; margin-top:10px; padding-bottom:6px;}

#mainContent a { color:#0D2648; font-weight: bold; text-decoration: underline;}
#mainContent a:hover { color:black; font-weight: bold; text-decoration: none; }

#mainContent #homepage tr td {border-right: 1px solid #315c91; padding: 0px 10px 0px 10px; width:210px;}
#mainContent #homepage tr td.last {width: 235px; border-right: 0px; padding: 0px 15px 0px 10px;}

/* Vacancy paging */
#mainContent .paging {padding-top: 10px; padding-bottom: 15px;}
#mainContent .paging a {text-decoration: none;}
#mainContent .paging table {width:100%}
#mainContent .paging .currentPageLabel {width: 180px; color: black;}
#mainContent .paging .previousPage {width: 100px; text-align: left; }
#mainContent .paging .previousPage a { color: Gray;}
#mainContent .paging .pageNumbers {text-align: center;}
#mainContent .paging .pageNumbers .unselectedPage {display: inline; background-color: #0D2648; padding: 5px; margin-left: 4px; }
#mainContent .paging .pageNumbers .unselectedPage a {font-weight: bold; color: white;}
#mainContent .paging .pageNumbers .unselectedPageAll {display: inline; background-color: #0D2648; padding: 5px 2px 5px 2px; 

margin-left: 8px; }
#mainContent .paging .pageNumbers .unselectedPageAll a {font-weight: bold; color: white;}
#mainContent .paging .pageNumbers .selectedPage {display: inline; background-color: red; padding: 5px; margin-left: 4px;}
#mainContent .paging .pageNumbers .selectedPage a {font-weight: bold; color: white;}
#mainContent .paging .nextPage {width: 80px; text-align: right; }
#mainContent .paging .nextPage a { color: Gray; }


/* Blog related styles... */  				  
#mainContent .BlogEntries p {padding-top: 0px; margin-top: 0px}
#mainContent .BlogEntries .blogPostTitle {padding-top: 5px;}
#mainContent .BlogEntries .blogPostTitle a {font-size: 1.2em; font-weight: bold;}
#mainContent .BlogEntries .blogDateFiled {color: white; padding-top: 2px; padding-bottom: 8px;}
#mainContent .BlogEntries .blogContent { padding-bottom: 10px;}   
#mainContent .BlogEntries .blogFooter {padding-bottom: 25px; border-bottom: 1px solid #cccccc; margin-bottom: 10px; }
#mainContent .BlogEntries .blogFooter .CommentSummary {float: left; width: 250px; display: inline; color: white;  padding-top: 5px; }
#mainContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: white;}
#mainContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; }
#mainContent .BlogEntries .blogNoEntries {margin-left: 15px; color: #999999; padding-top: 10px; }

#mainContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;}
#mainContent .BlogDetail .blogDateFiled {color: #dddddd; padding-top: 2px; padding-bottom: 8px;}
#mainContent .BlogDetail .blogContent { padding-bottom: 5px;}   
#mainContent .BlogDetail .blogCategories { padding-top: 7px; color: #999999; margin-left: 20px; padding-bottom: 3px;}   
#mainContent .BlogDetail .blogFooter {padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
#mainContent .BlogDetail .blogNoEntry {margin-left: 15px; color: Navy; padding-top: 10px; }
#mainContent .BlogDetail .SocialNetworking {padding-top: 0px; text-align: right}
#mainContent .BlogDetail .OtherRecentPosts {padding-top: 0px; padding-bottom: 5px;}
#mainContent .BlogDetail .OtherRecentPosts .ListPosts {margin-left: 20px; padding-bottom: 3px;}

#mainContent .BlogDetail .Comments {padding-top: 0px;}
#mainContent .BlogDetail .Comments .NoCommentsYet {color: white; padding-bottom: 5px;}
#mainContent .BlogDetail .Comments .ListComments {margin-left: 0px; padding-bottom: 5px;}
#mainContent .BlogDetail .Comments .ListComments .SpecificPost {padding: 7px 5px 7px 5px; margin-bottom: 12px; border: 1px solid 

white; }
#mainContent .BlogDetail .Comments .ListComments .SpecificPost .CommentBy {font-size: .9em; color: black; padding-bottom: 5px; }
#mainContent .BlogDetail .Comments .ListComments .SpecificPost .Comment {font-size: .9em; }
#mainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply {background-color: #F5FABD; }
#mainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyComment { }
#mainContent .BlogDetail .Comments .ListComments .SpecificPost .ModeratedReply .ReplyDatestamp { }

#mainContent .BlogDetail .Comments .leaveComment input {margin-left: 0px;}
#mainContent .BlogDetail .Comments .leaveComment .heading {color: #999999; font-weight: bold; padding-top: 4px; }

#mainContent .messagetouser {background-color: Red; color: yellow; font-weight: bold; padding: 10px; border: 1px solid black; margin: 

5px 10px 10px 0px; }

form {margin: 0px 0px 0px 0px;}
input, textarea {font-family: Verdana; font-size: 11px;} 
td {font-family: Verdana; font-size: 11px}
input.button {border: 1px solid #AAAAAA; font-weight: bold; color: #FFFFFF; background-color: white; height: 18px; color: #2D4191}
select {font-family: Verdana; font-size: 11px}
select.smallertext {font-family: Verdana; font-size: 10px}

/* Link Styles */
a:link {color: #6495D1; text-decoration:none;}
a:hover {color: #6495D1; text-decoration:underline;}
a:visited {color: #6495D1}

/* Text Styles */
.mainheadertext {font-weight: bold; font-size: 14px}

/* News Styles */
.newsheadline {color: #2D4191; font-weight: bold}
.newsitemfooter {color: #CE3228; font-weight: bold}
.newsstoryheadline {color: #2D4191; font-weight: bold; font-size: 16px}
.newsstorydate {color: #CE3228; font-weight: bold; font-size: 12px}

/* code below allows customised bullet points with graphics to be added - also includes fix for IE */
#regMainContent ul { margin-left: 10px; padding-left: 0; list-style: none; }
#regMainContent ul li {	padding-left: 14px; background-image: url(images/bullets/dot.gif); background-repeat: no-repeat; 

background-position: 0 7px;}
html[xmlns] #regMainContent ul { padding-left: 2em;} 
html[xmlns] #regMainContent ul li { background: none; /* undo the background-image */ list-style-image: url(images/bullets/dot.gif); 

padding: 0;}

#scrollerPanelNews{ height: 200px; padding: 5px; font-size: 10px; color:#2F2F2F; font-family: verdana; text-align:left;}
#scrollerPanelNews A{ font-size:11px; font-weight:bold; color:#335099;}

#scrollerPanelJobs { height: 200px; padding: 5px; font-size: 10px; color:#2F2F2F; font-family: verdana; text-align:left;}
#scrollerPanelJobs A{ font-size:11px; font-weight:bold; color:#335099;}

#scrollerPanelCandidates { height: 200px; padding: 5px; font-size: 10px; color:#2F2F2F; font-family: verdana; text-align:left; }
#scrollerPanelCandidates A{ font-size:11px; font-weight:bold; color:#335099; }


#searchBox {float: right; padding-top: 5px;}
#searchBox input {width: 150px; height:12px; border:solid 1px #ffffff; font-size:10px; color:#335099;}
#searchButton {float: right; padding-top: 4px; margin-left: 3px; margin-right: 5px;}

#topMenuLinks {width:700px; height:29px; z-index:200; position:relative; top:3px; float: left; font-family:arial, sans-serif; 

font-size: 1em; left: 15px;}
/* hack to correct IE5.5 faulty box model */
* html #topMenuLinks {width:700px; w\idth:700px;}

/* remove all the bullets, borders and padding from the default list styling */
#topMenuLinks ul {float:left;padding:0;margin:0;list-style-type:none; text-transform: uppercase; font-size:1em;  }
#topMenuLinks ul ul {margin-left: 5px;font-size: .9em; text-transform: uppercase; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topMenuLinks li {float:left; padding-right: 35px; position:relative; text-align:left; }

/* style the links for the top level */
#topMenuLinks a, #topMenuLinks a:visited {display:block;text-decoration:none; color:white; height:24px; border:0px solid #000; 

border-width:0px 0 0px 0px; padding-left:10px; line-height:24px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #topMenuLinks a, * html #topMenuLinks a:visited {width:139px; w\idth:138px;}
/* style the second level background 
#topMenuLinks ul ul a.drop, #topMenuLinks ul ul a.drop:visited {background:#d4d8bd 

url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover
#topMenuLinks ul ul a.drop:hover{background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px 

center;}
#topMenuLinks ul ul :hover > a.drop {background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 

130px center;}*/
/* style the third level background */
#topMenuLinks ul ul ul a, #topMenuLinks ul ul ul a:visited { background-image:url(images/template/topnav_bg_over.gif);}
/* style the third level hover */
#topMenuLinks ul ul ul a:hover { background-image:url(images/template/topnav_bg_over.gif);}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#topMenuLinks ul ul {visibility:hidden;position:absolute;height:0;top:24px;left:0; width:160px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html #topMenuLinks ul ul {top:22px;t\op:23px;}
/* position the third level flyout menu */
#topMenuLinks ul ul ul{left:140px; top:-1px; width:140px;}
/* position the third level flyout menu for a left flyout */
#topMenuLinks ul ul ul.left {left:-140px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#topMenuLinks table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#topMenuLinks ul ul a, #topMenuLinks ul ul a:visited {width:140px; background-color:#0d2648; color:white; height:auto; 

line-height:1em; padding:7px 10px 7px 10px;  border-width:0 0px 0px 0px; font-size:1em;}
/* yet another hack for IE5.5 */
* html #topMenuLinks ul ul a, * html #topMenuLinks ul ul a:visited {width:140px;w\idth:128px;}

/* style the top level hover */
#topMenuLinks a:hover, #topMenuLinks ul ul a:hover{color:white; background-image:url(images/template/topnav_bg_over.gif); 

text-decoration:none;}
#topMenuLinks :hover > a, #topMenuLinks ul ul :hover > a {color:#dddddd; background-image:url(images/template/topnav_bg_over.gif); 

text-decoration:none;}
/* make the second level visible when hover on first level list OR link */
#topMenuLinks ul li:hover ul, #topMenuLinks ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#topMenuLinks ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topMenuLinks ul :hover ul :hover ul{ visibility:visible;}