/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * overriden basic html tags.
 */
body {
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
p, h1, h2, h3, h4, h5, span {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p {
	color: #333333;
	margin: 0px 0px 12px 0px;
	font-size: 11px;
}
h1 {
	margin: 0px 0px 0px 0px;
}
h2 {
}
h3 {
	font-size: 12px;
	font-weight: normal;
	color: #cc0000;
	font-size: 17px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
}
h4 {
	font-size: 16px;
	font-weight: bold;
}
ul, ol, li {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 1.5em;
}
img {
	border: 0px;
}
a, .link_button {
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #cc0a00;
}
a:hover, .link_button:hover {
	text-decoration: underline;
}
table {
	border-collapse: collapse;
}
th, td {
	vertical-align: top;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
hr {
	display: none;
}



/**
 * Site Main Layout.
 */
#container {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 993px;
}
#main_wrapper {
}
/* column 1 (left) */
#navigation {
	float: left;
	width: 175px;
	background-color: #cccccc;
	margin: 0px 0px 10px 0px;
}
/* column 2 (middle) */
#main_content {
	float: left;
	width: 592px;
	margin: 5px 5px 10px 5px;
	padding: 0px 10px 0px 10px;
}

/* column 3 (right) */
#utility {
	float: left;
	width: 196px;
	margin: 5px 0px 10px 0px;
}




/**
 * header
 */
#header {
	height: 121px;
	background-repeat: no-repeat;
	background-color: #eebeb5;
	 background-image: url("/images/header01.jpg");
	background-position: top right;
}
#header span {
	display: none;
}
#header #header_logo a {
	display: block;
	height: 119px;
	border: 1px solid #000000;
	width: 173px;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image: url("/images/hhh_logo.gif"); 
	background-repeat: no-repeat;
	background-color: #cc0000;
	background-position: 15px 8px;
}
#header #header_nav {
	background-color: #cc0000;
	height: 29px;
	width: 808px;
	float: right;
	margin: 89px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
/*	background-image: url("/images/thehistorychannel.gif"); */
	background-repeat: no-repeat;
	background-position: right;
}
#header #header_nav h2.quicklinks {
	display: none;
}
#header #header_banners img {
	position: absolute;
	margin: 6px 0px 0px 7px;
	_margin: -114px 0px 0px 183px;
	width: 607px;
	height: 75px;
}





/**
 * footer
 */
#footer {
	clear: both;
	text-align: center;
	padding: 0px 0px 0px 0px;
	width: 993px;
	height: 20px;
	font-size: 10px;
	border-top: 4px solid #ce0202;
	padding: 5px 0px 0px 0px;
}
#footer p {
	color: #4e4e4e;
	margin: 5px 0px 0px 0px;
	font-size: 10px;
}
#footer h3 {
	display: none;
}
#footer p.knowthestory {
	width: 143px;
	height: 26px;
	float: left;
	position: absolute;
	margin: -16px 10px 0px 836px;
	background-image: url("/images/knowthestory.gif");
}
#footer p.knowthestory span {
	display: none;
}
#footer a {
	color: #4e4e4e;
	font-weight: normal;
}
#footer li {
	color: #4e4e4e;
	font-weight: normal;
	display: inline;
	margin: 20px 14px 20px 14px;
	font-size: 10px;
}



/**
 * utility
 */
#utility #competition {
	margin: 0px 0px 5px 0px;
	background-color: #dcdcdc;
}
#utility #asktheexpert {
	margin: 0px 0px 5px 0px;
	background-color: #dcdcdc;
}
#utility #email_signup {
	background-color: #dcdcdc;
	_height: 166px;
	min-height: 172px;
}
#utility #competition h3, #utility #asktheexpert h3, #utility #email_signup h3 {
	font-size: 11px;
	text-transform: uppercase;
	background-color: #cc0000;
	height: 18px;
	margin: 0px;
}
#utility #competition h3 span, #utility #asktheexpert h3 span, #utility #email_signup h3 span {
	display: none;
}
#utility #competition p, #utility #asktheexpert p, #utility #email_signup p {
	padding: 4px 6px 4px 6px;
	margin: 0px;
}
#utility #competition a, #utility #asktheexpert a, #utility #email_signup a {
	display: block;
	width: 100%;
	height: 18px;
}
#utility #email_signup p {
	padding-top: 3px;
	padding-bottom: 3px;
}
#utility #email_signup label strong {
	margin: 4px 6px 4px 6px;
}
#utility #email_signup input.textbox {
	margin: 6px 6px 4px 6px;
	width: 118px !important;
	float: left;
}
#utility #email_signup input.button {
	width: 54px;
	margin: 6px 0px 0px -2px;
	_margin: 6px 0px 0px -6px;
}
#utility #competition h3 a {
	background-image: url("/images/utilityheader_classroom.gif");
}
#utility #asktheexpert h3 a {
	background-image: url("/images/utilityheader_askexpert.gif");
}
#utility #email_signup h3 {
	background-image: url("/images/utilityheader_emailreminder.gif");
}



/**
 * general styles used.
 */
#main_content h2 {
	background-repeat: no-repeat;
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px solid #000000;
}
#main_content h2 a {
	display: block;
	height: 24px;
	width: 260px;
}
#main_content h2 span {
	display: none;
}
.clearer {
	clear: both;
}
#enter_competition {
	text-align: center;
	clear: both;
}
#enter_competition img {
	border: 1px solid #000000;
}
#enter_competition img:hover:hover {
	border: 1px solid #cc0000;
}


/* for data lists (simulates tables) */
p.data_list {
	float: left;
	clear: both;
	width: 100%;
	min-height: 17px;
	_height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;	
}
p.data_list strong {
	display: block;
	width: 170px;
	float: left;
	_margin: 0px 0px 200px 0px;
}

/* for data lists (admin_options) */
.admin_options {
	border: 3px solid #cc0000;
	padding: 3px 5px 3px 5px;
}



/**
 * form elements.
 */
 
/* basic form elements */
form {
	margin: 0px 0px 0px 0px;
}
textarea, input, option, label, select, input, .label {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
}
input.button {
	background-color: #e3e3e3;
	cursor: pointer;
	padding: 1px 8px 1px 8px;
	_padding: 0px 3px 0px 3px;
}
input.button:hover {
	background-color: #cccccc;
}
input.textbox {
	width: 218px;
	padding: 2px 3px 2px 3px;
	_padding: 2px 3px 1px 3px;
}
input.textbox_small {
	width: 80px;
	padding: 2px 3px 2px 3px;
	_padding: 2px 3px 1px 3px;
}
textarea {
	padding: 3px;
}
textarea.textbox {
	height: 100px;
	width: 250px;
}
textarea.textbox_small {
	height: 100px;
	width: 234px;
}
textarea.textbox_large {
	height: 170px;
	width: 390px;
}
textarea.textbox_medium {
	height: 110px;
	width: 390px;
}
textarea.signature_textbox {
	width: 340px;
	height: 60px;
}
input.radio {
	vertical-align: text-bottom;
	_vertical-align: baseline;
}
select {
	margin: 0px 3px 0px 0px;
	padding: 1px;
}
input.button,
input.textbox,
input.textbox_small,
textarea.textbox,
textarea.textbox_small,
textarea.textbox_large,
textarea.textbox_medium,
textarea.signature_textbox ,
select {
	border: 1px solid #000000;
}
input.textbox:hover,
input.textbox:focus,
input.textbox_small:hover,
input.textbox_small:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
	background-color: #f0f0f0;
}

/* basic form elements - sorts data lists in to what looks like tables */
#main_content label, #main_content .label {
	float: left;
	clear: both;
	width: 100%;
	min-height: 20px;
	padding: 0px 0px 8px 0px;
	font-weight: normal;
}
#main_content label.button_label {
	margin: 5px 0px 3px 9px;
	_margin: 5px 0px 0px 18px;
	width: 300px;
}
#main_content label strong, #main_content .label strong {
	display: block;
	width: 170px;
	float: left;
	margin: 2px 10px 0px 8px;
	padding: 0px 0px 0px 3px;
	font-weight: normal;
}

#main_content label em {
	display: block;
	margin: 0px 0px 0px 188px;
	_margin: 0px 0px 0px 200px;
	padding: 4px 0px 2px 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
}
#main_content label span {
	font-weight: bold;
	color: #FF0000;
}
.footer {
	clear: both;
	height: 0px;
	_display: inline;
	display: block;
}

.hidden {
	display: none;
	_height: 0px;
}

.link_button {
	
}

/* basic form elements - radio items for some pages */
.radioitem {
	display: block;
	margin: 0px 2px 7px 5px;
	padding: 0px 0px 0px 0px;
}
.radioitem label span {
	padding: 0px;
	margin: 3px 0px 3px 0px;
	_margin: 4px 0px 0px 0px;
	color: #000000;
	font-weight: normal;
}
#main_content .radioitem label input {
	margin: 2px 0px 0px 190px;
	_margin: 0px 0px 0px 80px;
	display: block;
	float: left;
}
#main_content .radioitem label strong {
	display: inline;	
	float: left;
	font-weight: normal;
}


/* standard form errors*/
.form_errors {
	background-color: #c3c3c3;
	margin: 0px 0px 10px 0px;
	padding: 5px 7px 5px 7px;
	border-top: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
}
.form_errors h4 {
}
.form_errors p {
	margin: 3px 0px 1px 0px;
	color: #000000;
}
.form_errors a {
}
.form_errors ul {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 5px 0px;
}
.form_errors li {
	list-style-type: disc;
}

/* standard form errors - highlights text fields when doesn't validate */
label.error select, label.error input {
	background: #E3B9BD;
}
label.error select:hover, label.error input:hover {
	background: #B6474A;
}



/**
 * Toolbars for admin
 */
.format_toolbar {
	display: block;
}
.format_toolbar a {
	background-repeat: no-repeat;
	background-position: center center;
	height: 18px;
	width: 18px;
	display: block;
	float: left;
	margin: 2px 2px 2px 0px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #AAAAAA;
}
.format_toolbar a span {
	display: none;
}
.bold_selection {
	background: url("/images/icons/bold.gif");
}
.italic_selection {
	background: url("/images/icons/italic.gif");
}
.underline_selection {
	background: url("/images/icons/underline.gif");
}
.colorred_selection {
	background: url("/images/icons/red.gif");
}
.colorbrown_selection {
	background: url("/images/icons/brown.gif");
}
.colororange_selection {
	background: url("/images/icons/orange.gif");
}
.coloryellow_selection {
	background: url("/images/icons/yellow.gif");
}
.colorgreen_selection {
	background: url("/images/icons/green.gif");
}
.colorblue_selection {
	background: url("/images/icons/blue.gif");
}
.colorpurple_selection {
	background: url("/images/icons/purple.gif");
}
.colorpink_selection {
	background: url("/images/icons/pink.gif");
}
.colordarkgrey_selection {
	background: url("/images/icons/darkgrey.gif");
}
.colorlightgrey_selection {
	background: url("/images/icons/lightgrey.gif");
}
.img_selection {
	background: url("/images/icons/image.png");
}
.link_selection {
	background: url("/images/icons/hyperlink.png");
}





/**
 * main navigation
 */
#navigation #tagline {
	background-image: url("/images/tagline.gif");
	background-position: center;
	background-repeat: no-repeat;
	height: 64px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
#navigation #tagline p {
	display: none;
}
h2.main_menu_title {
	display: none;
}
#menu_main {
	background-image: url("/images/menuback01.jpg");
	background-color: #000000;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 503px;
	_height: 503px;
	padding: 10px 0px 0px 0px;
}
#menu_main ul {
}
#menu_main li span {
	display: none;
}
#menu_main a {
	background-repeat: no-repeat;
	background-position: -3px 1px;
	display: block;
	height: 24px;
}
#menu_main li {
	background-repeat: no-repeat;
	background-position: -3px 1px;
	display: block;
	height: 21px;
}
#menu_main ul.members_nav {
	margin: 4px 0px 0px 0px;
}
#menu_main ul.members_nav li {
	margin: -2px 0px 0px 28px;
	_margin: -5px 0px 0px 28px;
}
#menu_main ul.members_nav li a {
	background-image: none;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
}
#menu_main ul.members_nav li a:hover {
	color: #f8e177;
	text-decoration: none;
}


/* main main items */
#menu_main li.home {
	background-image: url("/images/navigation/mainnav_home2.gif");
}
#menu_main li.getinvolved {
	background-image: url("/images/navigation/mainnav_getinvolved2.gif");
}
#menu_main li.seriesinfo {
	background-image: url("/images/navigation/mainnav_seriesinfo2.gif");
}
#menu_main li.househistorydesk {
	background-image: url("/images/navigation/mainnav_historytool2.gif");
}
#menu_main li.search {
	background-image: url("/images/navigation/mainnav_search2.gif");
}
#menu_main li.casestudies {
	background-image: url("/images/navigation/mainnav_casestudies2.gif");
}
#menu_main li.browse {
	background-image: url("/images/navigation/mainnav_browse2.gif");
}
#menu_main li.messageboard {
	background-image: url("/images/navigation/mainnav_messageboard2.gif");
}
#menu_main li.events {
	background-image: url("/images/navigation/mainnav_events2.gif");
}
#menu_main li.games {
	background-image: url("/images/navigation/mainnav_games2.gif");
}
#menu_main li.links {
	background-image: url("/images/navigation/mainnav_links2.gif");
}



#menu_main li.home a {
	background-image: url("/images/navigation/mainnav_home.gif");
}
#menu_main .getinvolved a {
	background-image: url("/images/navigation/mainnav_getinvolved.gif");
}
#menu_main li.seriesinfo a {
	background-image: url("/images/navigation/mainnav_seriesinfo.gif");
}
#menu_main .househistorydesk a {
	background-image: url("/images/navigation/mainnav_historytool.gif");
}
#menu_main .search a {
	background-image: url("/images/navigation/mainnav_search.gif");
}
#menu_main .casestudies a {
	background-image: url("/images/navigation/mainnav_casestudies.gif");
}
#menu_main .browse a {
	background-image: url("/images/navigation/mainnav_browse.gif");
}
#menu_main .messageboard a {
	background-image: url("/images/navigation/mainnav_messageboard.gif");
}
#menu_main li.events a {
	background-image: url("/images/navigation/mainnav_events.gif");
}
#menu_main li.games a {
	background-image: url("/images/navigation/mainnav_games.gif");
}
#menu_main li.links a {
	background-image: url("/images/navigation/mainnav_links.gif");
}



/* members house history tools menu items */
#menu_main li.housetimeline {
	background-image: url("/images/navigation/mainnav_housetimeline2.gif");
}
#menu_main li.stepbystepguides {
	background-image: url("/images/navigation/mainnav_stepbystep2.gif");
}
#menu_main li.privatemessages {
	background-image: url("/images/navigation/mainnav_messages2.gif");
}
#menu_main li.emailsms {
	background-image: url("/images/navigation/mainnav_emailsms2.gif");
}
#menu_main li.yourlinks {
	background-image: url("/images/navigation/mainnav_yourlinks2.gif");
}
#menu_main li.yourprofile {
	background-image: url("/images/navigation/mainnav_yourprofile2.gif");
}
#menu_main li.menuspacer {
	background-image: url("/images/navigation/mainnav_menuspacer.gif");
}


#menu_main .housetimeline a {
	background-image: url("/images/navigation/mainnav_housetimeline.gif");
}
#menu_main .stepbystepguides a {
	background-image: url("/images/navigation/mainnav_stepbystep.gif");
}
#menu_main .privatemessages a {
	background-image: url("/images/navigation/mainnav_messages.gif");
}
#menu_main .emailsms a {
	background-image: url("/images/navigation/mainnav_emailsms.gif");
}
#menu_main .yourlinks a {
	background-image: url("/images/navigation/mainnav_yourlinks.gif");
}
#menu_main .yourprofile a {
	background-image: url("/images/navigation/mainnav_yourprofile.gif");
}


#menu_main .ancestry {
	background-image: url("/images/navigation/ancestry2.jpg");
	background-position: 0px -24px;
	position: absolute;
	margin: 443px 0px 0px 2px;
	width: 171px;
	height: 54px;
}
#menu_main .ancestry a {
	background-image: url("/images/navigation/ancestry.jpg");
	background-position: 0px -24px;
	width: 171px;
	height: 54px;
}


#menu_main li a:hover {
	background: none;
}




/* main main log on status */
#menu_main #register_logon {
	background-color: #000000;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	width: 142px;
	border: 1px solid #cc0000;
	margin: 10px 0px 0px 10px;
	padding: 10px 6px 10px 6px;
	text-align: center;
}
#menu_main #register_logon h3 {
	display: none;
}
#menu_main #register_logon p {
	color: #ffffff;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	line-height: 1.6em;
}
#menu_main #register_logon a {
	color: #cc0000;
	display: inline;
}
#menu_main #register_logon a:hover {
}










/**
 * Multipage Controls
 */
.multipagecontrol {
	text-align: center;
	margin: 0px 0px 0px 0px;
	float: left;
}
.multipagecontrol a,
.multipagecontrol select.page_length  {
	vertical-align: middle;
}
.multipagecontrol a {
	background-color: #FFFFFF;
	margin: 0px 2px 0px 1px;
	text-decoration: none;
	font-weight: normal;
}
.multipagecontrol a,
.multipagecontrol select.page_length {
	border: 1px solid #eea2a2;
}
.multipagecontrol a {
	padding: 2px 6px 2px 6px;
}
.multipagecontrol a:hover,
.multipagecontrol a.currentpage {
	border: 1px solid #cc0000;
}
.multipagecontrol a:hover {
	border: 1px solid #cc0000;
	text-decoration: none;
}
.multipagecontrol a.currentpage {
	background-color: #cc0000;
	color: #FFFFFF;
}
.multipagecontrol p span {
	display: none;
}
.multipagecontrol select.page_length {
	padding: 1px 0px 1px 0px;
	margin: 0px 2px 0px 1px;
	width: 50px;
}





/**
 * legal page
 */
#legal {
}


/**
 * message page (message.php)
 */
#message h2 {
	background-image: url("/images/titles/confirm.gif");
}
#message h3 {
	margin: 0px 0px 10px 0px;
}

/**
* Competition Winners
**/
#competition_winners {
	background-color: #FFFFFF;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	margin: 10px 10px 10px 10px;
	height: 64px;
}
#competition_winners a {
	color: #000000;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	height: 44px;
	width: 135px;
	display: block;
}