/* 2008 Website Main Styles */

body, td, tr, th, p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; padding: 0; margin: 0; }

body { background-color: #eee; }

p { margin: 0 10px 5px 10px; }

h1 { 
	line-height: 24px; font-size: 18px; font-weight: bold;
	padding: 2px 10px; margin: 5px 5px 10px 0; 
	background: url(../images/backgrounds/h1-background.jpg) no-repeat; 
	border-left: 5px solid #036;
	color: white;
}

h2 { 
	line-height: 18px; font-size: 14px; font-weight: bold;
	padding: 0; margin: 15px 0 5px 10px; clear: left; 
}

h3 { 
	line-height: 16px; font-size: 12px; font-weight: bold; 
	padding: 0; margin: 15px 0 0 10px; clear: left; 
}

h4 { 
	line-height: 16px; font-size: 12px; font-weight: bold; color: #036;
	padding: 0; margin: 10px 0 0 10px; 
}

ul, ol { padding-top: 0; padding-bottom: 0; margin-top: 5px; margin-bottom: 5px; }
li { font-size: 12px; line-height: 24px; padding: 0; margin: 0; }
lh {margin: 0 0 10px -20px; padding: 0; margin-left: ; font-size: 14px;
	line-height: 18px; font-size: 12px; font-weight: bold; color: #036;  }

div#container { position: relative; width: 880px; border: 1px solid #ccc; border-top: 0; border-left: 0; background-color: white; padding: 10px; }
div#container { background-image: url(../images/nav/left-nav-ropes.jpg); background-repeat: no-repeat; background-position:  10px 10px; }

div.clearer { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

div#content { width: 610px; float: right; }

#content img.floatright { float: right; padding: 5px; border: 1px solid #DDD; margin-left: 12px; margin-right: 10px; }
#content img.floatleft { float: left; padding: 5px; border: 1px solid #DDD; margin-left: 10px; margin-right: 12px; }
#content img.inlineimage { padding: 5px; border: 1px solid #DDD; margin-left: 10px; margin-right: 10px; vertical-align: middle; }

#content div.imagecaption { float: right; display: inline; margin: 12px 10px 0 12px; }
#content div.imagecaption img { padding: 5px; border: 1px solid #DDD; }
#content div.imagecaption p { margin: 0; padding: 0; text-align: right; font-size: 10px; line-height: 15px; color: #999; }

#accom_seals {float: right;}
#accom_seals img {float: right; width: 40px; margin-top: 5px;}
#accom_seals #perc_1_seal {margin: 5px 30px 0px 10px;}
#accom_seals #donate_bottom {width: 168px; margin: 5px 15px 0px 0px; border: 0px;}

div#footer { padding: 0; width: 880px; margin: 10px 0 0 10px; }
div#footer p { font-size: 10px; line-height: 12px; margin: 0; padding: 0; margin-bottom: 10px; }

a { color: #25a; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }

.section { padding-bottom: 3px; border-bottom: 1px solid  #00AFD5; clear: both; }

ol lh { margin-left: 0; }
li.video { list-style-image: url(../images/lists/bullet-video.gif); }
li.link { list-style-image: url(../images/lists/bullet-link.gif); }
li.read { list-style-image: url(../images/lists/bullet-read.gif); }
li.pdf { list-style-image: url(../images/lists/bullet-read-new.gif); }
li.dvd { list-style-image: url(../images/lists/bullet-dvd.gif); }

ol.sectionlist { float: right; width: 250px; margin-left: 10px; padding: 0 10px; border-left: 1px solid silver; }
ol.sectionlist li { margin-left: 20px; padding-left: 10px; }

p.sectionheader { width: 275px;}

p.inlinevideo { text-align: center; padding: 20px;}

.small { font-size: 9px; }

.superscript { vertical-align: super; }

.new {
color: white;
background-color: #d00;
padding: 0 2px;
border: 1px dotted #ddd;
text-decoration: none;
}

.columnList p { width: 180px; float: left; }

form.contact p { margin-top: 4px; clear: left; }
form.contact label { font-weight: bold; width: 100px; float: left; text-align: right; padding: 0 10px; line-height: 18px; }
form.contact input, textarea { width: 300px; background-color: #eee; border: 1px solid #ccc; padding: 2px; font-size: 12px; }
form.contact input[type="checkbox"] {width: auto; }
form.contact input[type="submit"] { width: 180px; margin-left: 246px; background: #369; color: white; border: 0; }
form.contact input[type="submit"]:hover { background: #eee; color: #369; border: 0; }

.buttons { background: #f90; color: #000; border: 1px solid #eee; padding: 3px 5px; margin: 0 15px; text-decoration: none; font-weight: bold; }
.buttons:hover { background: #eee; color: #000; border: 1px solid #aaa; text-decoration: none; }

.emphasize { background: #fdb; }

.breakoutRight { width: 250px; float: right; padding: 10px; margin: 0 5px 0 10px; background: #eee; }
.breakoutRight h2, .breakoutRight p { margin: 0; }

div#FAQ { display: none; }