/*<group=body rock>*/

body {
        background-image: url(/images/bg_stripes.gif);
        margin: 0;
        font-family: verdana, Arial, sans-serif;
}

img {
	border : 0px;
}

img.team {
	float : left;
	padding : 5px;
}

h1 {
	font: bold 18px verdana, Arial, Helvetica, sans-serif;
	font: expression( "bold 105% verdana, Arial, Helvetica, sans-serif" );
	margin: 0;
	padding: 10px 0px 3px 0px;
	color: #940c12;
}


h2 { 
	font: bold 15px verdana, Arial, sans-serif;
	font: expression( "bold 85% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 3px 0px 3px 0px;
	color: #185562;
}

h3 { 
	font: bold 13px verdana, Arial, sans-serif;
	font: expression( "bold 75% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 3px 0px 1px 0px;
	color: #7e7e7e; 
}

h4 { 
	font: bold 12px verdana, Arial, sans-serif;
	font: expression( "bold 75% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 3px 0px 1px 0px;
	color: #7e7e7e;
 }

p { 
	font: 12px verdana, Arial, sans-serif;
	font: expression( "75% verdana, Arial, sans-serif" ); 
 	color: #7e7e7e;
 	margin: 2px 0px 8px 0px;
 	padding-top: 5px;

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

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

.strong {
	font-weight:bold;
}

#canvas {
	margin: 18px auto 16px auto;
	width: 768px;
	padding: 0px 0px 20px 0px;	
	float:none;
}

#wrapper {
	width: 768px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	background: 0;
}

#page {
	float:left;
	width: 768px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#FFF;
	border:0px solid #000;
}
	

#masthead {
	width: 768px;
	background-image: url(/images/masthead.gif);
	background-repeat:no-repeat;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
}

#mastTop {
	float: left;
	clear: both;
	width: 768px;
}

#logo {
	padding: 20px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	float: left;
}

/* if strap change width: 300px */
#mastRight {
	float: right;
  width: 500px;
  padding: 0px 0px 20px 0px;
  margin: 0;

}

#subTop {
	float: right;
	padding: 10px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.strap {
	padding: 0px 80px 0px 0px;
	margin: 0px;
}

.hiddenItems {
	display:none;
	text-align:left;
}

#topNav {
	margin: 0 20px 0 25px;
	padding: 0;
	height: 32px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float: left;
}

#topNav li {
	margin: 0; 
	padding: 0;
     list-style: none;
	display: inline;
}

#topNav a {
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	
#topNav a:hover {
	background-position: 0 -32px;
	}

#topNav a:active, #topNav a.selected {
	background-position: 0 -32px;
	}

#mainContent {
	padding: 0px 15px 15px 15px;
	margin: 0px 0px 10px 0px;
}

#mainContent li {
	font: 12px verdana, Arial, sans-serif;
	font: expression( "12px verdana, Arial, sans-serif" ); 
	color: #666666;
}

#banner {
	float:left;
	width: 738px;
	padding: 0px 0px 10px 0px;
	margin:10px 0px 0px 0px;
}

.left {
	float:left;
}

.right {
	float: right;
}


#homeLeft {
	width: 339px;
	float: left;
	border: 0px solid #ff0000;
}

#homeRight {
	width: 390px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 8px;
}

#mainLeft {
	width: 574px;
	float: left;
}


#colOne {
	width:227px;
	float: left;
}

.highlight {
	width: 227px;
	background: #e1ebed no-repeat;
	background-image: url(/images/highlight_top.gif);
	background-position:0px 0px;
	float: left;
	padding: 0;
	margin: 0px 0px 6px 0px;
}

.highlight h2 {
	font: bold 12px verdana, Arial, sans-serif;
	font: expression( "bold 75% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 8px 6px 0px 6px;
	color: #185562;
}

.highlight p {
	font: normal 11px verdana, Arial, sans-serif;
	font: expression( "normal 70% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 0px 6px 3px 6px;
	color: #40433d;
}

.highlight_bot {
	width: 227px;
	background-image:url(/images/highlight_bot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin: expression( "-20px 0px 0px 0px" );
	clear: both;
}


.listing h2 {
	font: bold 12px verdana, Arial, sans-serif;
	font: expression( "bold 75% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 8px 6px 0px 0px;
	color: #185562;
}

.listing ul {
	font: normal 13px verdana, Arial, sans-serif;
	font: expression( "normal 90% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 8px 6px 0px 0px;
	font-color: #185562;
}

#mainContent .listing li {
	list-style:none;
	background-image: url(/images/bullet.gif);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	border-bottom: 1px dotted #bcbcbc;
	padding: 2px 0px 2px 16px;
	color: #185562;
}

#colTwo {
	width:154px;
	float: right;
	text-align: center;
}



.mail {
	width: 154px;
	background: #e9f0d2 no-repeat;
	background-image: url(/images/mail_top.gif);
	background-position:0px 0px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}

.mail h2 {
	font: bold 11px verdana, Arial, sans-serif;
	font: expression( "bold 70% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 8px 6px 5px 6px;
	color: #3b4605;
}

form { margin: 0; }

.mail p {
	font: normal 11px verdana, Arial, sans-serif;
	font: expression( "normal 70% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 0px 6px 3px 6px;
	color: #40433d;
}

.mail_bot {
	width: 154px;
	background-image:url(/images/mail_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

input.email {
	width: 95px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 6px;
	background: #f2eee7;
}

input.submitbutt {
	width:28px; 
	background-color:#3b4605;
	border: 0; 
	margin-left: -2px;
	margin-top: 0px;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}

.sponsor {
	border-bottom: 1px dotted #bcbcbc;	
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 4px 0px;
}
.intered-search {
	background-color: #ce362b;
	padding: 5px 6px;
	margin-left: 5px;
}
.intered-search p {
color: #fff !important;
}

.intered-search input.submitbutt {
background-color:#494448;
}
.intered-search input.email {
margin: 0px;
}

.sponsor h2 {
	font: bold 11px verdana, Arial, sans-serif;
	font: expression( "bold 70% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 0px 6px 1px 6px;
	color: #3b4605;
}

.sponsor p {
	font: normal 11px verdana, Arial, sans-serif;
	font: expression( "normal 70% verdana, Arial, sans-serif" );
	margin: 0;
	padding: 1px 6px 1px 6px;
	color: #3b4605;
}

.sponsor img {
	text-align: left;
}
.archive {
	padding: 0px 0px 4px 0px;
	margin: -4px 0px 4px 4px;
}

.archive p {
	font: normal 10px verdana, Arial, sans-serif;
	font: expression( "normal 60% verdana, Arial, sans-serif" );
}

.intered {	
	padding: 0px 0px 4px 6px;
	margin: 0px 0px 10px 0px;
}
/*<group=footer>*/

.footer {
	border-top: 1px dotted #CCC;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 20px;
	float:none;
	clear:both;
}

.footer ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0px;
}

.footer ul li {
	display: inline;
	margin:0px 0px 0px 0px;
}

.footer ul li a  {
	color:  #999a98;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "normal 70% Arial, Helvetica, sans-serif" );
	border-right: 1px solid #8f8769;
	padding: 0px 5px 0px 0px;
}

.footer .noborder a {
	border-right: 0;
}
.footer .noborder img {
	margin-bottom: -8px;
}

#pageEnd {
	background-image:url(/images/page_end.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 0px 0px 0px;
	
}
/*</group>*/


.spacer {
	height: 20px;
	min-height: 20px;
}

#crumb {
	clear: both;
	padding: 4px 0px 4px 0px;
	padding: expression("7px 0px 7px 0px");
	border-bottom: 1px solid #dcd3b5;
	}

#crumb ul {
	margin: 0;
	padding: 0;
}
	
#crumb li {
	color: #999999;
	font: normal 11px Arial, Helvetica, sans-serif;
	font: expression( "normal 70% Arial, Helvetica, sans-serif" );
	display: inline;
}

#crumb li.home {
	display: inline;
	background-image:url(/images/home_icon.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	color: #999999;

}
	
#crumb ul li a  {
	border-right: 1px solid #8f8769;
	padding-right: 5px;
	padding-left: 5px;
	color: #8f8769;
}
	
#crumb .noborder a {
	border-right: 0;
	color: #8f8769;
}

p.smalltext {
	font: 9px verdana, Arial, Helvetica, sans-serif;
	font: expression( "60% Verdana, Arial, Helvetica, sans-serif" );
	color: #6e6e6e;
	padding-bottom:10px;
	margin-top:2px;  
}
.smalltext {
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "80% Arial, Helvetica, sans-serif" );
	color: #6e6e6e;
	padding-bottom:10px;
	margin-top:2px;  
}


/*</group>*/

/*<group=subpages>*/
	
#offer {
	margin: 16px 0px 16px 0;
	width: 530px;
	color: #e9f0d2;
	background: #e9f0d2 no-repeat;
	background-image: url(/images/star.gif);	
	font: bold 16px Arial, Helvetica, sans-serif;
	font: expression( "bold 110% Arial, Helvetica, sans-serif" );
	padding:10px 10px 10px 10px;


}

#offer p{
	color: #3b4605;
	font: bold 19px Arial, Helvetica, sans-serif;
	font: expression( "bold 120% Arial, Helvetica, sans-serif" );
	padding-left:60px;

}

.image_steph{
	float: right;
	margin-top:-15px;
}	

.table-row {
	background: #e9f0d2;
	color: #000000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	text-align: center;
	width: 550px;
}

.subtext {
	background: white;
	margin: 0;
	text-align:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
	color: #888888;
}

.left-layer11 {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 22%;
}

.leftTitle {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 34%;
}

.space-line {
	clear: both;
	margin: 0;
	padding: 0;
	width: auto;
	background:#FFF;
}

H5.colhdr {
	background: #f1f6e3;
	border: solid #FFFFFF 1px;
	color: #3b4605;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
	margin: 0;
	padding: 0.6em;
	text-align: center;
	width: auto;
}

H5.titleheader {
	background: #f1f6e3;
	border: solid #FFFFFF 1px;
	color: #3b4605;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
	margin: 0;
	padding: 0.6em;
	text-align: left;
	width: auto;
}

p.text {
	color:#7e8460;
	background: #f1f6e3;
	border: solid #FFFFFF 1px;
	margin: 0;
	padding: 0.6em;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
	text-align: center;
	text-indent: 0;
	width: auto;
}

/*</group>*//* CSS Document */

/*new amends*/

#tCurrent a {
	width: 132px;
	background: url(/images/current_nav.gif) top left no-repeat;
	margin: 0 0 0 4px;
}
	
#tTeam a {
	width: 120px;
	background: url(/images/team_nav.gif) top left no-repeat;
	margin: 0 0 0 3px;
}

#tContribute a {
	width: 90px;
	background: url(/images/contribute_nav.gif) top left no-repeat;
	margin: 0 0 0 3px;
}

#tAdvertise a {
	width: 80px;
	background: url(/images/advertise_nav.gif) top left no-repeat;
	margin: 0 0 0 4px;
}

#tSubscribe a {
	width: 83px;
	background: url(/images/subscribe_nav.gif) top left no-repeat;
	margin: 0 0 0 4px;
}

#tContact a {
	width: 85px;
	background: url(/images/contact_nav.gif) top left no-repeat;
	margin: 0 0 0 4px;
}

#tAwards a {
	width: 60px;
	background: url(/images/awards_nav.gif) top left no-repeat;
	margin: 0 0 0 4px;
}

#tConference a {
	width: 104px;
	background: url(/images/conference_nav.gif) top left no-repeat;
	margin: 0 0 0 4px;
}

#tHome a {
	width: 57px;
	background: url(/images/home_nav.gif) top left no-repeat;
	margin: 0 0 0 3px;
}


hr {
        border: 0;
        border-top: 1px dashed #ccc;
        height: 1px;
        text-align: left;
        margin: 4px auto 4px 0;
}

.clear {
        clear: both;
}

.col1, .col2 {
        font: 12px verdana, Arial, sans-serif
}

.col1 {
        float: left;
        width: 100px;
        margin: 0;
        padding: 1em;
        margin-top: 0.1em;
}

.col2 {
        float: left;
        width: 550px;
        padding: 1em;
}

.col2 span {
        color: #C00;
}

hr.clear {
        clear: both;
        border: 0;
        border-top: 1px dashed #ccc;
        width: 100%;
        height: 1px;
}

#sponsor {
        width: 650px;
        text-align: center;
        margin: 0 auto;
        padding-top: 5px;
        overflow: hidden;
}

#sponsor p {
        font-size: 10px;
        color: #555;
        padding: 5px;
}

#sponsor img {
        vertical-align: middle;
        padding: 5px;
}

#sponsor p.logo {
        float: left;
        width: 200px;
}

.alignCentre {
        text-align: center;
}

table.rates {
        width: 80%;
        font: normal 12px Arial, Helvetica, sans-serif;
        padding: 0 0 20px 0px;
}

th.rates {
        font-weight: bold;
        color: #940c12;
        background: #EAE9E9;
        padding: 4px 0 4px 2px;
        text-align: center;
}

td.rates {
        padding: 4px 0 4px 20px;
        text-align: center;
        color: #333;
}

.blackText {
        width: 100%;
        float: left;
        margin: 10px 0 10px 0;
        text-align: center;
        color: #000;
        padding: 30px 0 10px 0;
        font: bold 11px Arial, Helvetica, sans-serif; 
}
.red
{
	color: #e21e26;
}

a.tooltip{
    position: relative;
    z-index: 24;
    color: #e21e26;
}

a.tooltip span {
        display: none;
}

a.tooltip:hover {
        z-index:25;
}

a.tooltip:hover span {
        background: #fff;
        border: 1px dotted #000;
        display: block;
        left: 100px;
        top: 130px;
        padding: 5px;
        position: relative;
        filter: alpha(opacity=80);
        opacity: 0.8;
        width: 140px;
}

.midimage {
	margin: 10px; 
	padding: 0 0 0 180px	
}

.topimage {
	float: right; 
	margin: 10px;	
}

.greenletter p{
        border: 3px solid #2ead34;
        padding: 10px;
        margin: 0 0 10px 0;
        color:#0e5211;
     /*   float: left; */
}

.greenletter p img{
        padding: 0 10px 0 0px;
        float: left;
}

.greenletter a{
        color:#0e5211;
        text-decoration: underline;
}


.redletter p{
        border: 3px solid #fc2121;
        padding: 10px;
        margin: 10px 0 10px 0;
        color:#fc2121;
        float: left;
}

.redletter p img{
        padding: 0 0px 0 0px;
        float: left;
       
}

.redletter a{
        color:#cc0000;
        text-decoration: underline;
}
/* rss */
.rss {
	font: bold 13px Arial, Helvetica, sans-serif;
	font: expression( "bold 85% Arial, Helvetica, sans-serif" );
	color: #949267;
	float: right;
	padding: 5px 0 5px 0;	
}
/* rss */