@charset "UTF-8";

/* Colors
======================================

Blue - Link (old)			#1695cb
Blue - Link Hover (old)		#8ef

Blue - Link (new)			#0b6f99
Blue - Link Hover (new)		#1695cb

Khaki						#E9DCB0


*/


/* Basics */

body {
	font-size: 62.5%;
	margin:0 0 20px 0;
	background:#1d1d1e;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.wrapper {
	width:980px;
	margin:auto;
}

.clear {
	clear:both;
}

.right {
	float:right;
}

.left {
	float:left;
}

a img {
	border:none;
}

a {

	color:#0b6f99;
	text-decoration:none;
}

a:hover {
	color:#1695cb;
}

form { margin:0; }

/* Text */

h1 {
	font-size:2.7em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#e9dcb0;
	margin:0;
	padding:0;
}

h2 {
	font-size:2.0em;
	font-family:Georgia, "Times New Roman"
}

h2 {
	font-size:2.0em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#999;
	margin:0;
	padding:0;
}

h3 {
	font-size:1.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#999;
	margin:0;
	padding:0;
}

.white { color:#fff; }
.black { color:#000; }
.gray { color:#999; }
.beige { color:#e9dcb0; }

.top_margin { margin-top:15px; }
.top_margin_10 { margin-top:10px; }

h1 a, h2.beige a, .sidebar h2 a { color:#e9dcb0; }
h1 a:hover, h2.beige a:hover, .sidebar h2 a:hover { color:#fff; }

h1.black a, h2.black a { color:#444; }
h1.black a:hover, h2.black a:hover { color:#000; }

a.button {
	display:block;
	width:100px;
	padding:5px 0;
	background:#1d1d1e;
	color:#999;
	text-align:center;
	font-size:0.9em;
	margin-top:13px;
}

a.button:hover {
	color:#fff;
}

span.rightAngleQuote {
	margin-left: 3px;
	}

/* Header */

#header {
	background:#000;
	height:106px;
	color:#fff;
}

#logo {
	padding-top:15px;
}

a.ushmm_logo {
	display:block;
	width:140px;
	height:67px;
	background-image:url('../images/global/ushmm_ushmmlogo_bg.png');
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	margin-top:3px;
}

a.ushmm_logo:hover {
	/* background-position:0 -69px; */
}

a.prevent_logo {
	display:block;
	width:349px;
	height:16px;
	background-image:url('../images/global/preventing_small_logo.gif');
	background-repeat:no-repeat;
	float:left;
	margin-top:55px;
}

a.prevent_logo:hover {
	/* background-position:0 -71px; */
}

#header_tools {
	padding:8px;
	background:#1d1d1e;
	font-size:1.0em;
	width:405px;
}

#header_user {
	float:left;
	background:#000;
	padding:10px 30px;
	width:155px;
	text-align:center;
}

#header_user a {
	color:#e9dcb0;
}

#header_user a:hover {
	color:#fff;
}

#header_search {
	float:right;
	margin-top: 4px;
}


#header_search input.search_input {
	background: #e5e5e5;
	border:1px solid #e5e5e5;
	height:13px;
	margin-left:20px;
	padding:5px;
	width:120px;
	float: left;
	}

#header_search input.submit_button {
	background: #e5e5e5 url(../images/global/input_search.gif) no-repeat 0% 100%;
	border: 1px solid #e5e5e5;
	height: 25px;
	width: 25px;
	padding:0;
	position:relative;
	left:-5px;
	top:0;
	}
	
#header_search input.submit_button:hover {
	background-position: 0% 100%;
	}

/* Nav */

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	display:inline;
	list-style:none;
}

#nav ul li a {
	float:left;
	display:block;
	padding:9px 0 9px 0;
	margin:0 3px;
	width:191px;
	color:#aaa;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background:#151515;
	border-bottom:2px solid #151515;
}

#nav ul li a:hover, #nav ul li a.current {
	color:#eee;
}

#nav ul li a.current {
	border-bottom:2px solid #e9dcb0;
}

#nav ul li a.first {
	margin-left:0;
}

#nav ul li a.last {
	margin-right:0;
}

#nav ul li a#nav_first, #nav ul li a#nav_last {
	padding-bottom:11px;
}

/* Intro + Stage */

.intro {
	margin-top:35px;
	color:#3b3b3b;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.7em;
}

.intro a {
	color:#3b3b3b;
	text-decoration:none;
}

.intro a:hover {
	color:#777;
}

.small_intro {
	color:#3b3b3b;
	text-align:center;
	font:normal 1.8em/1.3em Georgia, "Times New Roman", Times, serif;
	margin:15px 0 20px 0;
}

.small_intro strong {
	font-weight:normal;
	color:#999;
	
}

.stage {
	padding-top:20px;
}

/* Content Layout */

#breadcrumb {
	margin-top:20px;
	font-size:1.0em;
	color:#666;
}

#breadcrumb a {
	color:#666;
}

#breadcrumb a:hover {
	color:#bbb;
}

#breadcrumb strong {
	color:#bbb;
	font-weight:normal;
}

#page {
	background:url('../images/global/page_bg.gif') repeat-x bottom;
	padding-bottom:15px; /* Note that sidebars have a 15px bottom margin, which is adjacent to this */
}

#content {
	margin-top:20px;
}

.main_container {
	width:635px;
}

.sidebar_container {
	width:315px;
}

.small_sidebar_container {
	width:215px;
}

.sidebar {
	background:#000;
	padding:10px 15px;
	color:#eee;
	margin-bottom: 15px;
	
	/* Gradient Backgrounds
	background-image: url("../images/global/sidebar_bg.gif");
	background-position: top;
	background-repeat: repeat-x;
	*/
}

.sidebar p {
	margin:10px 0 5px 0;
	font-size:1.1em;
	line-height:1.6em;
	color: #999;
}

.sidebar p.gray {
	color:#999;
}
	
.sidebar.lead {
	padding: 15px;
	}

.sidebar.lead p {
	color:#FFFFFF;
	font-size:1.3em;
	line-height:1.7em;
	}

.description {
	color:#CCC;
	font-size:1.3em;
	line-height: 1.7em;
	margin-top:10px;
}


.main {
	background:#fff;
	color:#000;
	padding:10px 15px;
	margin-bottom:15px;
}

.main p {
	margin:1em 10px;
	font-size:1.2em;
	line-height:1.8em;
}


.main_container .main ul.resources li {
	margin:1em 10px;
	font-size:1.2em;
	line-height:1.8em;
	list-style-image: url("../images/action/action_resourcearrow.gif");
}






/* Article Tools
====================================== */

ul#tools {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	} 
	
ul#tools.horiz {
	/* width: 155px;
	margin: auto; */
	}
	
ul#tools li {
	display:inline;
}
	
ul#tools.horiz li a {
	display: block;
	float: left;
	margin-right: 13px;
	color: #000;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding: 1px 0 0 20px;
	
	}
	
ul#tools.horiz li a:hover {
	color: #000;
	text-decoration: underline;
	}
	
ul#tools.horiz li.save a {
	background: url(../images/global/tools_save.gif) no-repeat 0% 0%;
	}
	
ul#tools.horiz li.share a {
	background: url(../images/global/tools_share.gif) no-repeat 0% 0%;
	}

.sidebar ul#tools {
	margin:10px 0;
}

.sidebar ul#tools.horiz li a, .sidebar ul#tools.horiz li a:hover {
	color:#fff;
}

.sidebar ul#tools.horiz li.save a {
	background: url(../images/global/tools_save_white.gif) no-repeat 0% 0%;
	}
	
.sidebar ul#tools.horiz li.share a {
	background: url(../images/global/tools_share_white.gif) no-repeat 0% 0%;
	}

/* Patterns of Genocide sidebar
====================================== */

#patterns_side ul.news {
	margin-bottom: 10px;
	}

#patterns_side ul.news li {
	padding-bottom: 4px;
	}

#patterns_side ul.news li .headline {
	font-size: 1.6em;
	}

#patterns_side ul.news li .headline a, #patterns_side ul.news li .headline a:visited, #patterns_side ul.news li .headline a:active {
	padding: 6px 6px 6px 11px;
	display: block;
	color: #aaa;
	background-color:#151515;
	}

#patterns_side ul.news li .headline a:hover {
	padding: 6px 6px 6px 11px;
	display: block;
	color: #fff;
	background-color:#151515;
	}
	
	
/* Newsletter, Voices & Donate sidebar
====================================== */

#voices_sidebar h2 a,
#donate_sidebar a h2,
#newsletter_sidebar a h2 {
	color: #e9dcb0;
	}	
	
#voices_sidebar h2 a:hover,
#donate_sidebar a:hover h2,
#newsletter_sidebar a:hover h2 {
	color: #fff;
	}

#voices_sidebar ul.horiz,
#voices_sidebar ul.horiz li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}


	
/* World Is Witness sidebar
====================================== */

#witness_sidebar ul.news,
#voices_sidebar ul.news {
	margin:15px auto 0;
	width:97%;
	}

#witness_sidebar p.description,
#voices_sidebar p.description {
	color: #fff;
	margin-top: 5px;
	}

	
#witness_sidebar ul.news .headline a,
#voices_sidebar ul.news .headline a {
	font-size: 0.6em;
	font-weight:bold;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	}
	
/* Community in Action sidebar
====================================== */

#communityInAction_sidebar .thumbnail_container.stacked .thumbnail a h4 {
	font-size: 1.1em;
	line-height:1.6em;
	font-weight:bold;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	}

/*	
#communityInAction_sidebar .thumbnail_container.stacked .thumbnail a img {
	height:auto;
}

#communityInAction_sidebar .thumbnail_container.stacked .thumbnail a {
	height:auto;
	margin-bottom:5px;
}
*/


/* Elements */

.cutline {
	margin:6px 0 20px 0;
	font-size:1.1em;
	color:#666;
	}

.main .cutline {
	color:#000;
	}

ul.news {
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
	}

ul.news li {
	padding-bottom:20px;
	list-style:none;
}

.kicker {
	font-size:0.95em;
	font-weight:normal;
	letter-spacing:0.05em;
	text-transform:uppercase;
	}

ul.news .headline {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	margin-top:3px;
}

ul.news .subheadline {
	font-size:1.1em;
	line-height:1.6em;
	margin-top:4px;
	color: #999;
}

ul.news .subheadline a {
	font-size:1.0em;
}

.entry .article_tools {
	margin:20px 10px 30px 10px;
	border-top:1px solid #333;
	padding-top:10px;
	text-align:center;
}

.divider {
	border-bottom:1px solid #999;
	margin-bottom:15px;
	padding:0 20px 45px 20px;
}

.required {
	color: #f00001;
	float: right;
	font-size: 0.95em;
	font-weight:normal;
	letter-spacing:0.025em;
	position:relative;
	width:77px;	
	margin-left: 10px;
	top:6px;
	}

/* Footer */

#footer {
	margin-top:20px;
}

#footer a {
	color:#a5a5a5;
}

#footer a:hover {
	color:#fff;
}

.footer_content {
	margin-left: 0px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#footer .learnMore {
	font-size:1.8em;
	}

.footer_nav {
	font-size:1.0em;
	color:#fff;
	margin-top:22px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

/* TABLE FOR INPUT FORMS */

table.form tr td {
	padding:0 5px 15px 5px;
	text-align:left;
}

table.form tr td label {
	background:#000;
	display:block;
	padding:8px 35px 0 35px;
	text-align:center;
	color:#666;
	font-size:1.0em;
	height:20px;
}

table.form tr td input {
	width:250px;
	height:18px;
	padding:2px 3px 0 3px;
	color:#000;
	font-size:1.2em;
	margin:0
}

input.submit_button {
	background:#000;
	padding:8px 35px 8px 35px;
	text-align:center;
	color:#666;
	font-size:1.0em;
	border:1px solid #666;
	cursor:pointer;
}

input.submit_button:hover {
	border-color: #999;
	color: #999;
	}


table.form tr td.required {
	float: none;
	text-align: right;
	width: 99px;
	}
	
	

/* Tell Us Your Story form
====================================== */

#page.tellStory table.form {
	margin-bottom: 25px;
	}
	
#page.tellStory table.form tr td input {
	width: 325px;
	}

	


/* ERRORS and Messages */

.errors {
	width:500px;
	margin:10px auto;
	padding:10px;
	border:1px solid #600;
	background:#fee;
	font-size:1.2em;
}

.errors ul {
	margin:0 0 0 20px;
	padding:0;
}

.msg {
	width:500px;
	padding:10px;
	border:1px solid #666;
	background:#E9DCB0;
	font-size:1.2em;
	margin:10px auto;
	text-align:center;
}

/* Pledge */

textarea.pledge_textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	width:350px;
	height:100px;
	padding:5px 10px;
	line-height:2.0em;
}

.fine_print {
	color:#666;
	font-size:1.0em;
	margin-top:20px;
	width:70%;
	margin-bottom:10px;
}


/* Find Pledge box, homepage
====================================== */

#page.homepage #findPledge h1 {
	font-size: 2.2em;
	}

#page.homepage #findPledge p.subheadline {
	margin-top: 0;
	}
	

#findPledge input.access_card_input {
	padding:9px 6px;
	width:130px;
	color:#999;
	font-size: 1.4em;
	letter-spacing: -0.02em;
	float: left;
	height: 16px;
	border: 1px solid #999;
	margin-bottom: 8px;
	}

#findPledge input.submit_button {
	background: #151515 url(../images/global/input_next.gif) no-repeat 0% 0%;
	height: 36px;
	width: 36px;
	padding:0;
	position:relative;
	left:-1px;
	}
	
#findPledge input.submit_button:hover {
	background-position: 0% 100%;
	}

#page.homepage #findPledge form {
	border-bottom:1px solid #333333;
	margin-bottom:17px;
	padding:10px 0 17px;
	}
	
a#findPledge_dropdown {
	background: url(../images/global/icon_questionMark.gif) no-repeat 0% 0%;
	padding: 1px 0 0 19px;
	color: #666;
	height: 20px;
	display: block;
	clear: both;
	margin:auto;
	}
	
a#findPledge_dropdown:hover {
	color: #999;
	cursor: pointer;
	}
	
#findPledge_graphic {
	margin: 7px 10px 13px;
	display: none;
	}
	
#page.homepage #findPledge a img {
	margin-bottom: 10px;
	} 

/* Pledge Wall 
====================================== */

#pledgeWallButtons {
	margin-bottom:15px;
}

#pledgeWallButtons ul {
	margin:0;
	padding:0;
	list-style:none;
}

#pledgeWallButtons ul li {
	display:inline;
	float:right;
	list-style:none;
	margin-left:10px;
}

#pledgeWallButtons ul li a.button {
	width:150px;
	font-size:1.2em;
	padding-top:5px;
	padding-bottom:7px;
}

/* Genocide page styles
====================================== */

.prevNext_container {
	margin: 10px 0 15px;
	}



/* Gallery page styles
====================================== */

.thumbnail_container {
	margin: 15px 0 0;
	}

.thumbnail_container.quarters {	
	padding-left: 7px;
	clear: both;
	}

.thumbnail_container.quarters .thumbnail {
	display: block;
	float: left;
	width: 24%;
	margin: 0 0 35px;
	height:180px;
	}
	
.thumbnail_container p {
	margin-top: 0;
	}
	
.thumbnail_container a.button {
	margin-top: 0;
	clear: both;
	}
	
.thumbnail_container.stacked .thumbnail {
	display: block;
	margin: 0 0 20px;
	clear: both;
	}

.thumbnail a {
	display:block;
	width:107px;
	}
	
.thumbnail a img,
.thumbnail a #icon_currentSituation {
	height: 85px;
	width: 85px;
	margin-bottom: 7px;
	border: 1px solid #333;
	padding: 10px;
	background: #1d1d1e;
	display: block;
	}
	
.thumbnail a h4 {
	margin: 0;
	padding: 0;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.6em;
	}

.thumbnail_container.quarters .thumbnail a h4 {
	line-height: 1.4em;
	}
	
.thumbnail_container.stacked .thumbnail a h4 {
	font:normal 1.8em Georgia, "Times New Roman", Times, serif;
	margin-top:5px;
	}
	
.thumbnail a:hover img,
.thumbnail a:hover #icon_currentSituation {
	border-color: #999;
	}
	
.thumbnail a:hover p {
	color: #fff;
	}
	
.thumbnail a .kicker {
	color:#ddd;
	text-transform:uppercase;
}

.thumbnail a:hover .kicker {
	color:#fff;
}
	
.thumbnail_container.stacked .thumbnail a,
#page.portraits .thumbnail_container.quarters .thumbnail a {
	margin: auto;
	width: 95%;
	height: 107px;
	}

.thumbnail_container.stacked .thumbnail a img,
.thumbnail_container.stacked .thumbnail a #icon_currentSituation {
	float: left;
	margin-right: 13px;
	}
	
	
/* Portraits: Normalizing thumbnails
====================================== */

#page.portraits .thumbnail_container.quarters .thumbnail a h4 {
	font:normal 1.8em Georgia, "Times New Roman", Times, serif;
	margin-top:5px;
	}
	
#page.portraits .thumbnail_container.quarters .thumbnail a img {
	float: left;
	margin-right: 10px;
	}


	
/* Flash photo gallery 
====================================== */
#flashPhotos{
	background-color:#000000; min-height:500px;}
#flashPhotos h1{
	float:left; color:#FFFFFF; margin-left:10px; margin-top:10px}
#flashPhotos #titleLeadin{
	color:rgb(233, 220, 176)}
#flashPhotos #info{
	min-height:100px; margin-top:20px; text-align:center; width:980px}
/*#flashPhotos #tools{
	float:left; width:78px; padding-left:20px; color:#696969; font-size:10px; margin:0px; text-transform:uppercase}*/
#flashPhotos #caption {
	padding-bottom:20px; font-size:12px; margin-left:auto; margin-right:auto; width:600px; line-height:19px; color:#FFFFFF; text-align:left; margin-top:5px;}

#flashPhotos #credit{
	text-align:right; color:#696969; font-size:12px; line-height:19px; margin-left:auto; margin-right:auto; width:600px; }


/* Installation page styles - Lead container
============================================================== */

#page.installation .photoContainer {
	width: 960px;
	overflow: hidden;
	margin: 10px 0 5px;
	}



/* Installation page styles - Plan Your Visit
============================================================== */

#planVisit .dataWrapper {
	margin-top:20px;
	clear: both;
	}
	
#planVisit .noMargin {
	margin: 0;
	}
	
#planVisit p {
	color: #fff;
	}
	
#planVisit img {
	margin: 10px 0 15px;
	}

#planVisit .title {
	color: #E9DCB0;
	font-size:1.2em;
	font-weight: bold;
	width: 20%;
	margin-right: 5%;	
	}
	
#planVisit .data {
	width: 75%;
	}


#planVisit .data .openClose {
	color:#999999;
	margin-right:3%;
	width:40%;
	}


#planVisit .data .time {
	font:normal 1.8em Georgia, "Times New Roman", Times, serif;
	margin-right: 5px;
	color: #fff;
	}

#planVisit .data.address,
#planVisit .data.more {
	font-size: 1.1em;
	line-height: 1.8em;
	position: relative;
	top: -2px;
	}

#planVisit .data.more ul {
	margin: 5px 0;
	padding: 0 0 0 13px;
	color: #999;
	}

	
	
/* Installation page styles - Already Visited?
============================================================== */

#alreadyVisited p {
	margin: 5px 0 10px;
	}

#alreadyVisited table.form tr td label {
	height:18px;
	padding:11px 8px 8px 0;
	text-align:left;
	width:46px;
	}

#alreadyVisited .form_container {
	margin-top: 30px;
	text-align: center;
	}
	
#page.installation #findPledge,
#page.installation .logIn_container {
	float: left;
	width: 45%;
	}
	
#page.installation #findPledge form {
	margin:20px;
	}
	
#page.installation #findPledge input.access_card_input {
	width: 170px;
	margin-bottom: 20px
	}

#page.installation a#findPledge_dropdown {
	background-position: 12% 0%;
	}

#page.account a#findPledge_dropdown:hover,	
#page.installation a#findPledge_dropdown:hover {
	color: #666;
	cursor: text;
	}
	
#page.installation	#findPledge_graphic {
	display: block;
	}
	
	
.logIn_container table.form tr td input {
	border:1px solid #999999;
	padding:8px 5px 0;
	width:175px;
	}

.logIn_container table.form tr td {
	padding:0 5px 7px;
	}
	
.logIn_container input.submit_button {
	background: #151515;
	}
	
.or {
	font: italic 1.8em/2.6em Georgia, Times, Times New Roman, serif;
	text-align: center;
	width: 10%;
	float: left;
	}


.doubleLine {
	width: 10px;
	height: 75px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin: auto;
	}
	
.doubleLine.bottom {
	height: 155px;
	}
	

	
/* Community In Action
====================================== */

#page.communityInAction .main {
	padding: 15px;
	}

img.community_image {
	border:1px solid #ccc;
}

.community_headline {
	width:388px;
	float:right;
}

.community_name {
	font-size:1.2em;
	font-weight:bold;
	margin-top:1em;
}

.community_location {
	font-size:1.em;
	color:#666;
}

.navigation {
	font-size:1.2em;
}

.top_navigation {
	margin-bottom:20px;
}

.bottom_navigation {
	margin-bottom:10px;
}

textarea.tell_us {
	width:580px;
	height:100px;
	margin:10px 0 30px;
	padding: 10px;
	font:normal 1.3em/1.6em Arial, Helvetica, sans-serif;
	clear: both;
}

/* My Account
====================================== */

ul.pledges {
	padding: 0;
	margin: 15px 0 0 0;
	list-style: none;
	}
	
ul.pledges li {
	border-bottom:1px solid #666666;
	display:block;
	font-size:1.2em;
	padding:7px;
	line-height: 1.4em;
	}

/*
ul.pledges li a:hover {
	background-color: #111;
	}
*/
	
ul.pledges .time {
	font-size:0.8em;
	margin-left:3px;
	color: #666;
	}

ul.pledges li a:hover .time {
	color: #a5a5a5;
	} 

a.pledge_delete {
	color:#666;
}

a.pledge_delete:hover {
	color:#999;
}

#access_code_status {
	font-size:1.2em;
	color:#666;
	width:30px;
	padding-left:10px;
}

#page.account .thumbnail_container.stacked .thumbnail {
	margin: 0;
	}

#page.account .thumbnail_container.stacked .thumbnail a {
	margin: 0;
	height: 107px;
	padding: 2.5%;
	border-bottom: 1px solid #333;
	}
	
#page.account .thumbnail_container.stacked .thumbnail a:hover {
	background: #111;
	}

#page.account #findPledge .container {
	width: 95%;
	margin:auto;
	}

#page.account #findPledge form {
	margin: 15px 0;
	}

#page.account #findPledge a#findPledge_dropdown {
	margin-top: 10px;
	}

#page.account #findPledge input.access_card_input {	
	width:175px;
	}
	



/* At Risk headers
====================================== */

.atrisk_header {
	padding:4px 10px;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	/* clear:both; */
	text-transform:uppercase;
	margin-bottom:15px;
	}

.emergency {
	/* background:#a00; */
	/* 811509 951a1a*/
	background:#700808;
	color:#fff;
}

.warning {
	background:#c60;
	
}

.watch {
	/* background:#f3a638; */
	background:#c5ac35;
}

.monitor {
/* 084672 3b6e8f*/
	background:#3b6e8f;
}


/* Horizontal submenu lists
====================================== */

h1.left {
	margin-right: 20px;
	}

ul#submenu {
	margin: 9px 0 0 7px;
	padding: 0;
	list-style: none;
	height: 25px;
	}

ul#submenu h3 {
	float: left;
	padding: 4px 7px 4px 0;
	margin-right: 10px;	
	}
	
ul#submenu li a {
	float: left;
	padding: 4px 7px;
	margin-right: 10px;
	font-size:1.2em;
	line-height:1.4em;
	color: #555;
	width:85px;
	text-align:center;
	}
	
ul#submenu li {
	display:inline;
}

ul#submenu li a:hover {
	background: #151515;
	color: #999;
	}

	
ul#submenu li a.selected {
	background: #151515;
	color: #fff;
	}

ul#submenu li a.selected:hover {
	cursor: default;
	}

#page.account ul#submenu {
	float: right;
	width: 37%;
	margin-top: 4px;
	}

#page.account ul#submenu li a {
	float: right;
	}
	
/* My Account: Dynamic thumbnails
====================================== */

.thumbnail a #icon_currentSituation {
	overflow: hidden;
	}
	
.thumbnail a #icon_currentSituation .container {
	background: #000;
	width: 85px;
	height: 85px;
	}
	
.thumbnail a #icon_currentSituation .regionName {
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 0 0 0 7px;
	}

.thumbnail .atrisk_header {
	font-size: 0.8em;
	letter-spacing: .05em;
	padding: 4px 7px;
	margin-bottom: 7px;
	}


/* My Account: Pagination
====================================== */

#pagination {
	margin: 7px auto;
	height: 22px;
	display: table;
	}
	
#pagination a,
#pagination b {
	display: block;
	float: left;
	height:12px;
	padding:5px;
	width:12px;	
	text-align: center;
	margin-right: 5px;
	}

#pagination a:hover {
	background: #151515;
	}

#pagination b {
	background: #151515;
	}


/* What Can I Do Page */

#what_can_i_do {
	padding-top:10px;
}

#what_can_i_do h2, #what_can_i_do h2 a {
	color:#000;
}

/* Credits */

#credits h3 {
	color:#000;
	font-size:1.8em;
}

#credits p {
	margin-top:1ex;
	margin-bottom:2em;
}
