* { margin:0; padding:0; }

img { border:0; }
body { text-align:center; background:#000; }

#container { position:relative; width:1000px; margin:0 auto; text-align:left; font:14px Arial; color:#eee; }

#header { position: relative; }
	#utl { display: block; float:right; }
	#logo { float:left; }
	#nav { width: 370px; float:right; margin:100px 0px 0px 0px; border-top:1px solid #1e1e1e; border-bottom:1px solid #1e1e1e; padding:7px 0; font:14px trebuchet ms, arial; }
		#nav ul { margin:0px; list-style:none; }
		#nav li { display:inline; margin:0px 5px; padding:10px; }
		#nav a { color:#a3a3a3; text-decoration:none; }
		#nav a:hover { color:#cf6333; }
		
	#flash { float:left; }
		
	#cta { float:right; width:400px; padding-left: 25px; }
		#cta .element .divider { border-bottom:1px solid #212121; margin-top: 10px;}
		#cta .element { color:#eee; padding:10px 25px; }
			#cta .element .pic { float:left; margin:0 10px 0 0; }
			#cta .element h2, #cta .element .title { font:bold 18px Arial; color:#cf6333; margin:0 0 5px 0; }
			#cta .element p, #cta .element .text { font:14px Arial; color:#eee; line-height:16px; margin:0 0 5px 0; }
			#cta .element a { color:#8b8b8b; font-weight:bold; text-decoration:none; }
			#cta .element a:hover { text-decoration:underline; }
			#cta .element .learnmore, .learnmore { float:right; text-align:right; font-size:11px; }
			
#body { position:relative; z-index:1000; background:url("../images/background-body.jpg") top center no-repeat; padding:75px 0; margin:-30px 0 0 0; }
	#content h1 { font:24px Arial; color:#747474; margin:0 0 15px 0; }
	#content h2 { font:bold 18px Arial; color:#ffffff; margin:20px 0 5px 0; background-color: #cf6333; padding: 3px; }
	#content h3 { font:bold 14px Arial; color:#cf6333; margin:20px 0 5px 0; border-bottom: 1px dotted #cf6333; padding-bottom: 3px; }
	p, #content p { line-height:18px; margin:0 0 10px 0 ; }
	ul, ol, #content ul, #content ol { margin:0 0 15px 30px; }
	a, #content a { color:#a3a3a3; text-decoration:none; }
	a:hover, #content a:hover { text-decoration:underline; }
	.titleanchors a { font-weight: bold; }
	
	#page-title { font:italic 30px Arial; color:#747474; margin: 30px 0 10px 0px; padding:0 0 5px 25px; border-bottom:1px dotted #282828; width:45%; }
	#page-subnav { font:italic 12px Arial; color:#a3a3a3; margin:0 0 30px 15px; }
	#page-subnav a { color:#cf6333; text-decoration:none; padding-left:10px; padding-right:10px; }
	#page-subnav a:hover { color:#a3a3a3; }

	
	#content { }
	#widecontent { float:left; width:900px; }
	
.tablegrid td { line-height:18px; margin:0 0 10px 0; padding-bottom: 20px; }

	#overview { float: 220px; }
		#overview-nav { float:left; font:18px trebuchet ms, arial; text-align:right; }
			#overview-nav ul { margin:0; list-style:none; }
			#overview-nav li { border-right:1px solid #282828; padding:10px 10px 10px 0; width:190px; }
			#overview-nav a { color:#444; text-decoration:none; }
			#overview-nav a:hover { color:#cf6333; }
			#overview-nav .on { color:#cf6333; border-right:0; border-top:1px solid #282828; border-bottom:1px solid #282828; }
			#overview-nav .on a { color:#cf6333; }
			
		#overview-content { float:right; width:760px; }
			#overview-content .element { float:left; width:155px; padding:0 15px; border-right:1px solid #212121; color:#eee; }
				#overview-content .element .pic { margin:0 0 5px 0; }
				#overview-content .element h2, #overview-content .element .title { font:bold 18px Arial; color:#cf6333; margin:0 0 5px 0; }
				#overview-content .element p, #overview-content .element .text { font:14px Arial; color:#eee; line-height:16px; margin:0 0 5px 0; }
				#overview-content .element a { color:#8b8b8b; font-weight:bold; text-decoration:none; }
				#overview-content .element a:hover { text-decoration:underline; }
				#overview-content .element .learnmore { float:right; text-align:right; font-size:11px; }
				
#footer { background:url("../images/background-footer.jpg") top center repeat-x; }
	#footer-inner { position:relative; width:1000px; margin:0 auto; padding:35px 0; font:14px arial; line-height:18px; color:#444; text-align:left; }

a.link { color:#8b8b8b; font-weight:bold; text-decoration:none; font-size:11px; }
a.link :hover { text-decoration:underline; }

.orange { color:#cf6333; }

.alignleft { float:left; }
.alignright { float:right; }
.leftpanel { float: left; vertical-align: top; padding-right: 25px; }
.rightpanel { float: right; width: 45%; vertical-align: top; padding-left: 25px; border-left: dashed 1px #282828;  }
.widepanel { width: 900px; text-align: left; }
.photo { background:#000000; padding:2px; border:1px solid #ffffff; }
.displayon { display:block; }
.displayoff { display:none; }

.clear { clear:both; height:1px; margin-top:-1px; overflow:hidden;  }
.form td { padding: 3px; }

.jump { text-align: right; font-size: 10px; color: #a3a3a3; }
.jump a, .jump a:hover { color: #a3a3a3; text-decoration: none; }

.griddata { border: solid 1px #ffffff; }
.griddata th { padding: 8px; background-color: #333333; font-size: 90%; }
.griddata td { padding: 5px; font-size: 80%;}

/* Controls */
textarea, select  { background-color: #ffffff; padding: 3px 6px 3px 3px; margin:0 3px 3px 0px; border: solid 1px #bbb; } 
input[type="text"], input[type="password"] { background-color: #ffffff; border:1px solid #bbb; padding: 3px 10px 3px 3px; margin:0 3px 3px 0px; font-size:14px; }
input[type="submit"], input[type="button"], .submitbutton { border-radius: 5px; color: #000000; border:1px solid #969696; background-color:#cacaca; padding:5px 10px; margin: 8px 15px 8px 0px; font-size:14px; cursor:pointer; text-align: center; }
input[type="checkbox"] { padding-top: 4px; margin:0px 4px 4px 0px; }
input[type="radio"] { padding-top: 0px; margin: 0px 4px 0px 0px; }
input.invalid, textarea.invalid { background-color: #ffebeb; border: 1px; border-color: #f5c1c2 !important; border-style: solid; }
input.invalid:focus, textarea.invalid:focus { background-color: #ffebeb; border: 1px; border-color: #f5c1c2 !important; border-style: solid; }

