/* RustyRichards.net

Author: Rusty Richards

Type: CSS

Created: 5/13/08

*/







/* ----- BODY----- */







body {

	margin:0;

	padding:0;

	text-align:center;

	min-width:1024px;

	font-family: Helvetica, Arial, Verdana, Sans-serif;

	background:#ddd;

}

#frame {

	position:relative;

	width:1024px;

	text-align:left;

	margin:0px auto;

}

a:link {

	text-decoration:underline;

	color:#0066CC;

}

a:visited {

	text-decoration:underline;

	color:#0066CC;

}

a:active {

	text-decoration:underline;

	color:#0066CC;

}

a:hover {

	text-decoration:none;

	color:#0066CC;

}

/* ----- HEADER ----- */











#header {

	width:1024px;

	margin:0 auto;

	height:100px;

	background-color:#273859;

	background:url(../images/text.gif);

	float:left;

}

#topbar {

	width:1024px;

	height:13px;

	padding:0;

	margin:0 auto;

	background-color:transparent;

	color:#888;

	float:left;

	text-align:right;

	font-size:10px;

}

.headertext {

	padding:19px;

	margin:0;

	color:#000;

	float:left;

	text-align:left;

	font-size:50px;

	text-decoration:none;

}

.headertext a:link {

	text-decoration:none;

	color:#fff;

}

.headertext a:visited {

	text-decoration:none;

	color:#fff;

}

.headertext a:active {

	text-decoration:none;

	color:#fff;

}

.headertext a:hover {

	text-decoration:none;

	color:#0066CC;

}

#topbar a:link {

	text-decoration:none;

	color:#999;

}

#topbar a:visited {

	text-decoration:none;

	color:#999;

}

#topbar a:active {

	text-decoration:none;

	color:#999;

}

#topbar a:hover {

	text-decoration:underline;

	color:#000;

}

/* ----- NAVIGATION ----- */











#navigation {

	width:1024px;

	margin:0 auto;

	height:32px;

	background-color:#9ab5d9;

	float:left;

}

ul, li {

	border:0;

	margin:0;

	padding:0px;

	list-style:none;

	font-size:14px;

	background:transparent;

	float:left;

}

ul {

	height:32px;

	padding-left:15px;

	display:inline;

	float:left;

}

li {

	display:inline;

	margin-right:2px;

	padding:0px 2px 0px 2px;/*This is to adjust spacing between tabs*/

}

.tab a:link, .tab a:visited {

	border-bottom:0;

	float:left;

	color:#000;

	display:inline;

	font-weight:bold;

	height:32px;

	line-height:32px;

	text-decoration:none;

}

.tab a span {

	display:inline;

	height:32px;

	margin-right:14px;

	padding-left:14px;

	cursor:pointer;

	float:left;

}

.tab a:hover {

	background:#DEDEDE;

	display:inline;

	cursor:pointer;

	color:#555;

}

.tab a:hover span {

	background:#DEDEDE;

	color:#555;

	display:inline;

	cursor:pointer;

	text-decoration:underline;

}

/* -------------------------------- */











/* 	ACTIVE ELEMENTS					*/











.active a:link, .active a:visited, .active a:visited, .active a:hover {

	height:32px;

}

.active a span, .active a:hover span {

	height:32px;

}

.active a:hover span {

	text-decoration:underline;

}

.clear {

	clear:both;

}

/* ----- MAIN CONTENT ----- */











#content {

	width:1024px;

	margin:0 auto;

	min-height:380px; /* for modern browsers */

	height:auto !important; /* for modern browsers */

	height:380px; /* for IE5.x and IE6 */

	background-color:#fff;

	float:left;

	font-size:14px;

}

#boxes {

	position:relative;

	margin:.2em 0em 0em 0em;

	padding:0;

	float:left;

	font-size:14px;

	background:#fff;

	width:1024px;

	height:200px;

}

/* ----- FOOTER ----- */











#sitemap {

	width:1024px;

	margin:.2em auto;

	height:155px;

	background-color:#eee;

	float:left;

	color:#555;

}

#sitemap a:link {

	text-decoration:none;

	font-weight:bold;

	color:#0066CC;

}

#sitemap a:visited {

	text-decoration:none;

	font-weight:bold;

	color:#0066CC;

}

#sitemap a:active {

	text-decoration:none;

	color:#0066CC;

	font-weight:bold;

}

#sitemap a:hover {

	text-decoration:none;

	border-bottom:1px dotted #0066CC;

	color:#0066CC;

	font-weight:bold;

}

#footer {

	width:1024px;

	margin:0 auto;

	height:50px;

	background-color:#eee;

	float:left;

}

/* ----- MISC ----- */











.footerleft {

	margin:0;

	padding:15px;

	float:left;

	font-size:14px;

	color:#555;

}

.footerright {

	margin:0;

	padding:15px;

	float:right;

	font-size:14px;

	color:#555;

}

.fright {

	float:right;

	margin:0;

	padding:0;

}

.fleft {

	float:left;

	margin:0;

	padding:0;

}

.author {

	position:relative;

	margin:0px 0px 0px 0px;

	padding:0;

	float:right;

	text-align:right;

	font-size:.6em;

	color:#999;

}

.author a:link {

	text-decoration:none;

	color:#999;

}

.author a:visited {

	text-decoration:none;

	color:#999;

}

.author a:active {

	text-decoration:none;

	color:#999;

}

.author a:hover {

	text-decoration:underline;

	color:#000;

}

.form {

	position:relative;

	margin:0px 0px 0px 20px;

	padding:1px;

	float:left;

	font-size:14px;

	width:570px;

}

.contact {

	position:relative;

	margin:0px 0px 0px 0px;

	float:left;

	font-size:16px;

	width:350px;

	border:solid 1px #DEDEDE;

	background:#eee;

	color:#222222;

	padding:15px;

}

h1 {

	margin:0em 0em 0em .4em;

	padding:.5em;

	font-weight:bold;

	font-size:24px;

}

h3 {

	margin:0em 0em 0em 0em;

	padding:.5em;

	font-weight:bold;

	font-size:18px;

	background:#E3F4FF;

}

.title {

	margin:0em 0em .4em 0em;

	line-height:2em;

	height:1em;

	font-weight:bold;

	font-size:14px;

	width:250px;

	color:#333;

	padding:0;

}

.title2 {

	margin:0em 0em .3em 0em;

	line-height:2em;

	height:1em;

	padding:0;

	font-weight:bold;

	font-size:15px;

}

.centertext {

	position:relative;

	margin:0em 0em 0em 1em;

	padding:.3em;

	float:left;

	font-size:14px;

	width:960px;

}

.box1 {

	position:relative;

	margin:1.4em 0em 0em 1.7em;

	padding:.2em;

	float:left;

	font-size:14px;

	width:300px;

	border:solid 1px #A8DCFF;

	background:#E3F4FF;

	color:#555;

	height:150px;

}

.box2 {

	position:relative;

	margin:1.4em 0em 0em 1.7em;

	padding:.2em;

	float:left;

	font-size:14px;

	width:300px;

	border:solid 1px #A8DCFF;

	background:#E3F4FF;

	color:#555;

	height:150px;

}

.box3 {

	position:relative;

	margin:1.4em 0em 0em 1.7em;

	padding:.2em;

	float:left;

	font-size:14px;

	width:300px;

	border:solid 1px #A8DCFF;

	background:#E3F4FF;

	color:#555;

	height:150px;

}

.box4 {

	position:relative;

	margin:.2em 0em 0em 2em;

	padding:.3em;

	float:left;

	font-size:14px;

	width:300px;

	height:90px;

}

.box5 {

	position:relative;

	margin:.2em 0em 0em 1em;

	padding:.3em;

	float:left;

	font-size:14px;

	width:300px;

	height:90px;

}

.box6 {

	position:relative;

	margin:.2em 0em 0em 1em;

	padding:.3em;

	float:left;

	font-size:14px;

	width:300px;

	height:90px;

}

.centerbox1 {

	position:relative;

	margin:1.1em 0em 2em 2em;

	padding:.5em .1em 0em .4em;

	float:left;

	font-size:18px;

	width:450px;

	border:solid 1px #DEDEDE;

	color:#333;

	height:250px;

}

.centerbox2 {

	position:relative;

	margin:1.1em 0em 2em 2em;

	padding:.5em .1em .0em .4em;

	float:left;

	font-size:18px;

	width:400px;

	border:solid 1px #DEDEDE;

	color:#333;

	height:250px;

}

/* -------MESSAGE BOXES------------ */











	.clean-gray {

	border:solid 1px #DEDEDE;

	background:#EFEFEF;

	color:#222222;

	padding:4px;

	text-align:center;

}

.clean-yellow {

	border:solid 1px #DEDEDE;

	background:#FFFFCC;

	color:#222222;

	padding:4px;

	text-align:center;

}

.clean-ok {

	border:solid 1px #349534;

	background:#C9FFCA;

	color:#008000;

	font-weight:bold;

	padding:4px;

	text-align:center;

}

.clean-error {

	border:solid 1px #CC0000;

	background:#F7CBCA;

	color:#CC0000;

	font-weight:bold;

	padding:4px;

	text-align:center;

}

.clean-blue {

	border:solid 1px #A8DCFF;

	background:#E3F4FF;

	color:#222222;

	padding:4px;

	text-align:center;

}

input.select {

	border : 1px solid #999;

	font-family:Tahoma, Verdana, Arial;

	padding :4px;

	cursor : pointer;

}

input.text-short, input.text-med, input.text-long, select.select, select.option, textarea.textarea, textarea.textareasmall {

	font : 1em Helvetica, Arial, Verdana, Sans-serif;

	border : 1px solid #999;

	background-color : #fffffe;

	cursor : text;

	padding :4px;

}

input.text-short {

	width : 100px;

}

select.option {

	width : 270px;

	cursor : pointer;

	padding:4px;

}

input.text-med, input.select {

	width : 250px;

}

input.text-long {

	width : 300px;

}

textarea.textarea {

	width : 550px;

	height : 200px;

}

textarea.textareasmall {

	width : 440px;

	height : 150px;

}

select.select, select.select option {

	cursor : pointer;

}

input.submit {

	font : 1em Helvetica, Arial, Verdana, Sans-serif;

	font-weight : bold;

	margin-top : 8px;

	padding : 4px 9px;

	cursor : pointer;

	clear : both;

	color:black;

	font-size:14px;

}

 input.submit:hover, input.submit.hover, input.submit:focus, input.submit.focus, input.submit:onclick, input.submit.onclick, {

 color:#333;

}

/* if you have a conditionally served IE6 style sheet add this to it */















* html input.button {

	border : 1px solid #EE0000;

}

ul.tab2 li a {

	display:inline-block;

	cursor:pointer;

	position:relative;

	margin:1.4em 0em 0em .5em;

	padding:.2em;

	float:left;

	font-size:14px;

	width:300px;

	border:solid 1px #A8DCFF;

	background:#E3F4FF;

	color:#555;

	height:150px;

	text-decoration:none;

}

ul.tab2 li a span {

	cursor:pointer;

	font-size:14px;

	text-decoration:none;

}

ul.tab2 li a:hover {

	border-color:#777;

	background-color:#EFEFEF;

	text-decoration:none;

}

ul.tab2 li a:hover span {

	border-color:#777;

	background-color:#EFEFEF;

	text-decoration:none;

}

.clean-error {

	border:solid 1px #CC0000;

	background:#F7CBCA;

	color:#CC0000;

	font-weight:bold;

	padding:8px;

	text-align:center;

}