/* CSS Document */

body {
text-align: center; 
background: #fff;
color: #fff;
min-width: 750px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.5;
margin-top:10px;
margin-bottom:0px;
background:url(../img/bg.jpg) repeat-x top left #333;
}

h1, h2, h3, h4, p {margin: 1em 0;}


/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 750px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
border: 0px solid #4a1c21;
background:#FFFFFF;
z-index:1;
}

#header, #subnav, #footer {
clear: both; 
width: 750px;

}

#partnerLogo {
	padding-top:10px;
}


#header {
background: red; 
color: #fff; 
text-align: right;
padding: 1px 0;
width:100%;
float:right;
z-index:1;
}

#subnav {
background: #d6aeb5; 
color: #000; 
border-width: 1px 0; 
border-style: solid; 
border-color: #4a1a21;
}

#footer {
text-align: center;
color: #000000;
background:#ff5113;
margin:0 0px;
margin-top:10px;
width:750px;
font-size:10px;
}
#footer div {
padding: 1px 0;
background:#FF5113;
}

#contentfloatholder {/* also makes the right "sliding" tab */
float: left;
width: 100%;
position: relative;
margin-top:5px;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#FF5113;
	background:none;
	text-decoration:none;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
font-size:90%;
margin: 0 5px 0 220px;
display: inline-block; /* TRIP haslayout for safety */
}

#centerpad {
display: block; /* SWITCH back the display */
z-index:1;
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
  margin-bottom:10px;
  z-index:1;
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
  float:left;
  top:150px;
  color:#000;
  width: 210px;
  border:solid 0px black;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
 
}

#right {
  float:right;
  width: 0px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */


#centerpad h2 {
	color:#E04C19;
	font-size:16px;
	margin-bottom:3px;
}

#centerpad h3 {
	color:#E04C19;
}

#centerpad b {
	color:#E04C19;
}

input.text {
		font-size:10px;
		background-color:#FFF;
		border:solid 1px #E04C19;
		color:#000;
		padding:2px 0;
	}
	
	textarea.text {
		font-size:11px;
		background-color:#FFF;
		border:solid 1px #E04C19;
		color:#000;
		padding:2px 0;
	}
	
	input.button {
		font-size:11px;
		background-color:#FF5113;
		color:#000000;
		border-style:outset;
		border:solid 1px #E04C19;
		font-weight:bold;
		padding:3px;
	}
	select.text {
		font-size:10px;
		background-color:#FFF;
		border:solid 1px #E04C19;
		color:#000;
		width:auto;
		
	}
	
	label {
	float:left;
	width:25%;
	margin-right:0;
	padding-top: 3px;
	margin-bottom:0px;
	border:solid 0px red;
	color:#000000;
}
	
	div.error {
		width:90%;
		border:solid 1px red;
		background:#FF9999;
		visibility:hidden;
		padding:2px;
		color:#FF0000;
		font-size:10px;
	}
	
	input.submitDisabled {
		font-size:11px;
		background-color:#FF5113;
		color:#DDD;
		border-style:outset;
		border:solid 1px #E04C19;
		font-weight:bold;
		padding:3px;
	}
	
.req {
	color:#FF0000;
}




div.lists ul {
	list-style:disc;
	color:#000000;
	margin:0px;
	padding:0px;
	margin-left:15px;
	padding-left:15px;
	text-align:left;
	line-height:10px;
	margin-bottom:-20px;
	margin-top:-10px;
	
}

.menuTop {
	background:#ff5113; 
	position:relative; 
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	float:right; 
	padding-left:-10px; 
	height:30px; 
	width:530px; 
	color:#000; 
	line-height:30px;
}

.slogan {
	float:right; 
	width:530px; 
	height:100px; 
	background:url(../img/sloganTop.jpg) right bottom no-repeat #FFF ; 
}

a.splitImages {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover.splitImages {
	color:white;
}