/* <!-- */
/* General styles */
html
{
    overflow-y: scroll;
}
body
{
    font-family: sans-serif,Tahoma,Verdana,Arial, Helvetica;
    background-repeat: repeat-x;
    background-color: #565759;
    background-image:url(/images/background_image.png);
    font-size: 12px;
    line-height: 1.6em;
    color: #666;
    margin: 0;
}
img
{
    border: 0;
}
div#container
{
    width: 1020px;
    margin: 0 auto;
    
    background-repeat: repeat-y;
    overflow: hidden;
    height: 1%;
}
div#container2
{
    width: 1003px;
    margin: 0 auto;
    background: #FFFFFF;
    overflow: hidden;
    height: 1%;
}
div#header
{
    width: 1003px;
    height: 68px;
    /*background-image: url(/images/headerbg.png);*/
    background-image: url(/images/background_header_image.png);	
    background-repeat: repeat-x;
    overflow: hidden;
    position: relative;
}
div#headerlogo
{
    width: 270px;
    height: 68px;
    margin: 0px 0px 0px 26px;
    float: left;
}
div#headersearch
{
    position: absolute;
    top: 15px;
    right: 0px;
    width: 307px;
    height: 53px;
}
div#topmenu
{
    width: 1003px;
    margin: 0 auto;
}

div#menu
{
    width: 1020px;
}


div#banner
{
    width: 1003px;
    height: 109px;
}
div#bannerhome
{
    width: 1003px;
    height: 206px;
    border: solid 1px;
}
a
{
    color: #369;
}
a:hover
{
    color: #99A841;
    text-decoration: none;
}
h1, h2, h3
{
    margin: .8em 0 .2em 0;
    padding: 0;
}
p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}

/* Header styles */

/* 'widths' sub menu */
#layoutdims
{
    clear: both;
    background: #eee;
    border-top: 4px solid #000;
    margin: 0;
    padding: 6px 15px !important;
    text-align: right;
}
/* column container */
.colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background: #FFFFFF;
}
/* common column settings */
.colright, .colmid, .colleft
{
    float: left;
    width: 100%; /* width of page */
    position: relative;
}
.col1, .col2, .col3,.colvideo,.col3_tools
{
    float: left;
    position: relative;
    padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead  						only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
.col1_tools
{
    float: left;
    position: relative;
    padding: 0 2em 1em 0; /* no left and right padding on columns, we just make them narrower instead  						only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
/* 3 Column settings */
.threecol
{
    background: #ffffff; /* right column background colour */
}
.threecol .colmid
{
    right: 25%; /* width of the right column */
    background: #ffffff; /* center column background colour */
}
.threecol .colleft
{
    right: 75%; /* width of the middle column */
    background: #ffffff; /* left column background colour */
}
.threecol .col1
{
    width: 66%; /* width of center column content (column width minus padding on either side) */
    left: 103%; /* 100% plus left padding of center column */
    
}
.threecol .col1_tools
{
    width: 66%; /* width of center column content (column width minus padding on either side) */
    left: 103%; /* 100% plus left padding of center column */     
    margin:30px 0px 30px 0px;   
}
 .colvideo
{
    width: 99%;
    text-align:center;
     /* width of center column content (column width minus padding on either side) */
     /* 100% plus left padding of center column */
}
.threecol .col2
{
    width: 1%; /* Width of left column content (column width minus padding on either side) */
    left: 31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3
{
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    left: 105%; /* Please make note of the brackets here: 						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    margin: 20px 5px 0px 0px;
}

.threecol .col3_tools
{
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    left: 105%; /* Please make note of the brackets here: 						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    margin: 70px 5px  0px 5px;
    color:#000000;
    
    
   
}
.threecol .col3_tools .cola
{
    border-bottom: solid 1px #7d885d;
    
     
}
.threecol .col3_tools .cola .cola_title
{
    border-bottom: solid 1px #7d885d;
    text-align:center;
    font-size:16px;
    font-weight:bold;  
    padding:5px 0px 5px 0px; 
}

.threecol .col3_tools .colb
{
    margin:50px 0px 0 0; 
    border-bottom: solid 1px #7d885d;   
}
.threecol .col3_tools .colb .colb_title
{
    border-bottom: solid 1px #7d885d;
    text-align:center;
    font-size:16px;
    font-weight:bold;  
    padding:5px 0px 5px 0px; 
}
/* Footer styles */
#footer
{
    clear: both;
    float: left;
    width: 1003px;
    min-height: 77px;
}
div#footertop
{
    width: 1003px;
    background-image: url(/images/footertopbg.gif);
    margin-bottom: 0px;
}
#footermenu
{
    width: 580px;
    color: #99A841;
    float: right;
    position: relative;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    border: solid 0px;
    margin: 0px 220px 0px 0px;
}
#footermenu a, a:active, a:visited, a:link
{
    color: #99A841;
    font-weight: bold;
    text-decoration: none;
}
#footermenu a:hover
{
    color: #99A841;
    font-weight: bold;
    text-decoration: underline;
}
#footermenu span
{
	color:#000000;
}
#copyright
{
    width: 183px;
    color: #000000;
    float: left;
    position: relative;
    font-size: 11px;
    padding: 3px 0px 0px 20px;
}

div#resourceHeader
{
    width: 170px;
    background-image: url(/images/resourceHeaderBg.gif);
}
div#resourceHeaderText
{
    width: 150px;
    background-image: url(/images/resourceHeaderBg.gif);
    font-family: sans-serif,Tahoma,Verdana,Arial, Helvetica;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0px 10px 35px;
}
div#resourceContent_Contact
{
    width: 170px;
    font-family: sans-serif,Tahoma,Verdana,Arial, Helvetica;
    font-size: 11px;
    font-weight: 600;
    padding: 10px 0px 10px 5px;
}
div#resourceContent
{
    width: 160px;
    font-family: sans-serif,Tahoma,Verdana,Arial, Helvetica;
    font-size: 10px;
    font-weight: 600;
    padding: 10px 0px 10px 15px;
}
div#resourcePoints
{
    width: 160px;
    font-family: sans-serif,Tahoma,Verdana,Arial, Helvetica;
    font-size: 10px;
    font-weight: 600;
    padding: 10px 0px 10px 15px;
}
div#resourcePoints ul
{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif,Tahoma,Verdana,Arial, Helvetica;
    font-size: 11px;
    color: #000;
    line-height: 30px;
    text-align: left;
    border: solid 0px;
    width: 210px;
}
div#resourcePoints li
{
    list-style-type: none;
    padding: 0px 3px 0px 3px;
}
div#resourcePoints li a
{
    text-decoration: none;
    padding: 0px 0px;
    color: #000;
}
div#resourcePoints li a:link
{
    color: #000;
}
div#resourcePoints li a:visited
{
    color: #000;
}
div#resourcePoints li a:hover
{
    color: #000;
}
div#homeLeft
{
    width: 667px;
    float: left;
    margin: 0px 21px 0px 19px;
    min-height: 720px;   
    overflow: hidden;
    display: inline;
}
div#homeRight
{
    width: 277px;
    float: right;
    margin: 30px 19px 0px 0px;
    overflow: hidden;
    display: inline;
}
div.homeEvents
{
    width: 39px;
    background-image: url(/images/homeeventsbg.gif);
    color: #FFFFFF;
    height: 42px;
    text-align: center;
    float: left;
    overflow: hidden;
    display: inline;
}
div.homeEvents div.homeEventsMonth
{
    font-weight: bold;
    height: 16px;
    padding-top: 3px;
    overflow: hidden;
}
div.homeEvents div.homeEventsDay
{
    font-weight: bold;
    font-size: 13px;
}
div.homeEventsTitle
{
    width: 238px;
    padding-left: 0px;
    border: solid 0px black;
    float: right;
    font-size: 11px;
    line-height: 13px;
    margin: 2px 0px 0px 0px;
}
div.homeIndustryTitle a:link, div.homeIndustryTitle a:visited, div.homeIndustryTitle a:hover, div.homeIndustryTitle a:active
{
    width: 238px;
    padding-left: 0px;
    border: solid 0px black;
    float: right;
    font-size: 11px;
    color: #000000;
    line-height: 13px;
    margin: 2px 0px 0px 0px;
}
div.MediaTop
{
	width:277px;
	height:37px;
	background-image:url("/images/media2_head.jpg");
}
div.MediaContent
{
	width:250px;
	padding:0px 0px 0px 27px;
	
}
div.EventsPanelTop
{
    width: 277px;
    min-height: 50px; 
    margin: 4px 0px 0px 0px;
}
div.EventsPanelBottom
{
    width: 277px;
    margin: 0px 5px 10px 5px;
    font-size: 11px;
    line-height: 13px;
}
div#EventsBottom
{
    width: 267px;
    margin: 0px 5px 20px 5px;
    font-size: 11px;
    text-align: right;
    overflow: hidden;
}
div#EventsPanelBottom a.readmore, a.readmore:link
{
    text-decoration: underline;
    font-weight: normal;
}
div#EventsPanelHeader
{
    width: 277px;
    margin:27px 0px 0px 0px;
}
hr.eventsLine
{
    line-height: 0px; /*CSS validator says you need units on line-height*/
    font-size: 0;
    border: 0;
    border-bottom: 1px solid #E7EBC9;
    margin-right: 5px;
}
div#content_underline a:link, div#content_underline a:visited, div#content_underline a:hover, div#content_underline a:active
{
    color: #99A841;
    text-decoration: underline;
}
/* --> */
#newsticker-demo
{
    width: 277px;
    padding: 0;
    font-size: 11px;
    margin: 0px 0 0 0;
}
#newsticker-demo ul li a
{
    text-decoration: none;
     height:1em;
}
#newsticker-demo ul li a:link, #newsticker-demo ul li a:visited, #newsticker-demo ul li a:hover, #newsticker-demo ul li a:active
{
    color: #000000;
     height:1em;
}
.newsticker-jcarousellite
{
    width: 272px;
}
.newsticker-jcarousellite ul li
{
	list-style-type:none;
    border-bottom: 1px solid #E7EBC9;
    height:57px
}
.newsticker-jcarousellite .thumbnail
{
    color: #FFFFFF;
    float: left;
    width: 39px;
    height: 42px;
    background-image: url('../images/eventsbg.gif');
    background-repeat: no-repeat;
    text-align: center;
    overflow: hidden;
    display: inline;
    font-size: 13px;
}
.newsticker-jcarousellite .thumbnail div.homeEventsMonth
{
    font-weight: bold;
    height: 16px;
    padding-top: 3px;
    overflow: hidden;
}
.newsticker-jcarousellite .thumbnail div.homeEventsDay
{
    font-weight: bold;
}
.newsticker-jcarousellite .info
{
    float: right;
    width: 225px;
}
.clear
{
    clear: both;
}