/*
		-- -- -- -- -- -- -- -- -- -- --
		style.css by r(e)volving design 
		for Kingscott and Associates 2006
		-- -- -- -- -- -- -- -- -- -- -- 
		
		Tested and certified for use in
		FF v2 and IE v6 on PC.
		
		All font sizes are relative. 62.5% 
		of 16px (standard) is 10px, so 1em
		is 10px. So far this scales 
		properly in FF.
		
*/
* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
body {
	background: #6786A2;
	font:62.5%/100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
div#jar {
	margin:0;
	padding:0;
}
div#left {
	width: 26%;
	background: #20345a url(../img/sidebar_bg.gif) repeat-y right top;
	top: 0;
	text-align: right;
	height: 2500px;
	position: absolute;
}
div#right {
	width: 74%;
	position: absolute;
	left: 26%;
	top: 0px;
}
div#left-jar{
	width: 200px;
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}
div#logo img{
	margin-top:10px;
	margin-right:20px;
	border:0;
}
div#bluesidetext { 
	text-align: right; 
	color: #6786a2; 
	text-decoration: none;
	line-height:normal;
}
div#copynotice { 
	text-align: right; 
	margin: 370px 20px .8em 0;
	color: #6786a2; 
	text-decoration: none;
	line-height:normal;
	}
div#credit { 
	text-align: right; 
	margin: 0 20px .8em 0;
	color: #6786a2;
	line-height:normal;  
	}
div#credit a { 
	color: #6786a2; 
	text-decoration: none;
}
div#credit a:hover { 
	color: #cfd8f5; 
	text-decoration: none; 
}
div#masthead {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFD8F5;
	padding-bottom: 36px;
}
div#c1 {
	position: absolute;
	top: 5px;
	left:0;
}
div#c1 p, div#c2 p {
	display: inline;
	margin-left: 14px;
	font-size: 11px;
	text-transform: capitalize;
	font-weight: normal;
	letter-spacing: 1px;
	line-height:normal;
}
div#c1 a {
	color: #20345A;
	text-decoration: none;
}
div#c1 a:active {
	color: #CFD8F5;
	text-decoration: none;
	font-weight:normal;
}

div#c1 a:hover {
	color: #CFD8F5;
	text-decoration: none;
}
div#c2 {
	position: absolute;
	top: 5px;
	left: 300px;
}
div#c2 a {
	color: #20345A;
	text-decoration: none;
}
div#c2 a:active {
	color: #CFD8F5;
	text-decoration: none;
	font-weight: normal;
}
div#c2 a:hover {
	color: #CFD8F5;
	text-decoration: none;
}
div#tabs {
	margin-top: 20px;
}

/*
tab spacing and styles	
*/

div#tabs a {
	width: 175px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CFD8F5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CFD8F5;
	height: 30px;
	display: block;
	color: #CFD8F5;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 1.5px;
	overflow: hidden;
	padding-top: 7px;
}
a#tab1 {
	position: absolute;
	top: 30px;
	left: 0;
}
a#tab2 {
	position: absolute;
	top: 30px;
	left: 175px;
	
}
a#tab3 {
	position: absolute;
	top: 30px;
	left: 350px;
}
a#tab4 {
	position: absolute;
	top: 30px;
	left: 525px;
}
div#tabs a.tab:link {

}
div#tabs a.tab:hover {
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1.5px;
	background-color: #9EB3C5;
	background-attachment: scroll;
	background-image: url("../img/tab_bg_over_l.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
#debug {
	visibility: hidden;
}