/* Main Body */
/* Edit font size, font colour, background properties and main link properties here */
/* see bg.psd for body background image */
body {
text-align:center;
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #000000;
margin:0px;
background-color: #1c263c;
}
a:link {  color: #272F4F; text-decoration: none}
a:active {  color: #272F4F; text-decoration: none}
a:visited {  color: #272F4F; text-decoration: none}
a:hover {  color: #272F4F; text-decoration: underline}


/* layout */
/* This part shouldn't need editing */

#holder {
width:940px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:center;
}
#content {
float: left; 
width:920px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px 0px 0px 20px;
text-align:center;
background-color:#fff;
}


/* header */
/* edit header height and background image*/
/* see header_bg.psd for graphic logo, or header_bg_simple.psd for background for text logo */

#header {
float: left;
width: 900px;
height: 159px;
background-image:url('../images/header_bg.jpg');
}
/* nav-in-header layout */
#navBox {
float:right;
width:auto;
height:auto;
text-align:right;
margin: 10px 0px 0px 0px;
}
/* This is for text only logo */
#headerLogo {
float:left;
width:auto;
height:auto;
text-align:left;
margin: 30px 0px 0px 20px;
color:#fff;
font-size:240%;
font-weight:bold;
}


/* nav */
/* main site nav, edit height, background image properties */ 
/* See nav_bg.psd for nav bar background. See nav_bg2.psd for nav roll over image */
#nav {
float: left;
width: 900px;
height: 30px;
text-align:right;
color:#fff;
}
#navul  {
float: right;
height:30px;
width:auto;
display:inline;
margin: 0px;
padding: 0px;
list-style: none;
}
#nav li {
float: left;
height: 30px;
line-height: 30px;
}	
/* main site nav link properties */
#nav li a, #nav li a:visited {
height: 30px;
line-height: 30px;
width:auto ;
float: left;
display:inline;
padding: 0px 10px 0px 10px;
color:#fff;
}
#nav li a:hover {
height: 30px;
line-height: 30px;
width: auto;
float: left;
display: inline;
text-decoration:none;
background-color:#1d2547;
color:#fff;
}


/* main content areas */
/* main page layout areas, shouldn't need editing */
#homeFlash {
float: left;
width: 900px;
height: auto;
margin: 10px 0px;
}
#main {
float: left;
width: 900px;
height: auto;
text-align:left;
}
#col1 {
float: left;
width: 675px;
height: auto;
text-align:justify;
margin: 0px 25px 0px 0px;;
}
#col2 {
float: left;
width: 200px;
height: auto;
text-align:left;
}
/* main page section H1 tag, edit size, colour etc */
#col1 h1 {
padding:0px;
margin: 0px 0px 5px 0px;
font-size:180%;
color:#1c263c;
}



/* news page */
/* news page sections, shouldn't need editing */
.newsArt {
float:left;
width:675px;
height:auto;
margin: 0px 0px 20px 0px;
text-align:justify;
}
.newsArt img {
float:right;
margin: 0px 0px 4px 8px;
}
/* news headline, edit size, colour etc */
.newsHead {
float:left;
width: 675px;
height: auto;
font-weight:bold;
font-size:120%;
color:#29507b;
margin: 0px 0px 2px 0px;
}
/* news date, edit size, colour etc */
.newsDate {
float:left;
width: 675px;
height: auto;
font-weight:bold;
font-size:120%;
color:#8F8F8F;
margin: 0px 0px 2px 0px;
}


/* side column include areas */
/* header for both side columns, only text colour should need editing */
/* see small_col_top.psd for column box rounded header */
.sideColTop {
float:left;
width:190px;
height:20px;
padding:10px 0px 5px 10px;
font-size:120%;
color:#fff;
background-image:url('../images/small_col_top.gif');
}
/* boxes for both side columns, only text colour and background colour should need editing */
/* see small_col_bottom.psd for column box rounded bottom - edit to same colour as below background colour */
.sideColMain {
float:left;
width:180px;
height:auto;
padding:10px 10px;
margin: 0px 0px 10px 0px;
color:#fff;
background-color:#58667f;
background-image:url('../images/small_col_bottom.gif');
background-repeat:no-repeat;
background-position:bottom;
}
.sideColMain h1{
margin:0px;
padding:0px;
font-size:140%;
}
/* side column news include */
/* these shouldn't need editing */
.sideNewsArt {
float:left;
width:180px;
heigh:auto;
margin: 0px 0px 15px 0px;
}
.sideNewsHeadline {
float:left;
width:180px;
heigh:auto;
font-weight:bold;
font-size:120%;
}
/* side column news date, only colour should need editing */
.sideNewsDate {
float:left;
width:180px;
heigh:auto;
font-weight:bold;
color:#22496F;
}
/* side column quick contact */
/* text box properties */
.QCText {
width:125px;
border:0px;
}
/* button properties */
.QCBut {
width:70px;
line-height:16px;
color:#fff;
background-color:#272F4F;
border:1px solid #fff;
}

/* footer */
#footer {
float:left;
width: 900px;
height: auto;
margin: 20px 0px 10px 0px;
padding: 10px 0px 0px 0px;
border-top:1px solid #d2d2d2;
color:#aeaeae;
text-align:left;
}
#footer a, #footer a:visited {  color: #aeaeae; text-decoration: none}
#footer a:hover {  color: #d2d2d2; text-decoration: underline}

/* Dajve */
div.fr {
  float: left;
  clear: both;
  margin-top: 3px;
}
div.min {
  float: left;
  width: 200px;
 
}
div.med {
  float: left;
}
div.head {
  font-weight: bold;
  margin-right: 10px;
}

div.med input,
div.med textarea {
  width: 250px;
}