/* Layout Section */

body
{
  background-image: url(/images/gradientbg2.png);
  background-repeat: repeat-x;
  background-color: #f0f0f0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

a:active
{
    outline: none;
}

a:focus
{
    -moz-outline-style: none;
}

#center
{
    background: transparent url(/images/mainbg2.png) no-repeat scroll center top;
}

#wrapper
{
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background-color: #FFF;
    min-height: 600px;
    height: auto !important;
    height: 600px;
}

#header
{
    width: 100%;
    padding: 0;
    height: 154px;
    padding-top: 10px;
}


#main {

}

#left_col {
	width:210px;
	float:left;
	margin:30px 0 30px 30px;
}


#left_col ul li {
background: url(/images/ico_Arrow_r.gif) no-repeat 0 0;
padding:0 0 5px 20px;
margin-top: 3px;
font-size:12px;
font-weight: normal;
color:#888888;
border-bottom:1px solid #B4B4B4;
}

#left_col ul li a {
text-decoration:none;
color:#888888;
}

.right_col {
padding:5px 0 7px 5px;
margin-top: 3px;
border-top:1px solid #B4B4B4;

}

#left_col ul li a:hover {
text-decoration:underline;
}


#left_col ul li.active {
	background: transparent url(/images/ico_redArrow_r.gif) no-repeat 0 0;
font-weight:bold;
}

#left_col ul li.last {
  border: none;
}


#content
{
    width: 432px;
    padding-left: 16px;
    margin-top: 24px;
    float: left;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}

#content tbody {
  border: none;
}

#content table td
{
    padding-bottom:10px;
	padding-right:10px;
	vertical-align:text-top;
}

#content h2 {
	/*color: #444744;
	margin: 0px;
	padding-top: 3px;
	text-decoration: none;
	font-size: 110%;
	*/
	font-weight:bold;
} 



#content p
{
    font-size: 12px;
    margin-bottom: 12px;
}

#content li
{
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 12px;
    font-size: 12px;
}

#content a, a:visited
{
    text-decoration: none;
    color: #f29900;
}

#content a:hover
{
    text-decoration: underline;
    color: #f29900;
    /*font-weight: 700;*/
}

#content img
{
    margin-top: 12px;
    margin-bottom: 12px;
}

img#minus
{
    display: none;
}

.pdficon
{
    background: transparent url(/images/pdf_logo.jpg) repeat-y scroll left top;
    padding-left: 25px;
    height: 17px;
}
.indent
{
    margin-left: 18px;
}

#rightcolumn
{
    float: right;
    width: 222px;
    padding-right: 24px;
    padding-top: 24px;
}

.clear
{
    clear: both;
}

.right_container
{
    padding-bottom: 13px;
}

#rightcolumn img
{
    padding-bottom: 13px;
}

#footer
{
    width: 911px;
    margin-left: 24px;
    height: 100px;
    border-top: 1px solid #b4b4b4;
    margin-top: 24px;
    padding-top: 12px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
  clear: both;
}

#footerimg
{
    background: transparent url(/images/footerbg.png) no-repeat scroll center top;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

#leftside
{
    float: left;
}

#rightside
{
    float: right;
}

/* Header Elements */

#menu
{
    list-style: none;
    position: relative;
    float: right;
    display: block;
    padding: 0px;
    margin-right: 24px;
    margin-top: 75px;
    width: 690px;
}

#menu li
{
    float: left; /*     display: inline;     margin: 0px;     padding: 0px; */
}

#menu .item1
{
    width: 99px;
    height: 40px;
}

#menu .item2
{
    width: 143px;
    height: 40px;
}

#menu .item3
{
    width: 144px;
    height: 40px;
}

#menu .item4
{
    width: 142px;
    height: 40px;
}

#menu .item5
{
    width: 162px;
    height: 40px;
}

#navbar
{
    float: right;
    margin-right: 24px;
    color: #f29900;
    font-size: 12px;
    font-weight: bold;
}

#navbar a, a:visited
{
    text-decoration: none;
    color: #f29900;
}

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

#navbar li
{
    display: inline;
}

#navbar li.border
{
    background: transparent url(/images/orangeborder.png) repeat-y scroll left center;
    padding-left: 5px;
}

#banner
{
    padding: 0px 24px 0px 24px;
}

#logo
{
    float: left;
    margin-left: 50px;
}

a#logo
{
    color: #000000;
}

.pagelinks li
{
    display: inline;
    margin-left: 0px;
}

.pagelinks ul
{
    color: #f29900;
    font-weight: bold;
    margin-left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 0;
}

.pagelinks li.print
{
    background: transparent url(/images/orangeborder.png) repeat-y scroll left center;
    padding-left: 6px;
}


/* Collapse content----------------------*/
.collapse {
  clear: both;
	margin-top: 15px;
}

div.collapse h2 {
	color: #444744;
	margin: 0px;
	padding-top: 3px;
	text-decoration: none;
	font-weight:bold;
	font-size: 95%;
}
div.collapse h2.active {
	background: url(/images/minus2.gif) 0 0 no-repeat;
}
div.collapse h2 {
	background: url(/images/plus.gif) 0 0 no-repeat;
	/*padding: 3px 0 7px 20px;*/
	padding: 0 0 7px 20px;
	cursor: pointer;
	/*min-height: 24px;*/
}
.collapse_content {
	/*padding-left: 25px;*/
	border-top: #ACADAE dashed 1px;
	border-bottom: #ACADAE dashed 1px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.collapse_xtra_content {
	padding-left: 10px;
}


/*--*/

/*Collapse - Atomic*/

#main .expander
{
    margin-top: 24px;
    margin-bottom: 24px;
    color: #000;
}

/*--*/

#main .expandable
{
    margin-bottom: 24px;
}

/* Footer Elements */

#footernav
{
    margin-left: 222px;
    width: 456px;
    float: left;
}

#box, #boxright
{
    float: left;
    width: 212px;
    padding-left: 12px;
    border-left: 1px solid #B4B4B4;
}

#footerlogo
{
    float: right;
}

#footerlogo .item1
{
    width: 140px;
    height: 84px;
}

#footerlogo .item2
{
    width: 82px;
    height: 84px;
}

#footerlogo .item3
{
    width: 222px;
    height: 33px;
}

#box li, #boxright li
{
    color: #f29900;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: bold;
}

#box a, a:visited, #boxright a, a:visited
{
    color: #f29900;
    text-decoration: none;
}

#box a:hover, #boxright a:hover
{
    text-decoration: underline;
    color: #f29900;
}

#boxright .grey a
{
    color: #B4B4B4;
}

/* Typography */

strong, b, strong *, b *
{
    /* This fixes the YUI reset of strong and em tags  */
    font-weight: bold !important;
}

em, i, em *, i *
{
    font-style: italic !important;
}

#main .intro
{
    color: #D8822B;
    margin-bottom: 15px;
    font-size: 14px;
}

#main .intro2
{
    color: #D8822B;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D8822B;
    font-size: 14px;
}

h3.redheading
{
    color: #c61525;
    font-size: 17px;
    margin-bottom: 12px;
}

h4.redheading
{
    color: #c61525;
    font-size: 15px;
    margin-bottom: 12px;
}

h4 .redheading a
{
    color: #c61525;
    font-size: 15px;
    margin-bottom: 12px;
	text-decoration:underline;
}


.altonly a, a:visited
{
    text-decoration: none;
    color: #f29900;
}

.altonly a:hover
{
    text-decoration: underline;
    color: #f29900;
}

.tinytext
{
    font-size: 9px;
}

.red {
color: #c61525;
}

.floatleft
{
    float: left;
}

/* List styles -----
------------------------------
added by michaelh 28-8-09 */


#main ul.nostyle {
margin-bottom:12px;
}

#main ul.nostyle li {
list-style-type:none;
margin-bottom:2px;
}


/* List styles ----- added by Tina 24/03/10 */

#main ol.nostyle {
margin-bottom:12px;
}

#main ol.nostyle li {
list-style-type:none;
margin-bottom:2px;
}


/* drupal styles */

/* Home block */
#block-block-1 a {
  display: block;
  padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

#left_col .block {
  padding-bottom: 20px;
}

#tools ul.tabs {
  height: 30px; 
}

#tools ul.tabs li a {
  color: #000;
}

.block ul, .block ul li {
  padding: 0;
  margin: 0;
}

.block ul li {
  list-style: none;
}

#content p, #content h1, #content h2, #content h3 {
  margin-top: 0;
  padding-top: 0;
}

#content ul {
  padding-left: 0;
}

#content .image_wrapper{
  position:relative;
  padding:0;
  margin:0;
}

#content .image_wrapper div.image_left {
  position:relative;
  float:left;
  text-align:left;
  width:210px;
}

#content .image_wrapper div.image_left p {
  width:180px;
  line-height:150%;
}


.jpgicon {
  background: transparent url(/images/jpgicon.gif) no-repeat scroll left top;
  padding-left: 25px;
  width:180px;
  height: 17px;
}

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

html[xmlns] .clearfix {
  display:block;
}

* html .clearfix {
  height:1%;
}