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

 a img { border:0px; }

H1 {margin-top: 5px; margin-bottom: 5px; font-size: 17px; font-weight:bold; color: #323D99;}
H2 {margin-top: 15px; margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #323D99;}

 #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:#4E84CA; padding-right:7px; padding-bottom:4px; }
#loginmenu a { font-weight:bold; color:#4E84CA; 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); padding-left:4px; }
#regtopnav .item { border:solid 1px #7E82B3; 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; }

#regleftmenu { width:169px; vertical-align:top; padding-top:10px; padding-bottom:10px; padding-left:4px; padding-right:3px; background-image:url(images/template/left_menu_shadow_bg.gif); }
#regleftmenu a img { border:0px; }
#regleftmenu .item { margin-bottom:1px; width:157px; border: solid 1px #7C82B3; background-color:#5C63AD; padding-top:5px; padding-bottom:5px; padding-left:3px;}
#regleftmenu .item A { color:#FFFFFF;  font-size:11px; font-weight:bold; text-decoration:none; padding-left:5px; }
#regleftmenu .item A:hover { text-decoration:underline;}
#regleftmenu .itemSub { padding-left:20px; padding-top:3px; padding-bottom:3px;}
#regleftmenu .itemSub A { color:#ffffff; font-size:10px; text-decoration:none; padding-left:0px; }
#regleftmenu .itemSub A:hover { text-decoration:underline;}
#regleftmenu .LeftHandBox {padding:4px; color:#ffffff; border:solid 1px #7C82B3; margin-top:10px; width:150px; font-size:10px; }

#mainContent { background-color:#FFFFFF; vertical-align:top; width:100%; padding-left:5px; padding-right:5px;  padding-top:15px; padding-bottom:75px; background-image:url(images/template/main_shadow_top.gif); background-repeat:repeat-x; font-size:11px;}
#mainContent a {color: #383299}

#rightcolumn { padding-top:15px; padding-right:7px; background-color:#FFFFFF; background-image:url(images/template/main_shadow_top.gif); background-repeat:repeat-x;}
#rightcolumn .boxes { width:159px; margin-bottom:5px; border:solid 1px #B1B6E3; }
#rightcolumn .boxes .title { background-color:#5C63AD; color:#FFFFFF; font-size:11px; text-align:left; height:23px; padding-left:5px; }
#rightcolumn .boxes .content { padding:5px;}
#rightcolumn .boxes .content a {color:#383299;}

#footer { font-size:9px; color:#ffffff; padding:5px; border-left:solid 1px #323D99; border-right:solid 1px #323D99; border-bottom:solid 1px #323D99;}
#footer .text { font-size:9px; color:#ffffff; padding:5px;}
#footer .text a { font-size:9px; color:#ffffff; text-decoration:none;}
#footer .text a:hover {text-decoration:underline;}

/* 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: Gray; 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: gray;  padding-top: 5px; }
#mainContent .BlogEntries .blogFooter .CommentSummary a {text-decoration: none; font-weight: normal; color: Gray;}
#mainContent .BlogEntries .blogFooter .SocialNetworking {float: right; display: inline; }
#mainContent .BlogEntries .blogNoEntries {margin-left: 15px; color: Navy; padding-top: 10px; }

#mainContent .BlogDetail .blogPostTitle {font-size: 1.2em; font-weight: bold;}
#mainContent .BlogDetail .blogDateFiled {color: Gray; padding-top: 2px; padding-bottom: 8px;}
#mainContent .BlogDetail .blogContent { padding-bottom: 5px;}
#mainContent .BlogDetail .blogCategories { padding-top: 7px; color: #444444; 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: #444444; 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 gray; background-color: #FFFED0;}
#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: #333333; font-weight: bold; padding-top: 4px; }


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: #383299}
a:visited {color: #2D4191}

/* 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;}