/*	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 url(../images/main_background.jpg) no-repeat top right;
}
a {
	color: #047ba1;
	
}
a:hover {
	color: #ff9600;
	text-decoration: none;
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	/*line-height: 150%;*/
}
h1 {
	font-size: 220%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	
}
h2 {
	font-size: 180%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	font-weight: normal;
}
h3{
	font-size: 140%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	font-weight: normal;
}
h4{
	font-size: 120%;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	
	font-weight: bold;
}
shr { 
	color: #f0ebe6;
	background: #f0ebe6;
	border: 0px;
	height: 1px;
	clear: left;
}
hr { 
	border: 1px dashed #f0ebe6;
}



/*	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 #4b597c;
	background: #394665;
}
#ch h1 {
	text-align: right;
	padding: 8px;
	color: #ffffff;
	font-size: 180%;
}

/*	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: #f9f6f2 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: #3a3a3a;
}
#cl dd {
	margin: 0px 0px 0px 0px;
}
#cl dd a {
	display: block;
	padding: 7px 4px 7px 12px;
	border-bottom: 1px dashed #d4cfc8;
	color: #047ba1;
	background: url(../images/li_arrow_a.gif) no-repeat -4px 6px;
}
#cl dd a:hover {
	color: #3a3a3a;
	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 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#cr h2 {
	padding: 4px 25px 4px 4px;
	margin: 30px 0px 10px 0px;
	text-align: right;
	width: 95%;
	border-top: 1px solid #ff6600;
	background: url(../images/clock.gif) no-repeat right 10px ;
}
#cr h2 sub {
	display: block;
	font-size: 15px;
	color: #a7a199;
}
#cr img {
	margin: 10px 20px 10px 0px;
	padding: 6px;
	border: 1px solid #d3d3d3;
	background: #ffffff;
}

	

/*	Tables in the (cr) container
	--------------------------------------- */

#cr table {
	border-top: 6px solid #e4dbd5;
	width: 95%;
	margin: 0px 0px 0px 0px;
}
#cr th {
	text-align: left;
	border: 1px solid #e4dbd5;
	margin: 10px;
	padding: 5px;
	font-size: 110%;
	background: #f7f3ef;
	vertical-align: top;
}
#cr th span{
	display: block;
	float: right;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	background:  url(../images/li_arrow_c.gif) no-repeat right;
	font-size: 80%;
}

#cr td {
	border: 1px solid #f9f5f1;
	padding: 0px;
	vertical-align: top;
}
#cr th a{
	background: url(../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;
}
#cr .label {
	width: 160px;
	font-size: 120%;
	font-weight: normal;
	background: #fefdfc;
	text-transform: uppercase;
	border-right: 8px solid #f7f3ef;
	padding: 5px;
}
#cr .label em {
	font-style: normal;
	color: #5e5e5e;
	font-size: 70%;
}
#cr .term {
	border-bottom: 1px dashed #f0ebe6;
	padding: 8px;
}
#cr .break {
	border-bottom: 1px dashed #f0ebe6;
	padding: 8px;
	background: url(../images/break.gif) repeat-x;
}

#cr table caption {
	color: #a7a199;
	text-align: left;
	padding: 10px 10px 10px 40px;
	background: #fefdfc url(../images/information.gif) no-repeat 10px 13px;
	border: 1px solid #f9f5f1;
	xborder-top: none;
	margin: 10px 0px 0px 0px;
}

#cr table .c3 {
	width: 40%;
}

#cr table .s {
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	background: #fefdfc;
	border-bottom: 2px solid #f9f5f1;
	padding: 5px;
	white-space: nowrap;
}

#td2008 td {
	padding: 5px;
}
