@charset "utf-8";
/* Resets browser specific styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
img {margin: 0;}

html, body { height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: url(/imgs/bodybg.jpg) repeat-y top center #d8d9db; 
}

#container {
  width: 960px;
	position: relative;
  margin: auto;
}

#left {
	position: absolute;
	left: 0;
	min-height: 619px;
	height: auto !important;
	height: 619px;
	width: 200px;
	background: url(/imgs/leftbg_t.jpg) no-repeat top left #d8d9db; 
}

#left p { display: none; }/* Don't display anything in the left div */
#left p.visible { display: block; text-align: center; margin-top: 480px; font-size: 0.7em; }
#left p.visible2 {  background: #B4D88B; border: 2px solid #036; display: block; font-size: 0.8em; margin:0 4px; padding: 5px; text-align: center; }
#left p.visible a, #left p.visible2 a { color: #036; }

#right {
	position: absolute;
	left: 200px;
	height: 100%;
	/* min-height: 619px;
	height: auto !important;
	height: 619px; */
	background: #fff;
}

#info {
	width: 760px;
	height: 168px;
	background: url(/imgs/infobg.jpg) no-repeat top left #d8d9db;
	border-bottom: 3px solid #000;
	overflow: hidden;
}

#info p { color: #497798; width: 500px; font-size: 1em; line-height: 1.2em; padding: 50px 20px 20px 40px; margin: 0; font-family:"Times New Roman", Times, serif; }
#info p strong { font-weight: 600;  }
#info img { position: absolute; top: 0; left: 559px;}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	width: 760px;
}

#menu, #menu ul, #menu ul ul { list-style: none; margin: 0; padding: 0; }
/* Links */
#menu li a { text-decoration: none; color: #036; }
#menu li { float: left; cursor: pointer; background: #ccf; padding: 2px 5px 2px 5px; cursor: pointer; background: #B4D88B; height: 15px;}

/* Level 1 List Styles */
#menu { background: #fff; }
#alliance { width: 95px; text-align: center; margin: 0 5px 0 0; }
#registry { width: 165px; text-align: center; margin: 0 5px 0 0; }
#donation { width: 165px; text-align: center; margin: 0 5px 0 0; }
#projects { width: 150px; text-align: center; margin: 0 5px 0 0; }
#policy { width: 115px; text-align: center; margin: 0; }

#menu li:hover, #menu li.mhover { height: 15px; background:#96c0e6; position: relative; }
/* Level 2 List Styles */
#menu ul li { font-weight: bold; background:#96c0e6; text-align: left; }
#menu li#alliance ul li { width: 95px; }
#menu li#registry ul li { width: 165px; }
#menu li#donation ul li { width: 165px; }
#menu li#projects ul li { width: 150px; }
#menu li#policy ul li { width: 115px; }
#menu ul li:hover, #menu ul li.mhover { height: 15px; background: #EBEBEC;}
/* Level 3 List Styles */
#menu li#projects ul li ul li { width: 120px; }
#menu ul ul li { background: #EBEBEC; }
#menu ul ul li:hover, #menu ul ul li.mhover { background: #CACACB;  height: 15px;}

/* Hover Mechanics */
#menu ul, #menu li:hover ul ul,
#menu ul, #menu li.mhover ul ul
{ position: absolute; left: -999px; top: -999px; }

#menu li:hover ul, 
#menu li.mhover ul 
{ top: 18px; left: 0px; }

#menu ul li:hover ul, #menu ul li.mhover ul
{ top: 0px; left: 160px; }	

/* Education Menu */
#content #ed_menu { list-style: none; width: 660px; height: 39px; margin: 0; padding: 0; }
#content ul.left { background: url(/imgs/left.jpg) no-repeat top left; }
#content ul.center { background: url(/imgs/center.jpg) no-repeat top left; }
#content ul.right { background: url(/imgs/right.jpg) no-repeat top left; }
#content #ed_menu li { width: 220px; float: left; text-align: center;  margin: 0; padding: 5px 0 0 0; }

#content { width: 660px; clear: both; padding: 30px 50px 20px 50px; background: #fff; }

#footer { width: 760px; clear: both; background: #fff;}

div.index {width: 400px; margin: auto; }
h1.index { font-family: Tahoma, Geneva, sans-serif; font-size: 2.5em; color: #b6b7b9; text-align: center; font-weight:lighter; }
div.index p { font-size: 1em; color: #b6b7b9; }
div.caption { text-align: center; }
div.caption p { font-size: .8em; color: #000; text-align: left; }
div.caption a { font-family:Tahoma, Geneva, sans-serif; font-size: .8em; color: #036; }

h1 { text-align: center; font-size: 2.3em; font-weight: bold; color: #497798; margin: 0 0 10px 0; }
h1.small { font-size: 1.3em; }
h2 { text-align: center; font-size: 1em; font-weight: bold; color: #000; margin: 0 0 15px 0; }
h2.governor { text-align: center; font-size: 1.3em; font-weight: bold; color: #497798; }
h2.governor span { font-size: 0.8em; }
h3 { font-weight: bold; font-size: 0.9em; margin: 0 5px 10px 5px; }
h4 { text-align: center; font-size: 1em; font-weight: bold; color: #497798; margin: 0 0 20px 0; }

p { margin: 0 5px 1.5em 5px; font-size: .8em; line-height: 1.5em; }
p.address { text-align: center }
p.center { text-align: center }
p.error { color: #f00;  margin: 0; padding: 0; text-align: left; }
p.alert { color: #f00; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
p.logout {  margin: -20px 0 0 0; padding: 0; text-align: right; }

#content img { margin: auto; }
div.tab { background: #e3f1fd; margin: 0; padding: 10px 0 10px 0; }
caption { text-align: center; font-size: 2em; font-weight: bold; color: #497798; margin-bottom: 15px; }
table.media { width: 75%; border: 1px solid #036; margin: 0 auto 10px auto; }
table.media td { text-align: center; border: 1px solid #036; }
table.links { width: 100%; margin-bottom: 15px;}
th {
	text-align: center;
	color: #497798;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
}

td {
	text-align:left;
	vertical-align: top;
	font-size: 0.8em;
	padding: 10px 10px 10px 0;
}


li.odd { background: #E7FCBE; }
li.even { background: #C9F3FA; }

#content ol {
	margin: 5px;
	list-style: decimal;
	font-size: 0.8em;
}
#content ol li, #content ul li { margin: 5px 0 0 20px;  }
#content ol ul { font-size: 1em; }
#content ul {
	margin: 5px;
	list-style: disc;
	font-size: 0.8em;
}

ul#staff {
	text-align: center;
	width: 300px;
	list-style: none;
	margin: 15px auto 15px auto;
	font-size: .8em;
	border: 2px solid #000;
}

ul#staff li {
	padding: 10px;
	margin: 0;
	border-top: 1px solid #000;
}
div.webcast { margin-top: 60px; }
strong { font-weight: bold; }
em { font-style: italic; font-weight: bold; }
span.chapter { font-size: 1.1em; font-weight: bold; color: #497798; }

#content img { margin: 0 0 15px 0; }

a { color: #036; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }


#login {
	background: #B4D88B;
	border: 2px solid #036;
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	width: 300px;
}
#login h2 { color: #036; margin: 0 0 10px 0;  text-align: left; }
#login input.expand { width: 99%; }

#content form ul { margin: 0; padding: 0; }
#content form ul li { 
	margin: 0; 
	padding: 0;
	list-style: none; 
	clear: both;
}
label { color: #036; font-weight: bold; margin: 5px 0; }
label, input, select, textarea { 
	display: block;
	padding: 2px;
}
textarea { width: 100%; }
input { margin: 0 0 3px 0; }
li.inline input { display: inline; }
li.row label { float: left; }
input.city { width: 135px; }
input.state { width: 25px; }
input.zip { width: 80px; }
input.qty { text-align: right; width: 50px; }
table.orders tr.odd { background: #D8D9DB; }
table.orders tr.even { background: #EBEBED; }

table.orders td { text-align: center; vertical-align: middle; }

div.order_item { 
	border: 2px solid #B4D88B; 
	margin: 10px 2px;
	width: 48%;
	float: left;
}
div.order_item h4 { 
	color: #036;
	background: #B4D88B;
}
div.order_item img { margin: 5px; }
div.order_item table { width: 100%;}
div.order_item tr { height: 150px; }
div.order_item table td {
	width: 50%;
	text-align: center;
	vertical-align: middle;
}
div.order_item label, div.order_item select {display: inline; }
a.add { 
	background: url(/orders/imgs/cart_add.png) no-repeat top right; 
	display: inline-block;
	height: 32px;
	padding-right: 32px;
}

table.confirm_order{ width: 100%; }
table.confirm_order tr.head {
	background: #B4D88B;
	color: #036;
}
tr.head th { border: none; font-size: 1em; font-style: normal; }
table.confirm_order tr { border: 2px solid #B4D88B; }
table.confirm_order td {
	text-align: center;
	vertical-align: middle;
}

span.red { color: #f00; }