/* reset styles make all browsers start the same */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit; vertical-align: baseline;}
img {border:0 none;}
:focus, :hover, :active {outline: 0;}
ol, ul {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* clearing class - replaces the use of clearfix divs - apply to containing element*/

#mainCol ul.articleList li, .clear, .thumbs {
 display:block;
}

#mainCol ul.articleList li:after, .clear:after, .thumbs:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: "."; 
}

/* utility styles */

.hidden {display:none;}
.boldText {font-weight:bold;}
.normalText {font-weight:normal;}
.errorBox {padding:0 0 20px;}

/* default font styles */

strong {font-weight:bold;}
em {font-style:italic;}
blockquote {margin:0 0 0 40px;}

p {font-size:1.2em; line-height:1.6em;}
a {color:#099; font-size:1.2em;}
h4 a, p a, h2 a {font-size:1em;}
a:hover, a:focus, a:active {color:#4e4e4e;}

h2 {font-weight:bold; font-size:1.3em;}
h2.large {font-size:1.7em; margin:0 0 20px;}
h2.xlarge {font-size:1.9em; margin:0 0 20px;}
h2 a {text-decoration:none;}
h3 {font-weight:bold; font-size:1.3em;}
h3 span{color:#099;}
h4 {font-weight:bold; font-size:1.2em;}

.article h2.newsletter{margin:0 0 10px !important;}
/* Column control styles */

  .xlCol {width:640px;} /*for use when single column is needed */
  .lCol{width:430px;} /*for use with the 3*3 grids */
  .mCol{width:320px;} /* for main body copy where theres heavy textual and image useage */
  .sCol{width:230px;} /* tends to be used on the lists */
  
  .smallLeft {margin-left:30px;}
  .mediumLeft {margin-left:50px;}
  .largeLeft {margin-left:70px;}
  .xlargeLeft {margin-left:105px;}
  
  .filterWrap {margin:0 0 20px;}

/* Body Image styles, doubles for added randomness! */
body {line-height: 1; color:#4e4e4e; background: black; font-size:62.5%; font-family: Arial, Helvetica, sans-serif;}
body.style1 {background:#000 url('../images/bg1.jpg') repeat-x 0 0;}
body.style2 {background:#eee url('../images/bg2.jpg') repeat-x 0 0;}
body.style3 {background:#eee url('../images/bg3.jpg') repeat-x 0 0;}
body.style4 {background:#ced3a9 url('../images/bg4.gif') repeat-x 0 0;}

/* Site styles */

#wrapper{min-height:480px; height:auto !important; height:480px; background:#fff; margin:80px 0 40px 48px;}
#header {width:164px; height:auto; padding: 0 0 0 33px; float:left;}
h1 {height:91px; margin:0 0 48px;}
h1 span{display:none;}
.navigation li {height:25px; margin:0 0 0 10px;}
.navigation a {text-decoration:none; font-weight:bold; font-size:1.3em; display:block;
height:20px; text-indent:-9999em;}
.navigation a:hover, .navigation a:focus, .navigation a:active, .navigation a.selected {background-position:0 -20px !important;}

#content{float:left; padding:0 0 30px;}
  #mainCol, #secondCol {margin-top:30px; float:left;}
  #mainCol p, #secondCol p {margin-bottom:20px;}
  
  ul.articleList li {margin:0 0 20px;}
  ul.articleList p {margin:0 !important;}
  ul.articleList h4 {margin:20px 0 0;}
  ul.articleList a:hover, ul.articleList a:focus, ul.articleList a:active{color:#4e4e4e;}
  
  ul.articleList.altLink h3 {font-size:1.2em;}
  #mainCol ul.articleList.altLink h3 {margin:0;}
    
  #mainCol ul.articleList li.article {margin:0 0 30px;}
  #mainCol ul.articleList li img {margin:0 0 10px;}
  #mainCol ul.articleList h3 {margin:0 0 20px; line-height:1.5em;} 
  #mainCol ul.articleList .content {float:left; width:200px;}
  #mainCol ul.articleList .important .content {width:320px;}
  #mainCol ul.articleList em {font-size:1.1em; font-weight:normal !important;}
  #secondCol ul.vacancies li {margin:0 0 37px;}
  .feed {padding:0 0 0 20px; font-weight:bold; background:url('../images/rssIcon.png') no-repeat 0 0;}
  p.date {font-style:italic; font-size:0.99em;}
  
  .article h2 {margin:0 0 5px;}
  
  input.full, textarea, label.full {width:100%; display:block;}
  label {font-weight:bold; display:inline-block; margin:0 10px 0 0;}
  
  .button{margin:0 5px 0 0;}
  .radioButtons label {font-size:1.2em; padding:0 8px; vertical-align:top;}
  
  div#ticker {padding:25px 0;}
  
  #videoPlayer {width:640px; height:360px; background-color:#7d7d7d;}
  
  ul.thumbs {margin:0 0 20px; width:430px; height:auto;}
  ul.thumbs li {float:left; display:block; margin:0 10px 0 0;}
  
  ul.pagination {clear:both; display:block;}
  #mainCol ul.pagination p {margin:0;}
  ul.pagination li {float:left; display:block; width:20px; height:20px; margin:0 2px 0 0; border:1px solid #acacac; text-align:center;}
  ul.pagination li a {padding:3px 0 0; display:block; text-decoration:underline;}
  ul.pagination li a:hover, ul.pagination li a:focus, ul.pagination li a:active, ul.pagination li a.selected {font-weight:bold; text-decoration:none; color:#4e4e4e;}
  
#footer {text-transform:uppercase; width:100%; left: 0; bottom: 0; background-color:#000; height: 17px; padding:3px 0 0 0; position:fixed; color:#999; clear:both;}
  #footer ul {padding-left: 30px;}
  #footer p {line-height:1;}
    #footer li{float:left; margin:0 4px 0 3px; font-size:0.9em;}
      #footer a {color:#999; border-bottom:1px solid #262626;}
      #footer a:hover {color:#fff; border-bottom:1px solid #4e4e4e;}
      
      
      #topLink {position:fixed; top:500px; left:245px; display:block; width:100px;}
         
         /* ie 6 doesnt have position:fixed - this code fixes that and is only read by ie6 */   
         * html div#footer {position: absolute; 
            top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight): 
            document.body.scrollTop + (document.body.clientHeight-this.clientHeight) );
            }
            
         * html #topLink {position: absolute; 
            top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (500): 
            document.body.scrollTop + (500) );
            }
            
div.newshr
{
	padding-top: 10px;
	border-bottom: 1px solid #ddd;
	width: 400px;
}

div.newshr hr
{
	visibility: hidden;
		width: 400px;
}
            
/* overwrite thickbox styles */            
#TB_window {
    border:none !important;
    background:none !important; 
}

#TB_ajaxContent{
	overflow:hidden !important;
}

#TB_window img#TB_Image {
border:20px solid #000 !important;
display:block;
margin:15px 0 0 15px;

}

#TB_closeWindow {float:none;
padding:0;
position:absolute;
right:-20px;
text-indent:-9999px;
top:20px;}
#TB_closeWindowButton {position:absolute; top:0; right:0; background: url('../images/closeBut.jpg') no-repeat 0 0; width:15px; height:15px; display:block;}

/* .net scroller control */


a.scroller, a.scroller:visited, a.scroller:active {
background:White none repeat scroll 0 0;
border-style:none !important;
border-width:0 !important;
color:Black;
line-height:18px !important;
margin:0 !important;
padding:0 2px 2px !important;
position:relative;
text-decoration:none;
}
a.scroller:hover {
color:#008080;
}
a.scrollerMono, a.scrollerMono:visited, a.scrollerMono:active {
background:White none repeat scroll 0 0;
border-style:none !important;
border-width:0 !important;
color:#008080;
font-family:'Lucida Console','Andale Mono',Monospace,mono;
font-size:11px;
margin:0 !important;
padding:0 !important;
text-decoration:none;
text-transform:uppercase;
}
a.scrollerMono:hover {
color:#008080;
}