/* General styles */

body {font-family: Arial,Helvetica,sans-serif;
      margin:0;
      padding:0;
      border:0; /* This removes the border around the viewport in old versions of IE */
      width:100%;
      background:#fff;
      min-width:600px; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
      font-size:80%;}

a {color:#369;}

a:hover {	color:#369;
	/*background:#369;*/
	text-decoration:none;}
    
h1 {font-size: 190%;
    color: #78828B;}
	
h2 {font-size: 170%;}
	
h3 {font-size: 150%;}

h4 {font-size: 130%;}
        
    
p {/*margin:.4em 0 .8em 0;*/
   padding:0;}

img {border: none;
     /*margin:10px 0 5px;*/	}
	
/*.col1 ul li {list-style-image: url(Images/purple_bullet.gif);}*/
	
/* Header styles */

#header {clear:both;
         float:left;
         width:100%;}

#header {border-bottom:1px solid #000000;
         height: 99px;}

#header p, #header h1, #header h2 {padding:.4em 15px 0 15px;
                                   margin:0;}

#header ul {clear:left;
	   float:left;
	   width:100%;
	   list-style:none;
	   margin:10px 0 0 0;
	   padding:0;}

#header ul li {display:inline;
	      list-style:none;
	      margin:0;
	      padding:0;}

#header ul li a {display:block;
	        float:left;
	        margin:0 0 0 1px;
	        padding:3px 10px;
	        text-align:center;
	        background:#eee;
	        color:#000;
	        text-decoration:none;
	        position:relative;
	        left:15px;
	        line-height:1.3em;}

#header ul li a:hover {background:#369;
		     color:#fff;}

#header ul li a.active, #header ul li a.active:hover {color:#fff;
	                                             background:#000;
	                                             font-weight:bold;}

#header ul li a span {display:block;}

	
#header_left {float: left;}
	
#header_right {display: none;
               float: right;
               height: 99px;
               padding-top: 55px;
               padding-right: 10px;}
				   
#header_links {float:right;
	      font-size: 85%;
	      padding-right: 5px;}
	
#search {float: right;
         /*padding-top: 60px;*/}
	
	
.breadcrumbs {display: none;
              font-size: 85%;
              background-color: #eaeaea;}
	
	
	
/* 'widths' sub menu */

#layoutdims {clear:both;
	    background:#eee;
	    border-top:4px solid #000;
	    margin:0;
	    padding:6px 15px !important;
	    text-align:right;}

/* column container */

.colmask {position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	 clear:both;
	 float:left;
          width:100%; /* width of whole page */
	 overflow:hidden; /* This chops off any overhanging divs */}


/* holy grail 3 column settings */

.holygrail {/*background:#ff9; /* Right column background colour */
	    background:#ffffff;}
		
.holygrail .colmid {float:left;
                    width:200%;
                    margin-left:-200px; /* Width of right column */
                    position:relative;
                    right:100%;
                    background:#fff; /* Centre column background colour */}

.holygrail .colleft {float:left;
                     width:100%;
                     margin-left:-50%;
                     position:relative;
                     left:345px; /* Left column width + right column width */
                     background:#ffffff; /* Left column background colour */
		   margin-top: 10px;}

.holygrail .col1wrap {float:left;
	             width:50%;
	             position:relative;
	             right:200px; /* Width of left column */
	             padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */}

.holygrail .col1 {margin:0 0px 0 60px; /* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
                  position:relative;
	         left:200%;
	         overflow:hidden;}

.holygrail .col2 {display: none;
		float:left;
                  float:right; /* This overrides the float:left above */
                  width:0px; /* Width of left column content (left column width minus left and right padding) */
                  position:relative;
                  right:0px; /* Width of the left-had side padding on the left column */
		margin-left: 0px;}
	


.holygrail .col2 ul li {list-style-type: none;
                        padding: 4px;
                        border-bottom:solid;
                        border-bottom-color: #ffffff;
		      border-bottom-width: 2px;
		      margin-left: -45px;
		      text-align:left;
		      display: block;}
						
.holygrail .col2 ul li a {display: block;
	                 color: #000000;
	                 text-decoration: none;
		        width: 140px;}
							  


							  
.holygrail .col2 ul li a:hover {display: block;
                                color: #ffffff; /*Text colour for left nav hover effect*/
	                       background: none;}

.holygrail .col3 {display: none;
		float:left;
                  float:right; /* This overrides the float:left above */
                  width:170px; /* Width of right column content (right column width minus left and right padding) */
                  margin-right:20px; /* Width of right column right-hand padding + left column left and right padding */
                  position:relative;
                  left:50%;}

/* Footer styles */

#footer {clear:both;
         float:left;
         width:100%;
	border-top:1px solid #000000;}

#footer p {padding:5px;
           margin:0;
	  text-align: center;
	  font-size: 85%;}
	

/* Right column feature box styles */
	
.featurebox {width: 170px;
             background-color: #e5f0f4;
             margin-top: 30px;
	    text-align:center;}
				 
.featurebox h1 {width: 170px;
                color: #ffffff;
                font-size: 120%;
	       text-align: center;
	       border-bottom-style:solid;
	       background-color: #675fac;
	       border-bottom-width: 2px;
	       border-bottom-color: #ffffff;
	       margin: 0;}
					
.featurebox p {padding-left: 2px;
               padding-right: 2px;}
					
					
.featurelinks {color: #675FAC;
               font-weight: bold;}
	   
.featurelinks ul {list-style-type: none;}
						
.featurelinks ul li {padding-bottom: 5px;
		   margin-left: -35px;}
	                
/* Homepage feature box styles */
	 
.latestnewsbox {width: 100%;
                background-color: #FEFDFD;}
					 
.latestnewsbox h1 {width: 100%;
                   color: #000000;
                   font-size: 140%;
		 border-bottom-style:solid;
	          background-color: #ffffff;
		 border-bottom-width: 2px;
		 border-bottom-color: #ffffff;
		 margin: 0;}