@media screen, projection {

/** Structure **/
#content {}
#alpha {width:464px; padding:20px;}
#beta1 {width:275px;}

/** Compensation **/
.comp-overview #content {background-image:url(images/comp-bg.gif);}
.comp-overview #beta,
.comp-overview #gamma {display:none;}
.comp-overview #alpha {padding:20px 0; width:956px; background:url(images/co-tree.png) 490px bottom no-repeat;}
.comp-overview h2 {margin:10px 0 15px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}

.comp-overview #alpha ul {margin:0 20px;}
.comp-overview #alpha li {margin:1px 0; padding:0 7px 0 0; background:none;}
.comp-overview #alpha li a {display:block; padding:7px 10px; color:#828282; border:1px solid #d9d9d9; font-weight:normal; line-height:1.2em; background-color:#f3f3f3; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.comp-overview #alpha li.active,
.comp-overview #alpha li:focus,
.comp-overview #alpha li:hover {background:url(images/co-arrow-right-blue.png) center right no-repeat;}
.comp-overview #alpha li a:hover,
.comp-overview #alpha li a:focus,
.comp-overview #alpha li.active a {border-color:#4993ce; color:#000; background:url(images/co-li-blue.png) left center repeat-x;}
.comp-overview #alpha li.active a {font-weight:bold;}

.comp-overview #co-subfam li.active,
.comp-overview #co-subfam li:focus,
.comp-overview #co-subfam li:hover {background-image:url(images/co-arrow-right-green.png)}
.comp-overview #co-subfam li a:hover,
.comp-overview #co-subfam li.active a {border:1px solid #a2c57b; background-image:url(images/co-li-green.png);}

#co-bar {position:relative; overflow:auto; margin:-19px -2px 10px; padding:7px 12px 4px; border-bottom:1px solid #194067; color:#d8d4ae; background-color:#315e87;}
#co-bar p {margin:0; line-height:2.5em;}
#co-home {float:left;}
#co-home a,
#co-contact a {display:block; height:28px; text-indent:-9999px; overflow:hidden; border:none; background-repeat:no-repeat; background-position:0 0;}
#co-home a:hover,
#co-contact a:hover {background-position:0 -28px;}
#co-home a {width:207px; background-image:url(images/co-home.png);}
#co-contact {float:right; padding-right:148px;}
#co-contact a {position:absolute; top:7px; right:13px; float:right; width:139px; margin-left:10px; background-image:url(images/co-contact.png);}

#co-fam,
#co-subfam,
#co-ranges {float:left; display:inline;}
#co-fam {width:235px;}
#co-subfam {width:240px;}
#co-ranges {position:relative; width:440px; padding:0 20px;}

#co-nic,
#co-eic,
#co-m {float:left; display:inline; width:140px; margin-right:10px; text-align:center;}
#co-m {margin:0;}
#co-nic h3,
#co-eic h3,
#co-m h3 {margin:0 0 8px; padding:5px 0; border:1px solid #b2a1c7; font-size:98%; background:url(images/co-li-purple.png) left center repeat-x; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#co-m h3 {line-height:2.1em;}

.comp-overview dl {}
.comp-overview dt,
.comp-overview dd {padding:5px; color:#828282; border:1px solid #d9d9d9; background-color:#f3f3f3; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.comp-overview dt {margin-bottom:1px;}
.comp-overview dd {margin-bottom:8px;}
.comp-overview dt.active {background:url(images/co-dt-green.png) left center repeat-x;}
.comp-overview dd.active {background-color:#fff;}
.comp-overview dt.active,
.comp-overview dd.active {color:#052441; border:1px solid #a2c57b;}
.comp-overview dd.active {line-height:1.2em;}

#b-compensation dl.pageview {}
#b-compensation dl.pageview dt {font-weight:bold;}
#b-compensation dl.pageview dd {margin-left:15px;}
#b-compensation a.pdf {padding:1px 20px 0 0; color:#0e4979; background-position:bottom right;}
#b-compensation a.pdf:hover {color:#333;}

#loading {display:none; position:absolute; top:0; right:0; width:100%; height:100%; background:rgba(239,243,246,0.6) url(images/loading-login-large.gif) center center no-repeat;}

#b-compensation ul.children {list-style:none; margin:0; padding:0;}
#b-compensation ul.children li {margin:1px 0; padding:0; background:none;}
#b-compensation ul.children li a {display:block; padding:7px 10px; color:#828282; border:1px solid #d9d9d9; font-weight:normal; line-height:1.2em; background-color:#f3f3f3; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#b-compensation ul.children li a:hover,
#b-compensation ul.children li.active a {border:1px solid #a2c57b; background:url(images/co-li-green.png) left center repeat-x;}

#co-ranges.overviewpage {padding:0;}
#co-ranges.overviewpage dl {}
#co-ranges.overviewpage dt,
#co-ranges.overviewpage dd {padding:5px; color:#052441; border:1px solid #d9d9d9; background-color:#f3f3f3; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#co-ranges.overviewpage dt {margin-bottom:1px; background:url(images/co-dt-green.png) left center repeat-x;}
#co-ranges.overviewpage dd {margin-bottom:8px; line-height:1.2em; color:#052441; border:1px solid #a2c57b;}

/** News **/
#news .news				{margin-bottom:30px;}
#news h1				{}
#news h1 a				{border:none; text-decoration:none;}
#news h1 div.news_more {float:right; font-size:40%;}
#news h1 div.news_more a {font-weight:normal;}
#news div.single h1 {margin-bottom:10px;}
#news h2				{clear:both; margin:0; font-size:260%;}
#news h2 a				{border:none; font-size:69%; color:#231f20; margin:0; font-weight:bold;}
#news h2 a:hover			{text-decoration:underline;color:#c9b867;}
#news h3.publish_information		{margin:0 0 10px; font-weight:normal; font-size:110%;}
#news div.single h3.publish_information {font-weight:bold; font-size:150%;}
#news h3 span				{margin-right:10px;line-height:114%; font-size:88%;}
#news h3 span.caps {margin-right:0; font-size:100%;}
.entry-summary 				{color:#000;margin-bottom:10px;}

#news ul.category_list,
#news ul.archives_by_year,
#news ul.archives_by_month 		{float:left; margin:0 0 30px; padding:0;}
#news ul.category_list li,
#news ul.archives_by_year li,
#news ul.archives_by_month li 		{float:left; clear:left; width:auto; list-style-type:none; margin:0; padding:10px 5px 10px 10px; border-bottom:1px solid #eee; font-size:100%;background-position:0px 17px;}
#news ul.category_list a,
#news ul.archives_by_year a,
#news ul.archives_by_month a 		{float:left; display:block; width:430px; margin:0 3px 0 0; border:none;}
#news ul.category_list a:hover,
#news ul.archives_by_year a:hover,
#news ul.archives_by_month a:hover	{color:#011a38;}
#news span.published_count 		{float:right;}
#news p.topicid													{font-size:85%; font-style:italic; color:#888;}

#news_supp															{margin:15px 0; padding:6px 20px; text-transform:uppercase; font-size:77%; border:solid #dadada; border-width:1px 0; background-color:#f9F7e8;}
#news_supp span													{color:#c9b867;}
#news_supp a														{text-decoration:none;}

#bnews #nav_6876 a  { background-color:#0D4B7C; color:#E1D587;}

/** EVENTS **/
#events                         {}
#events .event_home             {float:left; margin:0 20px 20px; padding:0;}
#events h2                      {clear:both; margin:0; font-size:260%; font-weight:bold;}
#events h2 a                    {border:none; font-size:69%; color:#231f20; margin:0; font-weight:bold;}
#events .publish_information    {margin:0 0 10px; font-weight:normal; font-size:110%;}
#events p                       { clear:left; color:#231f20; margin-bottom:5px; line-height:114%;}
#gamma #events .entry-title a   {font-weight:bold; font-size:77%; margin-bottom:3px;}
#events .event_date		{line-height:114%; font-size:88%;}
#events h1				{margin-top:10px;}
#events h1 span {float:right; font-size:40%;}
#events h1 span a {font-weight:normal;}

#past_events {margin-top:30px; padding-top:20px; border-top:1px solid #dadada;}
#past_events h2 {font-size:150%;}

p.archives {margin-top:20px;}

/** STAFF **/
#babout h2	{clear:both;}
#babout hr {clear:both; display:block; margin:20px 0; border:none;}

/** FORMS **/
form ul										{margin:0; padding:0;}
form ul li								{clear:both; float:left; width:90%; margin:4px 0; list-style-type:none;}
form ul li label					{display:block; margin:10px 0 3px;}
form ul li.submit					{border-top:1px dotted; width:100%; margin:20px auto; padding:10px 0 0;}
form ul li.checkbox				{margin:0; clear:both; float:left;}
form ul li.checkbox input {display:inline; float:left; margin:5px 3px;}
form ul li.checkbox label	{float:left; margin:5px 3px; font-weight:normal;}

fieldset										 {border:1px solid gray; margin:0 0 10px; padding:15px;}
label												 {display:block; margin:10px 0 3px;font-weight:bold;}
select,
input												 {padding:0.1em;}
legend											 {padding:0 10px; font-size:116%; font-weight:bold;}
textarea										 {width:100%;}
input:focus, textarea:focus	 {background:#eee;}
li.submit input		  				 {border:1px solid #242d38; margin:7px auto 0; padding:6px; font-weight:bold; width:30%;}
li.submit input:hover		  	 {background:#eee;}
li.textarea									 {}
li.textarea label						 {margin:0;}
li.textarea textarea				 {padding:0.1em; border:1px solid #242d38; background:#0d1723; color:#fff;}
input[type=text],input[type=password]		{width:20em;}

.radio input														{display:inline; margin-right:3px;}
.radio p																{margin:0; font-weight:bold;}
.radio label														{display:inline; font-weight:normal;}

#beta .news_entry { padding:20px;}

/** SEARCH **/
#gsa-search {margin:10px 0 20px;}
#search_query {width:350px;}
p.search-excerpt {margin:0 0 3px;}
p.search-link-sub {margin:0 0 20px; font-style:italic;}
p.search-link-sub a {color:#af892d;}

}