/*CSS BY Rebecca Bidstrup

-- colours



*/
/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px;}
* {padding:0px; margin:0px;}
/* Add scrollbars */
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both; }
body { background:#7D7D39; margin: 0px auto; font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align:center; } 
img { border: none; padding:0px; margin:0px; }
/* p { font-size: 75%; margin: 0px; padding: 0px 0px 30px 0px; color: #5A5757; line-height: 150%; } */

.float_left { float: left; }
.float_right {float: right;}



.intro { color:#FFF; font-size:90%; line-height:180%; padding-right:20px; }
.green { color:#737338; font-size:100%; padding-right:10px; }


/* Centre page */

#centrer { width: 920px; margin: 0px auto; padding:0px; text-align:left;} /* fix alignment of page */
#container {width:100%; background:  url(../images/header-bg.gif) repeat-x top #0D0805;  } /* Repeats header background across the page (PAGES WITH SMALLER HERO IMG ONLY) */
#bottom-bg {background:url(../images/footer-bg.gif) repeat-x top; width:100%; height:84px;} /* Repeats bottom background across the page */

/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { width:890px; height:154px; padding:0px 15px 15px 15px; margin:0px;}	 /* the relative position here helps the absolute positioning for containing elements. */
#logo { width:284px; float:left; padding:24px 0 0 0; margin:0px; }

/* **************************************************************** */
/* **************************** Anav  ***************************** */
/* **************************************************************** */
#anav { display: block; width:565px; height:42px; padding:84px 0 0 0; margin:0px; float:right; overflow:hidden; } /* Overflow fixes spacing problem in IE 6*/
#anav ul { list-style: none; padding: 0; margin: 0; display:block; height:64px;}
#anav li { display: inline; padding: 0; margin: 0px; height:32px; line-height:100%;}
#anav li img {margin:0px -4px -3px 0px; padding:0px; }

/* **************************************************************** */
/* ************************** Hero Area *************************** */
/* **************************************************************** */
#hero { width:278px; height:200px; padding: 0px 0 30px 0px; margin:0px; float:left; position:relative; z-index:1; } /* Home Page*/
#hero2 { width:278px; height:329px; padding: 0px 0 30px 0px; margin:0px; float:left; position:relative; z-index:1; } /* Home Page*/


/* **************************************************************** */
/* **************************** Bnav  ***************************** */
/* **************************************************************** */
#bnav { /*width:445px;*/  width:357px; height:44px; margin:0px; padding:0px 0 0 0px; float:right;overflow:hidden; font-size:65%; }	 /* Home Page*/
#bnav ul { display: block; list-style:none; padding: 0px 0 0 0; margin: 0px;}
#bnav li  { display: inline; list-style:none; padding:0px 0px 0px 0px; margin: 0px; height:44px; background:#0D0805}
#bnav li img {margin:0px -4px -3px 0px; padding:0px; }

/* **************************************************************** */
/* **************************** Cnav  ***************************** */
/* **************************************************************** */
#cnav { font-size:90%;}
#cnav li a:link,#cnav li a:visited { text-decoration:none; margin: 0px; padding: 0px 0 0 0; color: #ffffff;}
#cnav li a:hover,#cnav li a:active { text-decoration:underline; margin: 0px; padding: 0px; color: #ffffff;}
#cnav ul { display: block; float:left; list-style:none; padding: 0px 0 0 0; margin: 0px; width:238px;}
#cnav li { display: block; list-style:none; padding:11px 0px 0px 12px; margin: 0px; background:url(../images/cnav-bg.jpg) no-repeat;height:40px; width:238px; }
#cnav li a { display: block; list-style:none; padding:11px 0px 0px 12px; margin: 0px; height:25px; width:238px; }

/* **************************************************************** */
/* **************************** Dnav  ***************************** */
/* **************************************************************** */
#dnav { font-size:90%; padding:0px; margin:0px;}
#dnav a:link,#dnav a:visited { text-decoration:none; margin: 0px; padding: 0px 0 0 0; color: #ffffff;}
#dnav a:hover,#dnav a:active { text-decoration:underline; margin: 0px; padding: 0px; color: #ffffff;}
#dnav ul { display: block; float:left; list-style:none; padding: 0px 0 0 0; margin: 0px; width:238px !important; }
#dnav li { display: block; color:#FFFFFF; list-style:none; padding:10px 0px 0px 12px; margin: 0px; background:url(../images/dnav-bg.jpg) no-repeat !important;height:40px; width:238px; float:left; }
#dnav li a { display: block; list-style:none !important; margin: 0px; height:40px; width:238px; float:left;}
#dnav li a:link,#dnav li a:visited { text-decoration:none; margin: 0px; padding: 0px 0 0 0; color: #ffffff; border:none;}
#dnav li a:hover,#dnav li a:active { text-decoration:underline; margin: 0px; padding: 0px; color: #ffffff; border:none;}

/* **************************************************************** */
/* ************************  Content  ***************************** */
/* **************************************************************** */
#content { width:890px; padding:30px 15px 30px 15px; margin:0; color:#6F5F51;} /* Rest of the site's content*/
#content p { font-size: 83%; margin: 0px; padding: 0px 0px 20px 0px; color: #CCCCCC; line-height: 180%; }

#content p a:link, #content p a:visited { color:#F7941E; text-decoration:none; border-bottom:1px dashed #F7941E;}
#content p a:hover, #content p a:active { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}

#content h1 { margin: 0px; padding: 0px 0px 20px 0px; color:#F7941E; font-size:120%; }
#content h1 a:link, #content h1 a:visited { color:#6F6C6A; text-decoration:none;}
#content h1 a:hover, #content h1 a:active { color:#FFFFFF; text-decoration:none;}
#content h2 {  margin: 0px; padding: 15px 0px 20px 0px; font-size:110%; color:#008FBE;}
#content h3 {color: #666666; font-size: 95%; font-style:italic; margin: 0px 0 10px 0; padding: 5px 0px 3px 0px; line-height:120%; border-bottom:1px dotted #333333;}
#content h4 {color:#F7941E; padding: 5px 0 10px 0; margin: 0px; line-height:100%; font-size: 80%; text-transform:uppercase; }
#content h5 {color: #fff; padding: 0px; margin: 0px; line-height:100%; font-size: 70%; font-weight:bold;}
#content h6 { padding:0 0 20px 0;}

.breadcrumbs {font-size:75%; margin:0px 0px 25px 0px; width:560px; float:left;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active { color:#006600; text-decoration:none; font-weight:bold; border-bottom:1px dashed #7A695A;}
.breadcrumbs a:hover { color:#FFFFFF; text-decoration:none; border-bottom:1px dashed #7A695A;}

.share {font-size:75%; margin:0px 20px 25px 30px; padding:0px; width:230px; float:left; text-align:left;}
.share a:link, .share a:visited, .share a:active { color:#40372F; text-decoration:none; border-bottom:none;}
.share a:hover { color:#006600; text-decoration:none; border-bottom:none;}

#up { width:250px;font-size:75%;text-align:right; float:right; }
#up a:link, #up a:visited, #up a:active { color:#F7941E; text-decoration:none; border-bottom:1px dotted #F7941E;}
#up a:hover { color:#FFF; text-decoration:none; border-bottom:1px dotted #FFF;}

/************* New Buttons ************/
.right-col { float:right; width:562px;margin:0px 0px 0 0px;padding:0px;}
.left-col { float:left; width:300px; }

/**************************************/

.right-col ul { list-style:none; font-size:85%; line-height:150%; padding:0 30px 20px 15px;margin:0px;}
.right-col li { padding:0 30px 12px 15px;margin:0px;list-style:none; color:#CCCCCC; background-image: url(../images/bullet.gif);background-position:left 6px;background-repeat:no-repeat; }
.right-col li a:link, .right-col li a:visited { color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
.right-col li a:hover, .right-col li a:active { color:#F7941E; text-decoration:none; border-bottom:1px dashed #F7941E;}

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */
#footer { height:62px; padding:15px 15px 0px 15px; margin: 0px; color:#000000; font-size:70%; display:block; background: url(../images/footer-bg.gif) repeat-x top #7D7D39;}
.container { width:890px; margin:0px auto; padding:0px; }
#footer a:link, #footer a:visited { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #000000; border-bottom:1px dotted #000000; }
#footer a:hover, #footer a:active { text-decoration:none; font-weight:normal; margin: 0px; padding: 0px; color: #FFF; border-bottom:1px dotted #FFF; }
#footer-left { float:left; width:280px;}
#footer-right { float:right; width:250px; text-align:right;}
#footer p { text-align:left;color:#000000; }