/*This is the base style sheet for the NTOC Talks Web site. 
This style sheet is divided into the following sections: 

1. Elements
2. Lists
3. Tables
4. Links
5. Major sections of the template
6. Classes
7. Page-specific Classes and IDs

More information is available in the NTOC Talks Style and Maintenance Guide */

/* ******** SECTION 1: Elements. ********* */

body {
	margin: 0;
	padding: 0; 
	background-image: url(images/body_background.gif);
	background-repeat: repeat-y; 
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	font-size: 18px;
	margin: 0 10px 15px 0;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	margin: 25px 0 10px 0;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3E5266;
	margin: 20px 0 10px 0;
	padding:  0;
	}

/* ******** SECTION 2: Lists. ********* */

/* ******** SECTION 3: Tables ******** */

.datatable, .resultstable {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ccc;
	}
	
.datatable th {
	text-align:left;
	background-color:#E4E4E4;
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	}
	
.resultstable th {
	text-align:left;
	background-color:#fff;
	padding: 5px 5px 5px 10px;
	}
	
.datatable caption {
	text-align: right;
	padding: 0 10px 5px 0;
}
	
.datatable td, .resultstable td {
	padding: 5px 5px 5px 10px;
	vertical-align: top;
	background-color: #fff;
	}
	
table.more {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	width: 100%;
}	
	
table.more td {
	text-align: right;
	padding-top: 3px;
}
	
.calendar {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:50%;
	}
.calendar th {
	text-align: center;
	background-color:#E4E4E4;
	}
.calendar td {
	padding: 5px;
	}
	
.forumtable {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.forumtable th {
	text-align: left;
	font-weight: normal;
}

/* ******** SECTION 4: Links. ********* */

a:link {  color: #004693;}
a:visited {  color: /*#004A00*/ #5C1680;}
a:active {  color: #007700;}
a:hover {  color: #007700;}

	
/********* SECTION 5:  Major sections of the template. *********** */	

#ntoc-image-print {
	display: none;
}

#header-company {
	position: absolute;
	top: 0px;
	left: 0px; 
	width:  100%;
	background-image: url(images/header-company_background.gif);
	background-repeat: repeat-x; 
	}

#header {
	position: absolute;
	top: 25px;
	left: 0px; 
	width:  100%;
	background-image: url(images/header_background.gif);
	background-repeat: repeat-x; 
	}

#sidebar {
	position: absolute;
	top: 117px;
	left: 0px;
	width:  121px;
	height:  442px;
	margin:  0px 0px 0px 0px;
	padding:  34px 17px 0px 18px;
	background-image: url(images/sidebar_background.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	}

.sidebar-buttonwrapper {
	border:  1px #ccc solid;
	background-image: url(images/sidebar-box_background.jpg);
	margin:  0px 0px 0px 0px;
	padding:  20px 0px 10px 0px;
	background-color: #e4e4e4;
	}

#sidebar p {
	margin:  0px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
	}

.sidebar-divider {
	margin:  18px 0px 5px 10px;
	border-top: 1px solid #ccc;
	padding: 0px 0px 0px 0px;
	width:  80px;
	}


#sidebar a:link    { color: #004693; text-decoration: none;	}
#sidebar a:visited { color: /*#004A00*/ #004693; text-decoration: none; }
#sidebar a:active  { color: #007700; text-decoration: underline; }  
#sidebar a:hover   { color: #007700; text-decoration: underline; }

#content {
	position: absolute;
	top: 140px;
	left: 159px;
	width: 575px;
	padding: 0px 0px 18px 0px;
	margin: 0px 0px 0px 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

#content p {
	line-height:  140%;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 12px 0px;	
	}	
	
#content ul {
	line-height:  115%;
	margin: 0px 5px 15px 25px;
	padding: 0px 0px 0px 0px;
	}
	
#content ol {
	line-height:  120%;
	margin: 0px 5px 0px 20px;
	padding: 0px 0px 0px 0px;
	}

#content li {
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
	}

#content ul.moreinfo {
	margin-left: 5px;
	list-style-type: none;
}

#content .moreinfo li {
	margin-top: 10px;
}
	
#content-home {
	margin: 20px 10px 30px 30px;
	width: 280px !important;
	width: 235px;
	}
	
#breadcrumb {
	padding: 0 0 10px 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#footer {
	clear: right;
	border-top: 1px solid #858585;
	margin: 30px 20px 0px 0px;
	padding: 7px 0px 0px 0px;
	width:  573px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#skiplink a {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	}

#skiplink a:active, #skiplink a:focus {
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	background-color: #646464;
	color: #e4e4e4;
	top: 30px;
	left: 39px;
	padding: 8px 24px 8px 24px;
	border: 1px solid #a0a0a0;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


/* ******** SECTION 6: Classes. ********* */	

/* ******** SECTION 7: Page-specific Classes and IDs. ********* */

.mail-form td {
	padding-top: 5px;
	padding-right: 10px;
	vertical-align: top;
}

.mail-form label {
	font-weight: bold;
}

.mail-form .optional {
	font-size: 10px;
	display: block;
}

#submit {
	padding-top: 10px;
}

#subscribe-form {
	background-color:  #f4f4f4;	
	border:  1px solid #e4e4e4;
	margin:  0px 0px 0px 0px;
	padding:  20px 20px 20px 20px;
	}

#sideboxes-new {
	float: center;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 20px;
	width: 95%;

	}

.sidebox-new {
	width: 95% !important;
	width: 95%;
	border: 1px solid #999;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 25px 0px; 
	background-image: url(images/sidebox_background.gif);
	background-repeat: repeat-x;
	}

#sideboxes {
	float: right;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: -20px 0px 10px 20px;
	width: 225px;

	}

.sidebox {
	width: 229px !important;
	width: 229px;
	border: 1px solid #999;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 25px 0px; 
	background-image: url(images/sidebox_background.gif);
	background-repeat: repeat-x;
	}



.sidebox h1 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 14px;
	background-color: #99A19D;
	border-bottom: 1px solid #999;
	}
	
#sideboxes .sidebox p {
	font-size: 90%; 
	margin: 0 5px 0 15px;
	}

.sidebox ul {
	margin: 10px 7px 10px 10px;
	padding: 0;

	}
	
.sidebox ol {
	margin: 10px 7px 10px 10px;
	padding: 0;
	}

.sidebox li {
	font-size: 90%;
	margin: 0px 15px 10px 14px;
	padding: 0;

	}

.garnish {
	float: right;
	padding: 0;
	margin: 20px 0 20px 30px !important;
	width: 250px;
	border: 1px solid #333333;
	}

.garnish-vert {
	float: right;
	/*border: 1px solid #636;*/
	padding: 0;
	margin: 0 0 0 20px !important;
	margin: 0 0 0 20px;
	width: 122px;
	}

.garnish-vert img {
	border: 1px solid #363;
	margin: 0 0 5px 0;
	padding: 0;
	}


.newsdate {
	font-weight: bold;
	font-size: 90%;
	}

.anchor {
	font-size: 11px;
	margin:  -15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	}

.caption {
	font-size: 11px;
	line-height: 100%;
	margin: 0;
	padding: 0;
	}

.footnote {
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding:  0px 0px 0px 20px;
	}

.hrseparator {
	width: 350px;  
	text-align: center;
	margin: 40px 0px 40px 95px !important;  
	margin: 35px 0px 15px 95px;  
	padding:  0px 0px 0px 0px;   /* IE will add this but N7 won't */
	border-top:  1px solid #999999;
	}

.subscribe {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:  right;
	margin: 0;
	padding:  0px 20px 0px 0px;
	}
	
img.contentpic {
	border: 1px solid #363;
	margin: 5px;
	padding: 0;
	}

.indent {
	margin-left: 5px;
	padding: 3px;
	}
.resourcetype {
	list-style-type:none;
	}	
	
	
	
.inset-textbox {
	border:  1px solid #ccc;
	width:  205px !important;
	background-color: #f4f4f4;
	padding:  17px 10px 2px 0;
	margin:  0 0 10px 40px;
	float:  right;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height:  130%;
	}
	
.inset-textbox h2 {
	margin: 0 15px 5px 15px;	
	font-size: 13px;
	}
	
div.mailthis {
	font-weight: bold;
	margin: 0 15px 15px 15px;
}

.story {
	margin:  0px 0px 7px 0px;
	padding:  0px 0px 0px 0px;
	}

h3.headline {
	font-size: 13px;
	line-height: 140%;
	margin:  0;
	padding:  0;
	}

p.categories {
	font-size: 11px;
	}

.summary  {
	border-bottom: 1px #e4e4e4 solid;
	line-height: 16px;
	margin-bottom: 24px;
	font-size: 12px;
	padding-bottom: 22px;
	} 
	
label.searchtitle {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
	display: block;
	}
	
h3.faq {
	font-size: 13px;
	color: #000;
	margin: 15px 0 5px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.faq + h3.faq {
	margin-top: 30px;
}

/* Calendar styles */
h3.dateline {
	font-size: 13px; 
}

.event {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ccc;
}

.event th {
	text-align: left;
	background-color:#E4E4E4;
	padding: 5px;
	}
	
.event td {
	padding: 5px;
	background-color:#fff;
	}
	
.event caption {
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}

.header_row td {
	padding-bottom: 7px;
	vertical-align: bottom;
}
/**** month and year header at top of calendar ****/
.date_header			{ font-size:16px; font-family:arial, helvetica; font-weight:bold; }

/**** color and size of calendar cells.  ****/
.day_cell				{ background-color: #fff; height:80px; width: 95px; padding: 2px; }
.empty_day_cell			{ background-color:#EEEEEE; height:80px; width: 95px; }
.today_cell				{ background-color:#C3E5BC; height:80px; width: 95px; }

/**** day number in upper left corner of each cell ****/
.day_number				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }

/**** title_txt is the text for each post on main page ****/
.title_txt				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000 }
.title_txt A:link		{ color:#00F; text-decoration:underline }
.title_txt A:active		{ color:#00F; text-decoration:underline }
.title_txt A:visited	{ color:#00F; text-decoration:underline }
.title_txt A:hover		{ color:#00F; text-decoration:underline }

/**** time line under title text when event time given ****/
.time_str				{ font-size:9px; font-family:arial, helvetica }

/**** column headers or days of the week ****/
.column_header			{ background-color:#369; font-size:12px; font-family:arial, helvetica; color:#FFFFFF; font-weight:bold }

/**** footprint text ****/
.footprint				{ font-size:10px; font-family:verdana, arial, helvetica; color:#000; font-weight:bold; }
.footprint A			{ font-size:10px; font-family:verdana, arial, helvetica; color:#00F; font-weight:bold; }