/* {font-size:85%;}  renders 11px */ 
/* {font-size:93%;}  renders 12px */ 
/* {font-size:100%;} renders 13px */  
/* {font-size:108%;} renders 14px */ 
/* {font-size:116%;} renders 15px */ 
/* {font-size:123.1%;} renders 16px */ 
/* {font-size:138.5%;} renders 18px */ 

html {
	background-color:#b1b579;
}
body {
	background:#b1b579 url(../template_graphics/bg_repeater.gif) top left repeat-x;
	font-family:arial;
}
#skip_to_main_content {
	position:absolute;
	top:-10000px;
}
#container {
	border-collapse:collapse;
	width:800px;
	margin:0px auto 0px auto;
}
	#top {
		position:relative;
		height:91px;
	}
		#logo {
			position:absolute;
			top:15px;
			left:8px;
			border:none;
		}
		#slogan {
			position:absolute;
			top:33px;
			left:215px;
			width:385px;
			text-align:center;
			color:#610C0D;
			font-size:108%;
			font-weight:800;
			letter-spacing:1px;
		}
		#corner_menu {
			position:absolute;
			top:15px;
			right:3px;
			font-size:85%;
			font-weight:600;
			color:#666666;
		}
			#corner_menu a {
				font-weight:600;
				color:#666633;
				text-decoration:none;
			}
			#corner_menu a:hover {
				text-decoration:underline;
			}
		#search {
			position:absolute;
			top:53px;
			right:3px;
		}
			#search input {
				width:120px;
				font-family:arial;
				font-size:85%;
				color:#333; 
			}
			#search input.prompt {
				color:#aaa;
			}
		#board_login {
			display:none;
			position:absolute;
			z-index:100;
			top:8px;
			right:2px;
			width:203px;
			border:solid 1px #666633;
			background-color:white;
			padding:8px 8px 3px 8px;
		}
			#board_login label {
				display:block;
				float:left;
				text-align:right;
				width:60px;
				font-size:93%;
				padding-right:5px;
				padding-top:2px;
			}
			#board_login input, #board_login button {
				font-family:arial;
				font-size:85%;
				color:#333; 
				margin-bottom:2px;
			}
			#board_login_user_id, #board_login_password {
				width:131px;
			}
			#board_login_submit {
				width:122px;
				font-weight:600;
			}
			#board_login_cancel {
				width:50px;
			}
		#logged_in_user_id {
			position:absolute;
			top:15px;
			right:3px;
			font-size:93%;
		}			
	#left_cell {
		background:url(../template_graphics/left_bg_repeater.gif) top left repeat-y;
		width:190px;
	}
	#left {
		width:190px;
	}
		#main_menu {
			margin:0px;
			padding:8px 0px 8px 0px;
			list-style:none;
			font-family:trebuchet ms;
		}
			#main_menu li {
				padding:0px 14px 4px 15px;
				margin-bottom:7px;
				font-weight:600;
				border-bottom-style:solid;
				border-bottom-width:2px;
			}
			#main_menu li a {
				text-decoration:none;
				font-size:116%;
			}
			#main_menu li a:hover {
				text-decoration:underline;
			}
			#main_menu_1 a {
				color:#666633;
			}
			#main_menu_1 {
				border-bottom-color:#666633;
			}
			#main_menu_2 a {
				color:#630D0D;
			}
			#main_menu_2 {
				border-bottom-color:#630D0D;
			}
			#main_menu_3 a {
				color:#986828;
			}
			#main_menu_3 {
				border-bottom-color:#986828;
			}
			#main_menu_4 a {
				color:#5590CC;
			}
			#main_menu_4 {
				border-bottom-color:#5590CC;
			}
			#main_menu_5 a {
				color:#CB6828;
			}
			#main_menu_5 {
				border-bottom-color:#CB6828;
			}
			#main_menu_6 a {
				color:#666633;
			}
			#main_menu_6 {
				border-bottom-color:#666633;
			}
			#main_menu .current_item {
			}
				#main_menu li .submenu {
					margin:0.5em 0px 0px 0.7em;
					padding:0px;
					list-style:none;
				}
				#main_menu li .submenu li {
					border:none;
					padding:0px;
					margin:0px 0px 0.5em 0px;
					font-weight:400;
					line-height:1.25em;
					font-size:85%;
				}
				#main_menu li .submenu li a {
					text-decoration:none ;
					color:#58595B;
				}
				#main_menu li .submenu li a:hover {
					text-decoration:underline;
				}
				#main_menu li .submenu .current_item a {
					color:#610C0D;
					font-weight:600;
				}
		#quicklinks {
			margin-top:12px;
			padding-bottom:5px;
			border-bottom:solid 1px #d5d5d5;
		}
			#quicklinks h2 {
				height:21px;
				background:url(../template_graphics/quicklinks_bg.gif) top left no-repeat;
				font-size:108%;
				font-weight:600;
				padding:6px 0px 0px 15px;
				color:#666666;
			}
			#quicklinks ul {
				margin:5px 14px 0px 28px;
			}
			#quicklinks li {
				list-style:url(../template_graphics/blue_triangle_bullet.gif);
				font-size:85%;
				font-weight:600;
				margin:0px 0px 5px 0px;
			}
			#quicklinks li a {
				color:#2B3087;
				text-decoration:none;
			}
			#quicklinks li a:hover {
				text-decoration:underline;
			}
		#newsletter_signup img {
			margin:15px 0px 2px 0px;
			border:none;
		}
		#find_on_facebook img {
			margin:0px 0px 0px 0px;
			border:none;
		}
		#visit_youtube img {
			margin:0px 0px 0px 0px;
			border:none;
		}
		#follow_twitter img {
			margin:0px 0px 0px 0px;
			border:none;
		}

		.addthis_default_style {
			padding:10px 28px 10px 28px;
			height:30px;
		}
			.addthis_default_style div {
				float:right;
				padding:7px 0px 0px 0px;
			}

		#announcement {
			clear:left;
			margin:15px 15px 10px 15px;
			font-size:95%;
			color:#58595B;
			font-weight:400;
		}
			#announcement img {
				display:block;
				margin:0px auto 5px auto;
			}
	.homepage #main_cell {
		background:white url(../template_graphics/content_background.gif) -135px top repeat-y;
	}
	.private #main_cell {
		background:white url(../template_graphics/rounded_area_bg.gif) 305px 347px  no-repeat;
	}
	.subpage #main_cell {
		background:white url(../template_graphics/content_background.gif) top left repeat-y;
	}
	#centerpiece_photo {
		background-color:#d1d2d4;
	}
	#centerpiece_message {
		float:right;
		width:162px;
		height:157px;
		padding:4px 4px 4px 0px;
	}
		#centerpiece_message img {
			display:block;
			margin:0px auto 0px auto;
			margin-bottom:4px;
		}
		#centerpiece_message p {
			color:#58595B;
			font-size:85%;
			font-family:arial;
			font-weight:600;
		}
		#centerpiece_message a {
			text-decoration:underline;
		}
	#breadcrumbs {
		background-color:#630c0e;
		color:white;
		width:580px;
	}
	.homepage #breadcrumbs {
		padding:4px 10px 4px 20px;
		font-size:14px;
		font-weight:600;
		letter-spacing:1px;
	}
	.subpage #breadcrumbs {
		padding:7px 10px 6px 20px;
		font-size:11px;
	}
		#breadcrumbs a {
			color:white;
		}
	#content {
		float:left;
		height:100%;
	}
	.homepage #content {
		width:265px;
		padding:5px 20px 15px 20px;
	}
	.homepage #content p {
		margin-top:13px;
	}
	.subpage #content {
		width:403px;
		padding:20px 15px 20px 20px;
	}
	#right {
		float:right;
		position:relative;
	}
	.homepage #right {
		width:304px;
	}
	.subpage #right {
		width:170px;
	}
		#right h2 {
			font-size:123.1%;
			color:#610C0D;
			font-style:italic;
			font-weight:400;
			margin:0px 0px 10px 0px;
			font-family:georgia;
			line-height:1.15em;
		}

		#right #tertiary_menu {
			position:relative;
			z-index:10;
			top:-20px;
			margin-bottom:-10px;
		}
		#right #tertiary_menu h2 {
			padding-left:17px;
			padding-top:3px;
			/*
			*/
			height:17px;
			font-family:arial;
			font-style:normal;
			font-size:100%;
			font-weight:400;
			margin-bottom:10px;
			background:#630c0e url(../template_graphics/tertiary_menu_header_bg.gif) top left no-repeat;
		}
		#right #tertiary_menu h2 a {
			color:white;
			text-decoration:none;
		}
		#right #tertiary_menu ul {
			font-size:93%;
			margin:0px 0px 0px 0px;
			padding-left:16px;
			padding-bottom:5px;
			border-bottom:solid 2px #D1D3D4;
		}
		#right #tertiary_menu ul li a {
			color:#58595B;
			text-decoration:none;
		}
		#right #tertiary_menu ul li a:hover {
			text-decoration:underline;
		}
		#right #tertiary_menu ul li a:active {
			color:#610C0D;
		}
		#right #tertiary_menu ul li.current_item a {
			text-decoration:none;
			color:#610C0D;
			font-weight:600;
		}

		#right p {
			margin-bottom:8px;
		}
		#right a {
			color:#363895;
		}
		#right ul {
			margin:0px;
			padding:0px;
			list-style:none;
		}
		#right li {
			margin:0px 0px 4px 0px;
			padding:0px;
		}

		.subpage .sidebar_item {
			margin:23px 15px 25px 15px;
			font-size:83%;
			color:#58595B;
			font-weight:600;
		}
		.subpage .sidebar_item p {
			margin:0px 0px 5px 0px !important;
		}
		.subpage .sidebar_item h2 {
			font-size:108% !important;
			font-weight:600 !important;
			font-style:normal !important;
			font-family:arial !important;
			margin:0px 0px 5px 0px !important;
		}
		.subpage .sidebar_item img {
			display:block;
			margin:0px auto 0px auto;
		}
	#footer {
		border-top:solid 2px #CCCC9A;
		position:relative;
		width:800px;
		height:23px;
		background:url(../template_graphics/footer_bg.gif);
		font-size:11px;
	}
		#footer #cf_natl_standards_logo {
			position:absolute;
			right:12px;
			top:3px;
		}
		#footer #address {
			position:absolute;
			left:15px;
			top:3px;
			width:375px;
			color: #58595B;
		}
		#footer #bottom_menu {
			position:absolute;
			right:83px;
			top:3px;
			color: #58595B;
		}
		#footer #bottom_menu a {
			font-weight:400;
			color: #58595B;
			text-decoration:none;
		}
		#footer #bottom_menu a:hover {
			text-decoration:underline;
		}


/* general */

.special {
	font-size:108%;
	line-height:1.4em;
	color:#E36F1E;
}
#content h1 {
	color:#630c0e;
	font-style:normal;
	font-weight:600;
	font-size:138.5%;
	line-height:1.2em;
	margin:0px 0px 14px 0px;
}
#content h2 {
	color:black;
	font-weight:600;
	font-size:105%;
	margin-top:17px;
	margin-bottom:4px;
}
#content h3 {
	font-weight:600;
	font-size:100%;
	color:black;
	margin-top:12px;
	margin-bottom:4px;
}
#content h4 {
	font-weight:600;
	font-size:100%;
	margin-top:12px;
	margin-bottom:2	px;
}
#content p, #content ul, #content ol, #content blockquote {
	margin-top:0px;
	margin-bottom:10px;
}
#content ul li {
	margin-left:30px;
	list-style:disc;
}
#content ol li {
	margin-left:35px;
	list-style:decimal;
}
#content a, #content a:visited {
	color:#363895;
	text-decoration:underline;
}
#content input, #content textarea {
	margin-bottom:4px;
}

.left_half {
	float:left;
	width:50%;
} 


/* left-top image in main content area */

img.left_top {
	float:left;
	border:solid 1px #ccc;
	margin:3px 20px 10px 0px;
}
div.left_top {
	float:left;
	margin:3px 20px 8px 0px;
	width:80px;
}
div.left_top img {
	margin:0px 0px 0px 0px;
	border:solid 1px #ccc;
}
div.left_top p {
	margin:3px 0px 0px 0px;
	font-size:85%;
	line-height:1.2em;
	color:#777;
	text-align:left;
}

div.right_top {
	margin:0px 0px 7px 15px;
	float:right;
}

table.simple {
	border:none;
	border-collapse:collapse;
}
table.simple th {
	font-size:93%;
	color:#ccc;
	padding-bottom:5px;

}
table.simple td {
	border:none;
	padding:5px 10px 0px 0px;
}
table.simple td h2 {
	margin-top:0px !important;
}

strong {
	font-weight:800;
}
em {
	font-style:italic;
}
td {
	vertical-align:top;
}

.item {
	clear:left;
	padding:8px 10px 8px 0px;
	page-break-inside:avoid;
}
.item td {
	padding:5px 10px 5px 0px !important;
}
.item td h2, .item h2 {
	margin-top:0px !important;
}
.after_first {
	border-top:1px solid #ccc;
}

.smaller {
	font-size:93%;
}

/* photo gallery pages */

.gallery img {
	width:95px;
	float:left;
	margin:3px 8px 8px 0px;
}

/* staff/board page */

.bio .showlink {
	display:block;
	margin-bottom:5px;
}
.bio div {
	display:none;
}

/* search page */
.gsc-resultsHeader, .gsc-results {
	clear:none !important;
	width:403px !important;
}
.gsc-resultsHeader, .gs-visibleUrl, .gsc-trailing-more-results {
	display:none !important;
}
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
	background-color:transparent !important;
	border:0px solid #FFCC33 !important;
	margin:0px !important;
	padding:0px !important;
	width:403px !important;
}

/* homepage - public */

.homepage .story_sidebar {
	position:relative; /* bugfixer for IE6 */
	margin:5px 0px 0px 0px;
	background:url(../template_graphics/sidebar_story_repeater.gif) top left repeat-y;
}
.homepage .story_sidebar div.inside1 {
	position:relative; /* bugfixer for IE6 */
	background:url(../template_graphics/sidebar_story_top.gif) top left no-repeat;
}
.homepage .story_sidebar div.inside1 div.inside2 {
	position:relative; /* bugfixer for IE6 */
	background:url(../template_graphics/sidebar_story_bottom.gif) bottom left no-repeat;
	padding:23px 20px 25px 28px;
}
.homepage .story_sidebar_image {
	position:relative; /* bugfixer for IE6 */
	float:left;
	background-color:#CCCCCC;
	padding:4px;
	margin:0px 10px 6px 0px;
}

/* homepage - private */

.homepage .rounded_area {
	margin:21px 18px 0px 18px;
	line-height:1.4em;
}
.homepage .rounded_area h3  {
	color:#610C0D;
	font-size:100% !important;
	font-weight:600 !important;
}
.homepage .rounded_area h2  {
	color:white !important;
	font-family:arial !important;
	font-style:normal !important;
	font-size:100% !important;
	font-weight:600 !important;
	margin-left:0px !important;
	margin-bottom:10px !important;
}