/* 	Notes: 
	---------------------------------------
	Some classes are defined where it 
	appears not neccessary, This is to ensure css 
	applied within a site will not overwite the 
	neccessary DET css. */
	
/*	Generic tags
	---------------------------------------
	This area defines all standard and classes 
	generic tag declerations */
	
body {
	margin: 0px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	color: #3a3a3a;
	background: #ffffff;
}
a {
	color: #999966;
	
}
a:hover {
	color: #6d3b0e;
	text-decoration: none;
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/*line-height: 150%;*/
}
h1 {
	font-size: 200%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
h2 {
	font-size: 150%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
h3{
	font-size: 130%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
h4{
	font-size: 110%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: capitalize;
	font-weight: bold;
}
hr { 
	color: #dfdfdf;
	background: #dfdfdf;
	border: 0px;
	height: 1px;
	clear: left;
}



/*	Shared classes and Id's
	---------------------------------------
	This area defines all shared and common
	classes and Id declerations */
	
.hidden {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
	clear: right;
}
.clear {
	clear: both;
}

/*	Rounded Corners (r)
	---------------------------------------
	helps define a somewhat graphical interface
	look without the use of images. based on 
	snazzy and nifty corners, the use of these 
	following classed and id's will help give the 
	interface a more refined look */
	
.r { background: transparent; }
.r1, .r2, .r3, .r4 { display: block; font-size:1px; overflow: hidden; background: #f6f4ed;}
.r1, .r2, .r3 { height: 1px; }
.r2, .r3, .r4 { border-left: 1px solid #dedacd; border-right: 1px solid #dedacd; }
.r1 { margin: 0px 5px; background: #dedacd; }
.r2 { margin: 0px 3px; border-width: 0px 2px; }
.r3 { margin: 0px 2px; }
.r4 { height: 2px; margin: 0px 1px; }


/*	Content Header (ch)
	--------------------------------------- */

#ch {
	clear: both;
	border-bottom: 5px solid #575446;
	background: #d5692a;
}
#ch h1 {
	text-align: right;
	color: #ffffff;
	height: 35px;
	width: 264px;
}
#ch h1 span {
	display: none;
}
/*	Home Containers (hc, hl, hr)
	Content Containers (cl, cr)
	---------------------------------------
	This area defines all Specific classes 
	and id's for content division, size and 
	placement for the home page and subsequent 
	secondary level pages. Center, Left & Right
	are represented by (c), (l) and (r) where 
	home is (h) and content is (c) */

#hc {
	clear: both;
	padding: 10px 30px 10px 10px;
	margin: 0px 0px 40px 0px;
}
#hl {
	margin: 0px 265px 0px 5px;
}
#hr {
	float: right;
	width: 270px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
#cl {
	float: left;
	padding: 15px;
	width: 170px;
	background: #6c6959 url(images/cl_background.gif) no-repeat bottom;
	margin: 0px 0px 30px 0px;
}
#cr {
	margin: 0px 0px 0px 200px;
	padding: 20px;
	background:  url(images/cr_background.gif) no-repeat;
	font-size: 110%;
}

/*	Content Left (cl)
	---------------------------------------
	This area defines all Specific classes 
	and id's for any and all information displayed 
	inside of a (cl) container */
	
#cl a {
	text-decoration: none;
}
#cl em {
	font-style: normal;
	color: #aaaaaa;
}
#cl dl {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 110%;
	line-height: 130%;
	color: #3a3a3a;
}
#cl dl ul { /* Used for making a menu look like a sub menu */
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
#cl dt {
	margin: 5px 0px 5px 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #d18080;
}
#cl dd {
	margin: 0px 0px 0px 0px;
}
#cl dd a {
	display: block;
	padding: 4px 4px 4px 12px;
	border-bottom: 1px dashed #91917b;
	color: #ffffff;
	background:   url(images/li_arrow_a.gif) no-repeat -4px 6px;
}
#cl dd a:hover {
	color: #ffffff;
	text-decoration: none;
	background:  url(images/li_arrow_b.gif) no-repeat -4px 6px;
}

/*	Content Right (cr)
	---------------------------------------
	This area defines all Specific classes 
	and id's for any and all information displayed 
	inside of a (cr) container */
	
#cr h1 {
	border-bottom: 2px solid #999966;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 180%;
}
#cr h2 {
	padding: 4px;
	margin: 30px 0px 10px 0px;
	border-bottom: 1px dashed #d3d3d3;
	font-size: 130%;
	background: #f4f6f3;
}
#cr img {
	margin: 10px 20px 10px 0px;
	padding: 6px;
	border: 1px solid #d3d3d3;
	background: #ffffff;
}
#cr #picture {
	margin: 10px 20px 10px 0px;
	padding: 6px;
	border: 1px solid #dedacd;
	width: 45%;
	float: left;
	text-align: center;
	background: #f6f4ed;
}
#cr #picture img {
	border: none;
	margin: 0px;
	background: #ffffff;
}
#cr #picture label {
	display: block;
	padding: 4px;
	border-top: 2px solid #dedacd;
	margin: 5px 4px 0px 4px;
	font-size: 90%;
	color: #898989;
}

#cr #related {
	padding: 10px;
	border-left: 1px solid #dedacd;
	border-right: 1px solid #dedacd;
	background: #f6f4ed;
}
#cr #related h2 {
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 10px 0px;
	background: none;
}

#cr ul ul {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
}



/*	Pictures requested by client
	--------------------------------------- */
	
#pictures {
	position: absolute;
	top: 300px;
	left: 25px;
}
#pictures img {
	margin: 0px 0px 60px 0px;
	padding: 5px;
	border: 1px solid #d3d3d3;
	background: #ffffff;
}

	

/*	Tables in the (cr) container
	--------------------------------------- */

#cr table {
	border: 1px solid #e4dbd5;
	width: 99%;
}
#cr th {
	text-align: left;
	border: 1px solid #e4dbd5;
	margin: 10px;
	padding: 5px;
	font-size: 110%;
	background: #f7f3ef;
}
#cr td {
	border: 1px solid #f9f5f1;
	padding: 5px;
}
#cr th a{
	background:images/Arrow_Tiny.gif) no-repeat right ;
	padding: 1px 15px 0px 0px;
	text-decoration: none;
	margin: 30px 0px 0px 0px;
	/*color: #777777;*/
	text-decoration: none;
}

	
/*	Footer (f)
	---------------------------------------
	This area defines all Specific classes 
	and id's for the Standard DET Footer */

#f {
	border-top: 2px solid #da751c;
	padding: 10px 10px 20px 10px;
	clear: both;
}