/* {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:#CBCB98 url(../template_graphics/background_gradient.gif) top left repeat-x;
	overflow-y: scroll;
}
body {
	font-family:arial;
	margin:0px;
	padding:0px;
}
#skip_to_main_content {
	position:absolute;
	top:-10000px;
}
#outer_container {
	background:#FFF url(../template_graphics/container_top.gif) top left no-repeat;
	width:776px;
	margin:35px auto 35px auto;
	padding:12px;
}
#container {
	border-collapse:collapse;
	width:776px;
}
	#top_cell {
		padding-bottom:10px;
	}
	#top_contents {
		position:relative;
		height:104px;
		border-bottom:solid 1px #cfcd9d;
	}
		#logo {
			position:absolute;
			top:13px;
			left:3px;
			border:none;
		}
		#corner_menu {
			position:absolute;
			top:0px;
			right:3px;
			font-size:85%;
			font-weight:600;
			color:#919191;
		}
			#corner_menu a {
				font-weight:400;
				color:#919191;
				text-decoration:none;
			}
			#corner_menu a:hover {
				text-decoration:underline;
			}
		#search {
			position:absolute;
			top:21px;
			right:0px;
		}
			#search_field {
				position:absolute;
				top:0px;
				right:23px;
				background:url(../template_graphics/search_field_bg.gif) top left no-repeat;
				width:103px;
				height:15px;
				padding:2px 2px 2px 6px;
				font-family:arial;
				font-size:85%;
				color:#333; 
				border:none;
			}
			#search_field.prompt {
				color:#919191;
			}
			#search_submit {
				position:absolute;
				top:0px;
				right:0px;
			}
		#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%;
		}
		#top_menu {
			position:absolute;
			top:80px;
			right:0px;
			height:24px;
		}
			#top_menu li {
				float:left;
				height:24px;
				margin-left:3px;
				background:url(../template_graphics/top_menu_inactive_bg.gif) top left no-repeat;
			}
			#top_menu li a {
				display:inline-block;
				height:24px;
				min-width:60px;
				background:url(../template_graphics/top_menu_inactive_rightend.gif) top right no-repeat;
				padding:0px 14px 0px 14px;
				line-height:2.1em;
				letter-spacing:0.05em;
				text-align:center;
				font-size:12px;
				font-weight:800;
				font-family:arial;
				text-transform:uppercase;
				text-decoration:none;
				color:white;
				text-decoration:none;
			}
			#top_menu li.current_item {
				background:url(../template_graphics/top_menu_active_bg.gif) top left no-repeat;
			}
			#top_menu li.current_item a {
				background:url(../template_graphics/top_menu_active_rightend.gif) top right no-repeat;
			}
			#top_menu li:hover, #top_menu li.hover {
				background:url(../template_graphics/top_menu_active_bg.gif) top left no-repeat;
			}
			#top_menu li:hover a, #top_menu li.hover a {
				background:url(../template_graphics/top_menu_active_rightend.gif) top right no-repeat;
			}
	#left_cell {
		background:url(../template_graphics/left_bg.gif) top left repeat-y;
		position:relative;
		width:176px;
	}
	#left {
	}
		/*---------------- HOME PAGE -------------------------*/
		#donor_story {
			position:relative;
			background:url(../template_graphics/donor_story_bg.gif) top left repeat-y;
			height:221px;
			padding:14px 14px 24px 15px;
		}
			#donor_story #story_image {
				border:solid 3px white;
				border-width:3px 4px 3px 4px;
			}
			#donor_story #for_good_for_ever {
				position:absolute;
				left:16px;
				bottom:10px;
			}
			#donor_story h2 {
				color:#884D7B;
				font-family:verdana;
				font-weight:600;
				font-size:93%;
				margin-top:6px;
				margin-bottom:4px;
			}
			#donor_story p {
				font-size:85%;
			}
		
		#homepage_promo {
			padding:20px 17px 12px 17px;
		}
			#homepage_promo h2 {
				color:#2872A0;
				font-size:11px;
				font-family:verdana;
				font-weight:600;
				font-size:93%;
				margin-bottom:8px;
			}
			#homepage_promo p {
				font-size:85%;
			}

		/*---------------- SUB PAGE -------------------------*/
		#submenu {
			margin:0px;
			padding:8px 0px 8px 0px;
			list-style:none;
		}
			#submenu li {
				padding:0px 14px 6px 15px;
				margin-bottom:6px;
				font-weight:600;
				border-bottom:solid 1px white;
			}
			#submenu li a {
				text-decoration:none;
				color:#343434;
					font-size:100%;
			}
			#submenu li a:hover {
				text-decoration:underline;
				color:#884d7b;
			}
			#submenu li.current_item > a {
				color:#884d7b;
			}
				#tertiarymenu {
					margin:0.5em 0px 0px 0em;
					padding:0px;
					list-style:none;
				}
				#tertiarymenu li {
					border:none;
					padding:0px;
					margin:0px 0px 0.5em 0px;
					font-weight:400;
					line-height:1.15em;
					font-size:85%;
				}
				#tertiarymenu li a {
					text-decoration:none ;
					color:#343434;
				}
				#tertiarymenu li a:hover {
					color:#884d7b;
					text-decoration:underline;
				}
				#tertiarymenu li.current_item a {
					color:#884d7b;
					font-weight:600;
				}

	#left_bottom_cell {
		background:url(../template_graphics/left_bg.gif) top left repeat-y;
		vertical-align:bottom;
		width:176px;
	}
		#quicklinks {
			width:136px;
			padding:12px 17px 0px 17px;
		}
			#quicklinks h2 {
				color:#2872A0;
				font-size:11px;
				font-family:verdana;
				font-weight:600;
				font-size:93%;
				margin-bottom:8px;
			}
			#quicklinks ul {
				margin:0px;
				padding:0px;
			}
			#quicklinks li {
				font-size:85%;
				font-weight:400;
				margin:0px 0px 7px 0px;
			}
			#quicklinks li a {
				color:#343434;
				text-decoration:none;
			}
			#quicklinks li a:hover {
				text-decoration:underline;
			}
		#donate_now {
			width:122px;
			height:33px;
			margin:20px 0px 17px 12px;
		}
	#main_cell {
		vertical-align:top;
	}
	.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 {
		width:600px;
	}
		#centerpiece_message {
			float:left;
			width:151px;
			height:125px;
			padding:20px;
			font-size:16px;
			background:url(../template_graphics/centerpiece_message_bg.gif) top left repeat-y;
			color:white;
			font-family:arial;
			font-weight:400;
		}
			#centerpiece_message p {
			}
			#centerpiece_message a {
				text-decoration:underline;
			}
		#centerpiece img {
			float:left;
			border:0px;
			padding:0px;
		}
	#content {
		clear:left;
		padding:20px 10px 20px 20px;
	}
	.homepage #content {
		width:570px;
	}
	.subpage #content {
		width:390px;
	}
	#content #breadcrumbs {
		color:#919191;
		font-size:11px;
		height:33px;
	}
		#content #breadcrumbs a {
			color:#919191;
		}
		#content #breadcrumbs a:hover {
			color:#849138;
		}
		#content #breadcrumbs a:visted {
			color:#919191;
		}
	#right {
		float:right;
		position:relative;
		width:155px;
		color:black;
		margin:20px 0px 15px 00px;
		padding-left:15px;
		background:url(../template_graphics/right_separator.gif) top left repeat-y;
	}
		.sidebar_item {
			margin:0px 15px 15px 0px;
			font-size:83%;
		}
		.sidebar_item p {
			margin:0px 0px 5px 0px !important;
		}
		.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;
		}
		.sidebar_item img {
			display:block;
			margin:0px auto 10px auto;
			border:solid 4px #cbcb98;
		}

	#footer {
		position:relative;
		width:776px;
		height:22px;
		background:url(../template_graphics/footer_bg.gif);
		font-size:11px;
	}
		#footer #cf_natl_standards_logo {
			position:absolute;
			right:0px;
			top:0px;
			border-left:solid 3px white;
		}
		#footer #address {
			position:absolute;
			left:15px;
			top:4px;
			width:665px;
			color:white;
		}
		#footer #address a {
			color:white;
		}
	#bottom_menu {
		margin-left:15px;
		margin-top:4px;
		color: #919191;
		font-size:11px;
	}
		#bottom_menu a {
			font-weight:400;
			color: #919191;
			text-decoration:none;
		}
		#bottom_menu a:hover {
			color:#849138;
			text-decoration:underline;
		}

/* general */
a {
	color:#2872A0;
}
a:hover {
	color:#849138;
}
a:active {
	color:#849138;
}
a:visited {
	color:#849138;
}
li {
	margin-bottom:5px;
}

#content a {
	color:#2872A0;
}
#content a:hover {
	color:#849138;
}
#content a:active {
	color:#849138;
}
#content a:visited {
	color:#849138;
}

.special {
	font-size:108%;
	line-height:1.4em;
	color:#E36F1E;
}

#content h1 {
	color:#849138;
	font-style:normal;
	font-weight:400;
	font-size:153.9%;
	line-height:1.2em;
	margin:0px 0px 14px 0px;
}
#content h2 {
	color:#884D7B;
	font-weight:600;
	font-size:108%;
	margin-top:19px;
	margin-bottom:7px;
}
#content h3 {
	font-weight:600;
	font-size:100%;
	color:black;
	margin-top:12px;
	margin-bottom:0px;
}
#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 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 - 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;
}

/*
If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 
*/
