* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image:url(./../../images/skins/csf/page-bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
}

* html body {text-align:center;}

#wrapper { 
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	background:transparent;
}

* html #wrapper{text-align:left;}

h1 {
	font-size:1.2em;
}

h2 {
	font-size:1.1em;
}

p {
	padding: 5px;
}

ul {
	margin-left:25px;
}

.ledgend {
	margin-left:10px;
}

/********************* General Anchor text  *******************/
a:link , a:visited {
	color:#fff;
	font-size: 1em;
}

a:hover ,  a:focus {
	color:#fff;
	font-size: 1em;
}
/********************* Header  *******************/
#header {
	 color: #ffffff;
	 width: 760px;
	 float: left;
	 height: 75px;
	 padding-top:15px;
	 background:transparent;
}

/********************* Flash  *******************/
#flash {
	margin-bottom:-45px;
	color: #ffffff;
	width: 760px;
	float: left;
	height: 235px;
	background:transparent;
}


 /********************* Menu  *******************/
#menuContainer 	{
	padding-left:20px;
	width:760px;
	height:101px; 
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	background:transparent;
	clear:both;
} 

.menuButton {
	padding-right:0px;
	border:none;
}

.menuButtonEnd {
	padding-right:0px;
	border:none;
}

 /********************* Content  *******************/

#main { 
	float: left;
	padding:0px;
	color: #ffffff;
	font-size:.8em;
	background:transparent;
	width: 760px;
	clear:both;
	margin-top:5px;
}


* html #main {
	margin-top:10px;
}

#topCorners { 
	width:760px;
	height:16px;
	color: #ffffff;
	background-image:url(./../../images/skins/csf/topCorners.gif);
	background-repeat:no-repeat;
}

#container { 
	width:760px;
	min-height:200px;
	color: #ffffff;
	background-image:url(./../../images/skins/csf/content.gif);
}

#suppliers{
	width:95%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background:transparent;
	border:1px solid #fff;
}

#sponsorsRight {
	position:relative;
	float:right;
	width:150px;
	margin:0px 10px 0px 0px;
	padding:5px;
	background-color: rgb(84,103,146);
}

#sponsorsRight .heading{
	padding:5px;
	background-color: rgb(147,180,205);
	font-weight:bold;
	color: rgb(22,50,110);
}

#content {
	width:550px;
	padding:5px;
	margin-top:-20px;
}

#bottomCorners { 
	width:760px;
	height:16px;
	color: #ffffff;
	background-image:url(./../../images/skins/csf/bottomCorners.gif);
	background-repeat:no-repeat;
}

 /********************* Footer  *******************/

#footer { 
	width: 760px;
	height: 55px;
	clear: both;
	color: #000;
	font-size:.8em;
	text-align:center;
	background:transparent;
}

#footer a:link , #footer a:visited {
	color:#000;
	font-size: 1em;
}

#footer a:hover , #footer a:focus {
	color:#000;
	font-size: 1em;
}

/********************* Font and Text Styles *******************/

span.orange {
	color:rgb(255,103,53);
}

/********************* Colour Styles *******************/

.yellow {
    color:rgb(255,255,0);
}


/********************* Alignment Styles *******************/

.right {
  text-align:right;
}

/********************* Main Brand Link Styles *******************/
#brandLinks {
	width:555px;
	margin:0px 0px 10px 10px;
}

.yellowBottom {
	font-size:1.7em;
	border-bottom: 10px solid rgb(255,255,0);
}

.orangeBottom {	
	font-size:1.7em;
	border-bottom: 10px solid rgb(255,103,53);
}

.redBottom {	
	font-size:1.7em;
	border-bottom: 10px solid rgb(255,0,0);
}

.blueBottom {	
	font-size:1.7em;
	border-bottom: 10px solid rgb(1,142,219);
}


/********************* Margin and Padding Styles *******************/

.paddingTop10 {
  padding-top:10px;
}

.paddingTop15 {
  padding-top:15px;
}

.marginTop5 {
  margin-top:5px;
}

/********************* General Styles *******************/

.clearBoth {
  clear:both;
}

div.onehalf {
	position:relative;
	float: left;
	width: 47.5%;
	padding: 5px;
}

div.oneQuater {
	position:relative;
	float: left;
	width: 18%;
	padding: 5px;
	margin: 0px 20px 20px 0px;
}

.blank{
	display:none;
}

.note{
color:yellow;
font-weight:bold;
}





/********************* FORMS *******************/
/* ************ Forms ************** */
form table {
    border: 1px solid #ccc;
    width: 98%;
}
form table tr.even {
    background: #fff;
}
form table tr.odd {
    background: #edf3fe;
}
form table th {
    vertical-align: top;
    font-weight: normal;
    text-align: left;
    color: #666;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 15px;
    font-size: 12px;
}
form table td {
    font-size: 12px;
    color: #333;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
form table th span.description {
    font-size: 11px;
    color: #999;
}
.text {
    border: 1px solid #ccc;
    font-family: 'Arial';
    font-size: 12px;
    color: #333;
    padding: 2px;
}
input.small, select.small, textarea.small { width: 50px; }
input.medium, select.medium, textarea.medium { width: 200px; }
input.large, select.large, textarea.large { width: 400px; }
span.required {
    color: #f90;
}
span.fineprint {
    color: #999;
    font-size: 10px;
}
div.errors {
    background: url('../images/warning.png') 6px 3px no-repeat;
    background-color: #EF9398;
    border: 1px solid #DC5757;
    color: #333;
    padding-left: 42px;
    padding-top: 10px;
    padding-bottom: 8px;
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
}