/*<group=Tags>*/

body {
	margin: 0;
	padding: 0;
	
}

.click {
	background-color:transparent;
	width: 500px;
	height: 80px;
	float: left;
	cursor: pointer;
}

.click2 {
	background-color:transparent;
	width: 260px;
	height: 80px;
	float: right;
	cursor: pointer;
}


h1 {
	font: bold 19px Arial, Helvetica, sans-serif;
	font: expression( "bold 140% Arial, Helvetica, sans-serif" );
	color: #585858;
	padding: 0;
	margin: 0 0 10px;
}

h2 {
	font: bold 15px Arial, Helvetica, sans-serif;
	font: expression( "bold 100% Arial, Helvetica, sans-serif" );
	color: #585858;
	padding: 0;
	margin: 10px 0;
}

h3 {
	font: bold 15px Arial, Helvetica, sans-serif;
	font: expression( "bold 100% Arial, Helvetica, sans-serif" );
	color: #585858;
	padding: 0;
	margin: 10px 0;
}

h6 {
	font: bold 15px Arial, Helvetica, sans-serif;
	font: expression( "bold 100% Arial, Helvetica, sans-serif" );
	color: #4b2289;
	padding: 0;
	margin: 0 0 10px;
}

p {	font: normal Arial, Helvetica, sans-serif;
	font: expression( "normal Arial, Helvetica, sans-serif" );
	color: #686868;
}

ul {
	padding: 0 0 0 20px;
	margin: 2px 0;
}

.list {	
	font: normal 12px Arial, Helvetica, sans-serif;
	font: expression( "normal 80% Arial, Helvetica, sans-serif" );
	color: #686868;
}

a {
	color: #3193cf;
	text-decoration: none;
}

a:hover {
	color: #57008d;
}

.img {
	border: 0;
}

/*</group>*/

/*<group=Banner>*/

#wrapper {
	width: 764px;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	margin-top:0;
	margin-bottom: 0;
}

#page {
	border: 1px solid #dcdbdb;
	width: 764px;
	margin: 0;
	padding:0;
	text-align: left;
}

#header {
	background-image: url(images/hori-logo.gif);
	padding: 0;
	margin: 0;
	width: 764px;
	height: 138px;
}

#navcontainer {
	position: absolute;
	top: 115px;
	width: 764px;
	height: 30px;
	margin: 0;
	padding: 0;
	clear: both;
}


.topnav {
	float: left;
	border: 1px none #FF6600;
	color: #FFFFFF;
	margin-left: -10px;
}

.topnav ul {
	margin: 0;
}

.topnav li {
	display: inline;
	background-image: url(images/hori-arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right:10px;
	list-style-type: none;
}

.topnav a {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
}

.topnav a:hover {
	color: #fff200;
}


	
/*</group>*/

/*<group=Main>*/

#middle {
	width: 764px;
	height: 196px;
	margin-top:1px;
	margin: 0;
	padding: 0;
}

#submiddle {
	width: 764px;
	height: 150px;
	margin-top: "1px";
	margin: 0;
	padding: 0;
}

#splash {
	width:590px;
	float: left;
}

#signupRight {
	background: #3193cf;
	width: 173px;
	height: 143px;
	float: right;
}



#login {
	background: #3193cf;
	width: 173px;
	height: 150px;
	height: expression( "140px" );
	float: right;
}

#signupBox {
	padding: 12px;
	margin-top: 0;
}

#rightext {
	color: #ffffff;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	font: expression( "60%/16px Verdana, Arial, Helvetica, sans-serif" );
	width: 140px;
}

#homeContent {
	margin: 10px;
	width: 574px;
	min-height: 268px;
	padding: 0;
	margin-right: 0;
	font: 12px Arial, Helvetica, sans-serif;
	font: expression( "80% Arial, Helvetica, sans-serif" );
	color: #a5a4a4;
}

#subContent {
	width: 764px;
	padding: 0;
	margin: 0;
	border: 1px none green;
	margin-top: 2px;
	margin-top: expression( "2px" );
}

#leftContent {
	margin: 0;
	width: 574px;
	min-height: 268px;
	padding: 0;
	margin-right: 0;
}

.middleContentHolder {
	width:253px;
	float:left;
	margin:0;
	padding:0;
}

.middleContentTop {
	line-height:0em;
	padding:0;
	margin:0;
	font-size:0;
}

.middleContentMiddle{
	padding: 1px 6px 1px 6px;
	border-top:1px none #FFFFFF;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0;
}

.middleContentMiddle p {
	margin-top: 6px;
	margin-bottom: 4px;
}

.middleContentBottom{
	background-image: url(/images/hori-mbottomcorners.gif);
	background-repeat:no-repeat;
	height: 5px;	
	}

.midContentPuller {
	width:200px;
	margin: 0;
	padding: 0;
	clear: both;
}

.smallContentHolder {
	width:149px;
	width: expression( "149px" );
	float:left;
	margin:0;
	margin-left: 10px;
	padding:0;
}

.smallContentMiddle p {
	margin-top: 6px;
	margin-bottom: 4px;
}

.smallContentTop {
	line-height:0em;
	padding:0;
	margin:0;
	font-size:0;

	}

.smallContentMiddle {
	width: 135px;
	padding: 1px 6px 1px 6px;
	text-align:left;
	border-top:1px none #FFFFFF;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0;
	}


.smallContentBottom {
	width:149px;
	background-image: url(/images/hori-sbottomcorners.gif);
	background-repeat:no-repeat;
	height: 5px;	
}
.smallContentPuller {
	width:120px;
	margin: 0;
	padding: 0;
	clear: both;
}

.rightPanel {
	width:170px;/*temp*/
	float:right;
	margin:0;
	margin-left: 0px;
	padding:0;

}

.stripContent {
	padding: 1px 0px 1px 0px;
	text-align:left;
	margin: 0;
}

.stripHeader {
	background:#e4e5e7;
	background-image: url(images/doppel_grey.gif);
	background-repeat:no-repeat;
	background-position: 3px 5px;
	height: 22px;
	padding: 2px;
	margin-top: 0px;
	margin-right: 0;
}

h1.Header {
	margin: 4px 0px 0px 20px;
	font: bold 12px Arial, Helvetica, sans-serif;
	font: expression( "bold 80% Arial, Helvetica, sans-serif" );
}



.stage {
	width: 168px;
	padding: 2px 0px 4px 0px;
	margin-right: 4px;
}


.stageText {
	float: right;
	color: #263997;
	width: 164px;
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "70% Arial, Helvetica, sans-serif" );
	padding-bottom:4px;
	padding-top:2px;
	border-bottom:1px solid #e7e7e7;
}

#leftContent {
	background: white;
}

#midContent {
	float: right;
	width: 410px;
	font: 12px Arial, Helvetica, sans-serif;
	font: expression( "80% Arial, Helvetica, sans-serif" );
	color: #a5a4a4;
}

.centreImg {
	float:right;
}

.involvedText {
	font: bold 11px Arial, Helvetica, sans-serif;
	font: expression( "bold 70% Arial, Helvetica, sans-serif" );
	color: #ffffff;
}

.signText {
	font: bold 13px Arial, Helvetica, sans-serif;
	font: expression( "bold 90% Arial, Helvetica, sans-serif" );
	color: #ffffff;
}

/*</group>*/

/*<group=Mainpage>*/



#leftnav {
	float: left;
	width: 148px;
	margin: 0;
	padding: 0;	
	margin-left: 0;	
}

#leftnav ul {
	padding: 0;
	margin: 0;		
}

#leftnav li {
	list-style-type:none;
	height: 100%;
}

#leftnav li img {
	padding-left: 35px;
}


#leftnav li a {
	display: block;
	width: auto;	
	color: #666666;
	height: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	font: expression( "70% Arial, Helvetica, sans-serif" );
	padding-top: 6px;
	padding-left: 12px;
	padding-bottom: 6px;
	
	border-bottom: 1px solid #e7e7e7;

}

#leftnav li a:hover {
	color: #3193cf;
	background: #ffffff;
}

#mainblock {
	position: relative;
	left: 175px;
	width: 410px;
	margin: 0;
	padding: 10px 15px;
	top: 0;
	min-height: 150px;
 	height: expression( "150px" ); /*Only needed for IE*/

}

.puller {
	width:740px;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
}

#footerTile {
	clear: both;
	width:764px;
	margin: 0px;
	background-image:url(/images/hori-footer-tile.gif);
	height:5px;
	padding: 0;
}

/*</group>*/

/*<group=Foot>*/

#footer {
	margin:0;
	padding:0;
	width:764px;
	clear: both;
}

#footer ul {
	margin: 0;
	padding: 0;
	padding: 10px;
}

#footer ul li {
	display: inline;
}

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

#footer #noborder a {
	border-right: 0;
}

	
/*</group>*/

/*<group=Form>*/

legend {
 	 color: #CC6600;
 	 font: normal 14px Arial, Helvetica, sans-serif;
 	 font: expression( "bold 100% Arial, Helvetica, sans-serif" );
}
  
div.row {
 	 padding-top: 2px;
 	 padding-bottom: 0px;
 	 padding-left: 2px;
 	 font: bold 12px Arial, Helvetica, sans-serif;
 	 font: expression( "bold 85% Arial, Helvetica, sans-serif" );
 	 color: #989898;
 	 clear: both;
}

div.row span.label {
	float: left;
 	width: 120px;
 	padding: 0;
 	padding-top:3px;
 	padding-bottom: 3px;
 	margin: 0;
 	padding-left: 2px;
 	background: white;
}
 
div.row span.label2 {
	margin-top: -1px;
  	float: left;
  	width: 130px;
  	padding: 0;
  	padding-top:0px;
}

div.row span.formw {
 	 float: right;
 	 width: 250px;
} 
  
div.row span.formw2 {
  	float: right;
  	width: 250px;
  	text-align: left;
}   

input.row, select {
	float: left;
	padding: 0px 0px 0px 2px;
	margin-top: 2px;
	margin-bottom: 0px;
}

.submit {
	float: left;
	padding-left: 6px;
	padding-top: 3px;
}
 

/*</group>*/

.box {
  clear: both;
  width: 168px;
  position: relative;
  top: -15px;
  left: -10px;
}

#navcontainer {
	clear: both;
}

.clear {
	clear: both;
}

#homeBanner {
	margin-left: 10px;
}