/******************************
   General element styles
******************************/
* { margin:0; padding:0; }
html, body { height:100%; }
body { font-family:Arial, Helvetica, sans-serif; font-size:100%; position:relative; background:#ffffff; }
h1 { font-size:28px; color:#2068a9; margin:0 0 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } 
h2 { font-size:18px; color:#333333; margin:0 0 8px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
h3 { font-size:18px; color:#333333; margin:0 0 8px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
h4 { font-size:14px; color:#333333; margin:0 0 8px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
ol { margin:0 0 10px 24px; }		
	ol.last { margin:0 0 24px 24px; }
ul { margin:0 0 10px 18px; }
	ul.last { margin:0 0 24px 18px; }
input, select, textarea, button { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }
a { color:#1133AA; text-decoration:none; outline:none; }
	a:hover { text-decoration:underline; }
p { margin:0 0 12px; line-height:15px; }
	p.last { margin:0 0 24px; }
img { border:none; }
label { display:block; }
blockquote { }
	blockquote p { line-height:18px; }
.required { color:#F3161E; }
.error { padding:10px; margin:0 0 10px 1px; background:#ffb7b8; border:1px dotted #b7131a; color:#b7131a; font-size:12px; }
.success { padding:10px; margin:0 0 10px 1px; background:#d9f1bd; border:1px dotted #4c692f; color:#4c692f; font-size:12px; }
	.error p.last, .success p.last { margin:0; }

/******************************
   Wrap
******************************/	
#wrap { width:800px; height:100%; height:auto !important; min-height:100%; margin:0 auto; overflow:hidden; font-size:12px; position:relative; color:#333333;  }

	/******************************
	   Header
	******************************/	
	#header { overflow:hidden; margin:0 0 8px; }	

		/******************************
		   Logo
		******************************/	
		#header #logo { overflow:hidden; zoom:1; float:left;  padding:8px 0 0; }
			#header #logo * { float:left; }		
			#header #logo .subtitle { margin:35px 0 0 8px; color:#333333; font-weight:bold; font-size:16px; }			
		
		/******************************
		   Phone
		******************************/	
		#header #phone { float:right; width:190px; height:42px; padding:8px 10px 0 0; margin:0 0 10px; background:url('../images/bg-phone.gif'); text-align:right; }	
			#header #phone p { margin:0 0 2px; }			
			#header #phone .number { font-size:16px; font-weight:bold; }
			#header #phone a { color:#333333; }				
				#header #phone a.home { background:url('../images/icon-home.gif') no-repeat 0px 2px; padding:0 0 0 14px; margin:0 8px 0 0; }
				#header #phone a.contact { background:url('../images/icon-contact.gif') no-repeat 0px 2px; padding:0 0 0 14px; }			
	
		/******************************
		   Logged In
		******************************/	
		#header .logged-in { float:right; width:190px; font-size:11px; text-align:right; }		
	
	/******************************
	   Nav
	******************************/	
	#nav { position: relative; background:url('../images/nav-bg.gif') no-repeat bottom center; margin:0 0 12px; z-index:100; }
		#nav * { cursor:pointer;  }
		#nav ul { width:720px; margin:0 auto; list-style:none; } 	
		#nav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	/* needed to clear */

			#nav ul li { position: relative; float:left; margin:0 1px; } 
				#nav ul li a { display:block; height:31px; width:130px; padding:0 12px 0 0; background:url('../images/navitem-bg.gif') no-repeat right top; font-weight:bold; line-height:31px; text-align:center; color:#333333; }	
					#nav ul li span { display:block; height:31px; padding:0 0 0 12px; background:url('../images/navitem-leftcap.gif') no-repeat left top; }
				
				#nav ul li.on { }
					#nav ul li:hover a, #nav ul li.on a { background:url('../images/navitem-bg-on.gif') no-repeat right top; text-decoration:none; }
					#nav ul li:hover a span, #nav ul li.on a span { background:url('../images/navitem-leftcap-on.gif') no-repeat left top;  }					
				
		/* First tier dropdown */
		#nav ul ul { position: absolute; left: -9999px; top:31px; }
		#nav ul li:hover ul { left: 0; zoom: 1; }
		
			#nav ul ul { width: 140px; border:1px solid #cccccc; }
				#nav ul ul#nav-support { width:210px; }			
					#nav ul ul li { margin: 0; padding:0; float: none; }		
						#nav ul li li a { display:block; white-space: nowrap; text-align: left; padding: 0 10px; background: #f7f7f7 !important; width: auto;  border-bottom:1px solid #cccccc;}
						#nav ul ul li a.last { border:0; }							
						#nav ul li li a:hover, #nav ul li li a.on { text-decoration:none; background:#dddddd !important; }						
		
		/* Second tier dropdown */
		#nav ul ul ul { position: absolute; top:0; left: -9999px !important; }
		#nav ul ul li:hover ul { left: 100% !important; zoom:1; }				
					
	/******************************
	   Footer
	******************************/						
	#footer { overflow:hidden; padding:12px 0 6px; border-top:1px solid #cccccc; font-size:10px; }
	
		/******************************
		   Menu
		******************************/		
		#footer .menu { float:left; } 		
			#footer  a { text-decoration:underline; }		
		
		/******************************
		   Copy
		******************************/	
		#footer .copyright { float:right; }