/* CSS by Allan Scott */

/*---[ undohtml ]-------------------------- */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
/*--------------------------------------------*/

body	{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333;	
font-size:0.625em;
font-size:62.5%;
background-color:#fff;
text-align:center;/* for IE */
background-image:url(../images/layout/body-bg.jpg);
background-position:top center;
background-repeat:repeat-x;
}

/*input, select, th, td {font-size:1em}*/

div, td	{
font-size:1.0em;
line-height:normal;
margin:0 0 0 0;
}

td.cent {
text-align:center;
}
/*p, li, td, address	{
font-size:1.2em;
line-height:1.4em;
margin:0 0 0 0;
}*/

#wrapper	{
margin:0 auto;
width:990px;
text-align:left;/* for IE */
background-color:#fff;
background-image:url(../images/layout/wrapper-bg.jpg);
background-position:top;
background-repeat:no-repeat;
/*opacity:0.4;
filter:alpha(opacity=40);*/
}

#wrapper_content	{
margin:0 auto;
width:980px;
text-align:left;/* for IE */
background-color:#fff;
background-image:url(../images/layout/content-wrapper-bg.jpg);
background-position:top;
background-repeat:no-repeat;
}

#wrapper .inside, #wrapper_content .inside	{
padding:0 10px;
float:left;
}

#header	{/*seo text box */
font-family:Arial, Helvetica, sans-serif;
height:25px;
padding:3px 0 0 0;
}

#header h1	{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
margin:0;
}

#branding	{
height:140px;
width:960px;
padding:0;
/*background:#ccc;*/
}

#branding h1	{/* site title*/
font-family:Georgia, "Times New Roman", Times, serif;
color:#334577;
font-weight:normal;
font-size:7.0em;
line-height:1.0em;
margin:0;
padding:20px 0 0 0;
}

#branding h4	{/* tag line*/
color:#ff8146;
font-weight:normal;
font-size:1.9em;
line-height:1.0em;
margin:0 2px;
}

/* nav_main container --*/
#nav_main	{
float:left;
height:30px;
width:480px;
margin:0;
}

/* nav_access  container--*/
#nav_access	{
float:left;
height:30px;
width:480px;
margin:0;
text-align:right;
}

/* nav_supp container --*/
#nav_supp	{
clear:both;
height:30px;
/*background:#006699;*/
}

/*-- intro block --*/
#intro	{
width:960px;
height:130px;
background:#052453;
font-size:1.3em;
line-height:normal;
}

#intro p	{
font-family:tahoma, arial, helvetica, sans-serif;
color:#fff;
padding:10px;
}

#breadcrumbs	{
height:30px;
color:#fff;
font-weight:bold;
font-size:1.2em;
}

#breadcrumbs p	{
padding:5px 0;
}

#breadcrumbs a	{
color:#E1E5F0;
font-weight:bold;
}

/*-- content area --*/
#content	{
float:left;
width:960px;
min-height:400px;
margin:10px 0;
font-size:1.2em;
}

#content_main	{
float:left;
width:610px;
padding:0;
}

#content_main .inside	{
padding:0;
}

#content_main .left_column	{
float:left;
width:300px;
margin:0;
padding:0 10px 0 0;
}

#content_main .right_column	{
float:right;
width:300px;
margin:0;
padding:0;
}

#content_sub	{
float:right;
width:300px;
margin:0;
}

#content_sub .inside	{
padding:0 10px;
}

/*-- News Articles - summary list --*/
.article_summary	{
/*font-family:tahoma, arial, helvetica, sans-serif;*/
margin:0 0 20px 0;
}

img.poll {

padding:0px;
border:0px solid #ccd3dd;
margin:0 0px 0px 0;
}

img.news	{

padding:4px;
border:1px solid #ccd3dd;
margin:0 10px 0px 0;
}

img	{
float:left;
padding:4px;
border:1px solid #ccd3dd;
margin:0 10px 0px 0;
}

.article_date	{
font-weight:bold;
color:#d56a00;
font-size:1.4em;
padding:0 0 10px 0;
}

.article_summary h4	{
font-family:arial, helvetica, sans-serif;
color:#2b3e64;
font-size:1.3em;
margin:0;
padding:0;
}

.article_summary p	{
/*font-size:1.1em;*/
}

.article_summary p.readmore_link a	{
font-family:arial, helvetica, sans-serif;
color:#2b3e64;
font-size:1em;
font-style:italic;
margin:0;
padding:0;
}

.article_summary p.readmore_link a:hover	{
font-family:arial, helvetica, sans-serif;
color:#2b3e64;
font-size:1em;
font-style:italic;
margin:0;
padding:0;
text-decoration:underline;
}

/*-- external poll table --*/
div #dvtbl 	{
padding:0 0 10px 0;
margin:0 0 10px 0;
background-image:url(../images/layout/poll-icon.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-bottom:1px solid #ccc;
}

div.poll 	{
padding:0 0 10px 0;
margin:0 0 10px 0;
background-image:url(../images/layout/poll-icon.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-bottom:1px solid #ccc;
}

table#pollTable  	{
font-family:tahoma, arial, helvetica, sans-serif;
width:220px;/*reset table width*/
padding:0;
margin:0 0 0 55px;/* leave space for pie chart icon*/
height:100%;/*reset table height*/
}

table#pollTable2  	{
font-family:tahoma, arial, helvetica, sans-serif;
width:220px;/*reset table width*/
padding:0;
margin:0 0 0 55px;/* leave space for pie chart icon*/
height:100%;/*reset table height*/
}

#pollTable  span 	{
/*font-size:1.2em;/*reset font size*/
}

/*-- footer --*/
#footer	{
clear:both;
width:960px;
margin:20px 0;
}

/*-- site_info --*/
#site_info	{
color:#444;
font-weight:normal;
font-size:1.3em;
line-height:1.3em;
text-align:center;
padding:10px 0 0 0;
border-top:1px solid #ccd3dd;
}

#site_info a	{
font-weight:normal;
text-decoration:none;
}

#site_info a:hover	{
font-weight:normal;
text-decoration:underline;
}


/* additional LAYOUT ----------------------------------*/
.clearboth	{
clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*-- nav menu styles --*/

/*-- navlist1 (used for nav_main and nav_access ---*/
ul.navlist1	{
margin:5px 0 0 0;
}

.navlist1 li	{
display: inline;
list-style-type: none;
padding:0;
color:#fff;
font-size:1.4em;
font-weight:normal;
}

.navlist1 li a	{
color:#fff;
font-weight:normal;
}

.navlist1 li a:hover	{
color:#fff;
font-weight:normal;
text-decoration:underline;
}


/*-- navlist2 (used for nav_supp ---*/
ul.navlist2	{
padding:10px 0 0 0;
}

.navlist2 li	{
display: inline;
list-style-type: none;
padding-right:0px;
color:#2b3e6f;
font-size:1.4em;
font-weight:bold;
}

.navlist2 li a	{
color:#2b3e6f;
font-weight:bold;
}

.navlist2 li a:hover	{
color:#2b3e6f;
font-weight:bold;
text-decoration:underline;
}

/*-- navlist3 (used for nav_sub ---*/
ul.navlist3	{
padding:10px 0 0 0;
}

.navlist3 li	{
display:block;
list-style-type: none;
padding:0 0 10px 0;
color:#d56a00;
font-size:1.4em;
font-weight:bold;
}

.navlist3 li a	{
color:#2b3e6f;
font-weight:bold;
}

.navlist3 li a:hover	{
color:#2b3e6f;
font-weight:bold;
text-decoration:underline;
}


/* formatting -------------------------------*/
h1	{
font-family:Georgia, "Times New Roman", Times, serif;
color:#7a5460;
font-size:2.1em;
font-weight:normal;
margin:10px 0 5px 0;
}

h2	{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.5em;
font-weight:normal;
color:#7c97e8;
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #ccd3dd;
}

h3	{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
color:#333;
margin:10px 0 5px 0;
}

h4	{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
color:#333;
margin:20px 0 5px 0;
}

h5	{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
color:#333;
margin:20px 0 5px 0;
}

p.story{
margin: 0,0,50px,0;
}

a:link, a:visited	{
font-weight:bold;
text-decoration:none;
color:#2b3e6f;
}

a:hover	{
color:#d56a00;
text-decoration:underline;
}

a.strapline:link, a.strapline:visited	{
font-weight:bold;
text-decoration:none;
color:#ffffff;
}


/*---[ lists ]---------------------------*/

/*-- basiclist --*/
ul.basiclist	{
margin:10px 0;
list-style-type:square;
}

ul.basiclist li	{
margin-left:20px;
margin-top:10px;
}

ul.basiclist ul	{
margin-left:50px;
margin-top:10px;
}

ul.introlist	{
margin:10px 0;
list-style-type:square;
}

ul.introlist li	{
margin-left:20px;
margin-top:5px;
color:#fff;
}

ol	{
margin:10px 0;
padding:0;
list-style-type:decimal;
}

ol li	{
margin-left:25px;
margin-top:5px;
margin-bottom:15px;
}

ol.basicorderedlist	{
margin:10px 0;
list-style-type:decimal;
}

ol.basicorderedlist li	{
margin-left:35px;
margin-top:5px;
}

/*-- images --*/
.img_left	{
float:left;
padding:4px;
border:1px solid #ccc;
margin:0 10px 0px 0;
}

.img_right	{
float:right;
padding:4px;
border:1px solid #ccc;
margin:0 0px 0px 10px;
}

.img_right0	{
float:right;
padding:0px;
border:0px solid #ccc;
margin:5px 0px 0px 0px;
}

/*-- forms --*/
form#enquiry_form	{
width:500px;
margin:0 auto;
}

.cssform fieldset {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #d3d3d3;
}		

.cssform legend {
padding: 0 10px;
background: #ffffff;
text-transform: uppercase;
color:#333;
font-weight:bold;
font-size: 1.4em;
}

.cssform p{
width:400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform p.note{
width:100%;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform label .label-left{
font-weight: bold;
float: left;
/*margin-left: -155px; /*width of left column*/
/*width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width:280px;
}

.cssform input.short_input{ /*width of short text boxes.*/
width: 80px;
}

.cssform textarea{
width:280px;
height:80px;
}

.cssform #Additional.widebox {
width:280px;
height:80px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}