/* 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:#fff;	
font-size:large;
background-color:#000;
background-image:none;
}

#wrapper	{
margin:0 auto;
width:980px;
text-align:left;/* for IE */
background-color:#000;
background-image:none;
}

#wrapper_content	{
margin:0 auto;
width:980px;
text-align:left;/* for IE */
background-color:#000;
background-image:none;
}

#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:120px;
width:960px;
padding:0;
/*background:#ccc;*/
}

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

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

/* nav_main container --*/
#nav_main	{
float:none;
height:30px;
width:100%;
margin:0;
}

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

/* nav_supp container --*/
#nav_supp	{
clear:both;
height:30px;
width:100%;
}

/*-- intro block --*/
#intro	{
width:960px;
height:220px;
background-color:#000;
}

#intro p	{
color:#fff;
padding:0;
font-size:large;
}

#breadcrumbs	{
height:50px;
color:#fff;
font-weight:bold;
font-size:large;
}

#breadcrumbs p	{
padding:5px 0;
}

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

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

#content_main	{
float:left;
width:620px;
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	{
color:#fff;
margin:0 0 20px 0;
}

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

.article_date	{
font-weight:bold;
color:#fff;
font-size:large;
padding:0 0 10px 0;
}

.article_summary h4	{
font-family:arial, helvetica, sans-serif;
font-size:large;
color:#fff;
margin:0;
padding:0;
}

.article_summary p	{
font-size:large;
}

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

.article_summary p.readmore_link a:hover	{
font-family:arial, helvetica, sans-serif;
color:#fff;
font-size:large;
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;
}

table#pollTable  	{
width:220px;/*reset table width*/
padding:0;
margin:0 0 0 55px;/* leave space for pie chart icon*/
height:100%;/*reset table height*/
}

/*table #pollTable  span 	{
font-size:medium !important;
color:#fff !important;
}*/

.poll table#pollTable td span	{
font-size:medium !important;
color:#fff !important;
}

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

/*-- site_info --*/
#site_info	{
color:#fff;	
font-weight:normal;
font-size:large;
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;
color:#ffff00;	
}

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


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

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

/*-- nav menu styles --*/

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

.navlist1 li, .navlist2 li	{
display: inline;
list-style-type: none;
padding:0;
color:#ffff00;
font-size:large;
font-weight:normal;
}

.navlist1 li a:link, .navlist2 li a:link	{
color:#ffff00;
font-weight:normal;
}

.navlist1 li a:visited, .navlist2 li a:visited	{
color:#00ffff;
font-weight:normal;
text-decoration:underline;
}

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

.navlist1 li a:active, .navlist2 li a:active	{
font-weight:normal;
color:#cc0000;
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:#ffffff;
font-size:large;
font-weight:bold;
}

.navlist3 li a:link	{
color:#ffff00;
font-weight:bold;
}

.navlist3 li a:visited	{
color:#ffff00;
font-weight:bold;
text-decoration:underline;
}

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


/* formatting -------------------------------*/
h1	{
font-size:x-large;
color:#ffffff;
margin:10px 0 5px 0;
}

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

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

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

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

a:link	{
color:#ffff00;
}

a:visited	{
color:#00ffff;
}

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

/*---[ 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:45px;
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;
}

/*-- 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: #000;
text-transform: uppercase;
color:#fff;
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;
}