/*
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Sidebar Styles
	$4 - Content Styles
	$5 - Footer Styles
	$6 - Form Styles
*/


/* undohtml.css 
(CC) 2004 Tantek Celik. Some Rights Reserved.
http://creativecommons.org/licenses/by/2.0
This style sheet is licensed under a Creative Commons License.
Purpose: undo some of the default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background:#ffffcd url(images/site-bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666666;
	padding-bottom:20px;
	text-align:center;
	}
	
#container {
	text-align:left;
	width:740px;
	margin:0 auto;
	}


#content-container {
	clear:both;
	margin:0 0 15px 0;
	}
	
#sidebar-left {
	float:left;
	width:160px;
	padding:140px 0 0 0;
	background:url(images/sidebar-left-top-bg.gif) no-repeat;
	}
	
#main-content {
	float:right;
	width:567px;
	padding:10px 0 0 0;
	background:url(images/content-bg-top.gif) no-repeat;
	}

	#main-content ul.bullet{
		list-style:circle;
		padding:.5em 15px .5em 15px;
		
	}
	#main-content ul.bullet li{
		margin-bottom:.5em;
		font-size:.7em;
		
	}	

	#main-content blockquote{
		padding:1em 30px;
		font-size:.7em;
		color:#A39B77;
		line-height:1.8em;
	}	
	#main-content blockquote p{
		font-size:1em;
		}

	#main-content blockquote.hilite{
		background: url('images/left-top-corner-box.jpg') left top no-repeat; 
	}	
	
	
		#main-content blockquote strong{
			font-size:1em;

		}		
	#main-content a, #main-content a:visited{
		color:#E18B00;		
	}
	#main-content a:hover{
		color:#555;
	}
	
	


.content-wrapper {
	padding:15px 25px 25px 25px;
	background:white url(images/main-content-bg.gif) bottom no-repeat;
	}
	
#footer {
	clear:both;
	float:left;
	width:740px;
	background:url(images/footer-border-top.gif) repeat-x;
	padding-top:10px;
	margin-top:10px;
	color:#e84a4b;
	}
	
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/

.header-logo {
	margin-bottom:5px;
	}

#header-banner{
	clear:both;
}
#header-nav {	
	margin-bottom:10px;
  }
  
	#header-nav  ul {
		list-style:none;
		float:left;
		width:740px;
		border-bottom:1px solid #CECDC9;		
	}
	
	#header-nav  li {
		float:left;
		background:url(images/nav-tab-left.gif) no-repeat left top;
		padding:0 0 0 5px;
	}
	
	#header-nav  a {
		font-size:.7em;
		float:left;
		display:block;
		background:url(images/nav-tab-right.gif) no-repeat right top;
		padding:5px 13px 5px 8px;
		text-decoration:none;
		font-weight:bold;
		color:#e84a4b;
	}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header-nav  a {float:none;}
/* End IE5-Mac hack */
#header-nav  a:hover {
  color:#333;
  }
  
#header-nav  #current {
  background-image:url(images/nav-tab-left-hover.gif);
  }
  
#header-nav  #current a {
  background-image:url(images/nav-tab-right-hover.gif);
  color:#fff;
  padding-bottom:5px;
  }

#header-banner img {
	margin:0 2px 0 0;
	padding:0;
	}
	
#header-banner img.last {
	margin:0;
	}	
	
	
/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

#sidebar-left ul {
	padding-bottom:10px;
	background:url(images/sidebar-ul-bottom-bg.gif) bottom no-repeat;
	}
	
#sidebar-left li {
	padding-left:10px;
	}
	
#sidebar-left li.current a{
	color:#666;
	}	

#sidebar-left li a {
	font-size:.7em;
	display:block;
	height:45px;	
	width:140px;
	w\idth:128px;
	padding:0 0 0 12px;
	line-height:45px;
	background:url(images/sidebar-li-bg.gif) no-repeat;
	color:#e84a4b;
	}
	
#sidebar-left li a:hover {
    color:#666666;
	}

	
/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

h1,h2,h3,h4,h5,h6 {
	margin:0 0 20px 0;
	color:#E30F11;
	}
	
h1 {
	font-size:1.2em;
	font-weight:normal;
	}
h2 {
	font-size:1em;
	font-weight:normal;
	}
h3 {
	font-size:.8em;
	font-weight:bold;
	color:#666;
	}	

p {
	font-size:.7em;
	margin:0 0 10px 0;
	line-height:1.5em;
	}

#access_keys td, #access_keys th{
	font-size:.7em;
}

img {
	border:none;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	

/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/
	
.footer-left {
	float:left;
	width:740px;
	font-size:.7em;
	text-align:left;
	line-height:1.5em;
	color:#999;
	}
.footer-menu {
	float:left;
	width:740px;
	font-size:.7em;
	text-align:center;
	line-height:1.5em;
	color:#999;
	}	

.footer-right {
	float:right;
	font-size:.7em;
	line-height:1.5em;
	}

#footer a {
	padding:0 5px;
	color:#e84a4b;
	}
	
	
#footer a:hover {
	color:#666666;
	}
	
/* $6 - Form Styles ///////////////////////////////////////////////////////////////////////////////////*/

fieldset {
	padding:10px;
	margin-bottom:15px;
	border:1px solid #ccc;
	}

legend {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#e84a4b;
	margin-bottom:10px; /* needed for IE */
	}

/* remove the above margin for firefox */

html > body legend {
	margin-bottom:0; 
	}
	
label, input, textarea, select {
	margin-bottom:5px;
	font-size:.7em;
	}

label {
	float:left;
	display:block;
	text-align: right;
	width: 110px;
	padding-right: 20px;

}

label.required {
	color:#e84a4b;
}

input {
	display: block;
	width: 294px;
	float: left;
	padding:3px;
	border:1px solid #ccc;
}

input#submit {
	display: block;
	width: 67px;
	margin:0 auto;
	float:none;
	padding:3px;
	border:1px solid #ccc;
	background:none;
	color:#e84a4b;
	font-weight:bold;
	cursor:pointer;
}

input:focus, textarea:focus, select:focus {
	background:#FFFEA1;
}

textarea {
	width:294px;
	padding:3px;
	border:1px solid #ccc;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	}

fieldset br {
	clear: left;
}


.bold {
	font-weight: bold;
}

.header {
	color:#E52325;
	font-weight: bold;
}

.clear{
	clear:both;
}


.img_right{
	float:right;
	vertical-align:top;
	padding-left:25px;
	padding-bottom:25px;
}
.clear_right{
	clear:right;
}

.col_right{
	float:right;
	width:100px;
	padding-left:20px;
}

.col_right img{
	padding-bottom:40px;
}
/* ************************************** */
/* *******ACCESSIBILITY ACCESS KEYS****** */
/* ************************************** */

#accesskeys {position:relative;padding:0px;margin:0px;margin:0px;text-align:left;width:290px;width:626px;}
#skiplinks{display:block;position:absolute;top:15px;left:180px;text-align:left;width:300px;height:1.7em;clip:rect(0px, 220px, 1.7em, 0px);}
#skiplinks UL {padding:0;margin:0;list-style:none;}
#skiplinks LI {font-family: Arial, Helvetica, sans-serif; padding:0;margin:0;list-style:none;display:inline;}
#skiplinks A {color:#000000;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;z-index:1000;}
#skiplinks A:active, #skiplinks A:focus {position:absolute;overflow:visible;width:auto;height:auto;margin:auto;padding:3px;background-color:#E7FF44;text-decoration:none;}