* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%;  }

body { font-size: 100%; height: 100%;  background:#E4F8FF url('/images/bg_page.gif') repeat-x 50% 0; }

h1, h2, h3, h4, h5 { font: normal 100%/100% "Lucida Grande", Arial, verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 {   }
h2 { font: bold 100%/100% "Georgia", Arial, verdana, sans-serif; color: #004460; font-size: 22px; line-height: 100%; padding:0 0 10px 0; }
h3 { font: bold 100%/100% "Lucida Grande", Arial, verdana, sans-serif; color: #4B6000; font-size: 18px; line-height: 100%; padding:0 0 10px 0; }
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font: normal .75em/150% "Lucida Grande", Arial, Verdana, sans-serif; padding: 0 0 10px 0; }

a, a:visited { color: #369; }
a:hover { color: #369; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 10px 25px; }
ul li { padding: 0 0 5px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; margin:0; padding:0; display:block; }

#fluid_wrapper { width:100%; background:url('/images/bg_footer.gif') repeat-x 50% 100%; }
#wrapper { width: 1024px; margin: 0 auto; background:url('/images/bg_body.jpg') no-repeat 0 0; position:relative; }
#footer_wrapper { width: 1024px; margin: 0 auto;  height:249px; background:transparent; padding:60px 0 0 0 ; text-align:center;}
#footer { width: 1024px;  text-align:center; color:#fff; padding-top:100px;}
#footer ul li { display:inline; }
#footer li a { color:#fff; margin:0 10px 0 10px; text-decoration:none; }
#footer p a { color:#fff; text-decoration:none; }

#left_col { float:left; width:332px; }
#right_col { float:left; width:671px; padding:0px 0px 0 0px; margin:73px 0 0 0; background:url('/images/bg_tornpaper.jpg') repeat-y 0 0; }

#tornpaper_header { background:url('/images/bg_tornpaper_header.gif') repeat-x 0 0; width:479px; height:70px; margin:-10px 0 0 -24px; padding:25px 0px 0 25px; }

#tornpaper_header h1 {  padding: 20px 0 0 0; overflow: hidden; height: 0px !important; display:block; }
h1#regulation { background: url('/images/hed_regulation.gif') no-repeat 0 0; }
h1#about { background: url('/images/hed_about.gif') no-repeat 0 0; }
h1#whatwedo { background: url('/images/hed_whatwedo.gif') no-repeat 0 0; }
h1#keyfacts { background: url('/images/hed_keyfacts.gif') no-repeat 0 0; }
h1#faq { background: url('/images/hed_faq.gif') no-repeat 0 0; }
h1#conews { background: url('/images/hed_conews.gif') no-repeat 0 0; }
h1#location { background: url('/images/hed_location.gif') no-repeat 0 0; }
h1#contact { background: url('/images/hed_contact.gif') no-repeat 0 0; }

p.question { color:#4B6000; font-weight:bold; }
p.see_all { padding-bottom:30px; font-size:10px; }

#photo_spacer { float:right; width:220px; height:70px; }
#photo_spacer_home { float:right; width:220px; height:160px; }

#nav { background:url('/images/bg_nav.jpg') repeat-x 0 0; width:199px; height:500px; text-align:center; color:#fff; padding:50px 57px 0 76px; }

#nav ul {padding:0 0 0 0px; margin:0 0 0 0px;}

#nav li	{
	padding:0px;
	margin:0px;
	list-style: none;
	background-repeat: no-repeat;
}


#nav a {
	width:208px;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important;  
	display:block;
	}

#nav li	{ width:208px;}

#nav a#contact { background: url('/images/nav_contact_off.gif'); }
#nav a#location { background: url('/images/nav_location_off.gif'); }
#nav a#conews { background: url('/images/nav_conews_off.gif'); }
#nav a#faq { background: url('/images/nav_faq_off.gif'); }
#nav a#keyfacts { background: url('/images/nav_keyfacts_off.gif'); }
#nav a#regulation { background: url('/images/nav_regulation_off.gif'); }
#nav a#whatwedo { background: url('/images/nav_whatwedo_off.gif'); }
#nav a#about { background: url('/images/nav_about_off.gif'); }
#nav a#home { background: url('/images/nav_home_off.gif') 0px 0px; }
	
.featured_link{ margin: 25px 0; }
.featured_link a{
  padding: 15px;
  background-color: #E5F8FF;
  border: 1px solid #999;
}

h1.tagline {  font: normal 100%/120% "Lucida Grande", Arial, verdana, sans-serif; font-size:18px; font-weight:bold; color:#4B6000; width:322px; padding:0 0 25px 0; }

#tornpaper_top { min-height:600px; background:url('/images/bg_tornpaper_top.jpg') no-repeat 0 0; padding:42px 40px 0 48px; }
#tornpaper_bottom { width:671px; height:37px; background:url('/images/bg_tornpaper_bottom.jpg') no-repeat 0 100%; }

.aged_photo { position: absolute; top: 30px; left: 750px; z-index: 1; }

#distortion { float:right; width:280px; background:url('/images/bg_distortion.gif') repeat-y 0 0; margin: 0 0px 15px 20px; }
#distortion_top { /*width:552px;*/ height:16px; background:url('/images/bg_distortion_top.gif') no-repeat 0 0; }
#distortion_bottom { /*width:552px;*/ background:url('/images/bg_distortion_bottom.gif') no-repeat 0 100%; }
#distortion_content { margin: 5px 25px 0px 25px; padding:0 0 20px 0; }
#distortion_content h3 { text-transform:uppercase; font: bold 90%/100% "Georgia", Arial, verdana, sans-serif; }
#distortion_content p.question { color:#303030; line-height:110%; font-weight:bold; padding:0 0 10px 0; margin:0; font-size:.85em; }


/************ styles for notice/error divs ************/
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }


/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }


/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/