@import url("./whitespace-reset.css");

body {
	background: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #424242; }

#sitewrapper {
	width: 750px;
	margin: 0 auto; }
	
#errorMsg {
	color:red;
}

.toggle ul {
	list-style: none;
	margin-left: 10px;
	padding-left: 10px;
}
.toggle ul li {
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	color: #2896F0;
}
.toggle ul li:hover {
	color: #000000;
	background-color: #ddd;
}

#sitewrapper #header { 
	padding: 15px 0;
	float: left;
	width: 750px; }
	#sitewrapper #header img {
		float: left; }
	#sitewrapper #header p {
		color: #150DC9;
		font-size: 9px;
		float: right;
		position: relative;
		top: 30px; }
		
#sitewrapper #main {
	width: 601px;
	float: left; }
	#sitewrapper #main img.shadow {
		position: relative;
		top: -4px;
		left: 16px; }
		#sitewrapper #main img.shadow-index {
			position: relative;
			top: -10px;
			left: 16px; }
	#sitewrapper #main img.home-aide {
		position: relative;
		top: -2px;
		left: 16px; }
	#sitewrapper #main #middlecol {
		background: url('../images/bdr_sidebar-top.gif') no-repeat 150px 0;
		float: left;
		padding: 0 15px 0 0; }
	#sitewrapper #main h1 {
		color: #150DC9;
		padding: 0;
		font-size: 16px;
		margin: 10px 0 0 150px; }
	#sitewrapper #main h2 {
		color: #150DC9;
		padding: 0;
		font-size: 16px;
		margin: 5px 0 5px 0; }
	#sitewrapper #main p {
		color: #424242;
		font-size: 12px;
		padding: 5px 0 5px 150px; }
	#sitewrapper #main p.border {
		color: #424242;
		font-size: 12px;
		padding: 15px 10px 0 150px;
		background: url('../images/bdr_top_main.gif') no-repeat 120px 0; }
	#sitewrapper #main p.motto {
		color: #150DC9;
		font-family: Times;
		font-size: 14px;
		padding: 30px 0 0 15px; }
	#sitewrapper #main ul {
		margin: 0 0 15px 150px;
		font-size: 12px; }
		#sitewrapper #main ul li {			
			background: url('../images/blt_round.gif') no-repeat 0 .3em;
			padding: 0 0 0 10px; }
			#sitewrapper #main ul li a {
				color: #424242; }
				#sitewrapper #main ul li a:hover {
					color: #322BD0; }

#sitewrapper #sidebar { 
	width: 149px;
	float: right; }
	#sitewrapper #sidebar #nav ul { 
		width: 140px;
		list-style: none;
		font-size: 10px;
		padding: 0 0 0 1px; }
		#sitewrapper #sidebar #nav ul li {
			color: #FFFFFF;
			background: url('../images/bg_nav_off.gif') no-repeat;
			width: 148px;
			height: 15px;
			display: block; }
			#sitewrapper #sidebar #nav ul li a {
				color: #FFFFFF;
				text-decoration: none;
				display: block;
				padding: 2px 5px 0 5px;
				width: 138px;
				height: 13px; }
				#sitewrapper #sidebar #nav ul li a:hover {
					background: url('../images/bg_nav_on.gif') no-repeat;
					color: #322BD0; }
	#sitewrapper #sidebar-links {
		background: url('../images/bdr_left_sidebar.gif') repeat-y 0 0; }
	#sitewrapper #sidebar a {
		color: #424242;
		text-transform: uppercase;
		font-size: 10px; }
		#sitewrapper #sidebar a:hover {
			color: #322BD0;	}
	#sitewrapper #sidebar p {
		margin: 5px 0 0 0;
		padding: 20px 0 0 5px; }
		#sitewrapper #sidebar p.contact {
			background: url('../images/bdr_sidebar-top.gif') no-repeat top right;
			margin: 135px 0 0 0;
			padding: 10px 0 20px 5px;
			font-size: 10px; }
			#sitewrapper #sidebar p.contact a {
				text-transform: none; }
		#sitewrapper #sidebar p.news {
			margin: 5px 0 0 0;
			padding: 10px 0 0 5px;		
			background: url('../images/bdr_sidebar-top.gif') no-repeat top right; }
	#sitewrapper #sidebar img.quote {
		margin: 10px 0 0 0; }

#sitewrapper #threecol {
	width: 601px;
	float: left; }
	#sitewrapper #threecol img.shadow {
		position: relative;
		top: -5px;
		left: 16px; }
	#sitewrapper #threecol #subnav {
		width: 160px;
		float: left; 
		padding: 0 0 0 15px; }
		#sitewrapper #threecol #subnav ul {
			font-size: 10px;
			list-style-type: none; }
			#sitewrapper #threecol #subnav ul li {
				background: url('../images/bg_subnav_off.gif') no-repeat 0 0;
				width: 160px;
				height: 17px;
				margin: 6px 0;
				padding: 3px 0 0 0; }
				#sitewrapper #threecol #subnav ul li a { 
					margin: 0 10px;
					color: #2896F0; }
					#sitewrapper #threecol #subnav ul li a:hover {
						color: #322BD0; } 
	#sitewrapper #threecol #content {
		background: url('../images/bdr_sidebar-top.gif') no-repeat 0 0;
		width: 390px;
		float: left;
		margin: 5px 20px 0 0; }
		#sitewrapper #threecol #content h1 {
			color: #150DC9;
			padding: 0;
			font-size: 16px;
			margin: 10px 0 0 0; }
		#sitewrapper #threecol #content h2 {
			color: #424242;
			padding: 0;
			font-size: 12px;
			margin: 10px 0 0 0; }
		#sitewrapper #threecol #content hr {
			height:0;
			border:0;
			border-top:1px solid #2896f0;
			padding:10px 0;}
		#sitewrapper #threecol #content p {
			color: #424242;
			font-size: 12px;
			padding: 5px 0 5px 0; }
			#sitewrapper #threecol #content p.border-bottom {
				background: url('../images/bdr_sidebar-top.gif') no-repeat bottom left; }
		#sitewrapper #threecol #content ul {
			margin: 0 0 15px 0;
			font-size: 12px; }
			#sitewrapper #threecol #content ul li {
				background: url('../images/blt_round.gif') no-repeat 0 .3em;
			 	padding: 0 0 0 10px; }
				#sitewrapper #threecol #content ul li a {
					color: #424242; }
					#sitewrapper #threecol #content ul li a:hover {
						color: #322BD0; }	
		
#sitewrapper #footer {
	width: 730px;
	clear: both; }
	#sitewrapper #footer img.bottom-border {
		margin: 0 0 0 17px; }
		#sitewrapper #footer img.subpage-border {
			margin: 0 0 0 141px;}

/* Indepentdent@Home Styles */

#sitewrapper #header a#mainsitelink {
	background: transparent url("../images/athome-bluebar.gif") no-repeat 0 0;
	float: left;
	display: block;
	width: 323px;
	height: 15px;
	color: #2896F0;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Sans-Serif;
	padding: 2px 0 0 5px; }
	#sitewrapper #header a#mainsitelink:hover {
		color: #FFF; }

#sitewrapper #header #athomenav {
	width: 150px;
	float: left;
	position: relative;
	top: -43px;
	left: 328px; }
	#sitewrapper #header #athomenav ul li {
		color: #FFFFFF;
		background: url('../images/bg_athomenav_off.gif') no-repeat;
		width: 150px;
		height: 17px;
		margin: 0 0 2px 0;
		display: block; }
		#sitewrapper #header #athomenav ul li a {
			color: #FFF;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 11px;
			display: block;
			padding: 2px 5px 0 5px;
			width: 143px;
			height: 15px; }
			#sitewrapper #header #athomenav ul li a:hover {
				background: url('../images/bg_athomenav_on.gif') no-repeat;
				color: #2896F0;
				font-weight: bold; }

#sitewrapper #main.athomemain {
	float: left;
	width: 478px; }
	#sitewrapper #main.athomemain h1 {
		margin-left: 15px;
		margin-bottom: 5px; }
	#sitewrapper #main.athomemain p {
		padding-left: 15px; }
	#sitewrapper #main.athomemain p.border {
			color: #424242;
			font-size: 12px;
			padding: 15px 10px 0 15px;
			background: url('../images/bdr_top_main.gif') no-repeat 0 0; }

	#sitewrapper #main.athomemain ul {
		margin-left: 15px; }

#sitewrapper #sidebar.athomesidebar {
	width: 245px;
	float: left; }
	
form#contact_form {
	margin:20px 0 0 0;
	padding-left:150px;
}

div.formfield {
	padding:10px 0 20px 0;
	clear:both;
}

div.formfield label {
	float:left;
	width:210px;
}

div.formfield input, div.formfield textarea {
	float:left;
	width:200px;
	border:1px solid silver;
}

div.formfield input.nowidth {
	width:auto;
}

div.formfield img#captcha_img {
	float:left;
	margin:2px 0 0 210px;
}

div.msg {
	color:#FF0000;
	margin:10px 0;
}

div.msg p, div.msg ul, div.msg ul li {
	color:#FF0000;
}

div.msg ul {
	margin:0 0 0 20px;
}