body { background-color:#191970 }
#wrapper {
    width: 968px;
    margin: 0 auto;
    padding: 0;
    background-color: #eeeeee;		/*Same gray as the top of the gradient on the rest of the page*/
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #000;
}
#header { margin: 0px 0 0; }
#header h1 {
    background:url('/images/logon.png') no-repeat 15px center;
    margin: 0;
    padding: 9px 0;
    font-size: 24px;
    color: #ffffff;
    font-family:verdana;
    height:71px;
    width:300px;
}
#header h1 a {
    height:65px;
    width:300px;
    display:block;
}
#header h1 span { display:none }
/*	Horizontal dropdown menubar. 
Mostly by Raphael Goetter - http://tutorials.alsacreations.com/deroulant/menu-horizontal2.htm.
===========================================*/
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu {
    z-index:100;
    width: 970px;
    height: 20px;
    margin: 0px 0;
}
#menu dl {
    float: left;
    padding-left: 0;
    margin-left: 0;
    color: white;
    float: left;
    font: bold 13px Ariel, sans-serif;
}
#menu dt {
    cursor: pointer;
    width: 192px;
    height: 20px;
    text-align: center;
    background-color: #eee;
    padding-bottom: 15px;
}
#menu dt.takeaction { width: 196px; }
#menu dt.last { border-right: 0px }
#menu dd {
    display: none;
    border: 1px solid gray;
    width: 191px;
}
#menu dd.takeaction { width: 195px; }
#menu li {
    text-align: center;
    background: #fff;
    border-bottom: 0.5px solid gray;
}
#menu dt a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    border-right: 1px solid #fff;
    background-color: #0b3a5f;
    padding-top: 2px;
}
#menu li a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    background: #fff;
    padding: 2px 1px;
}
#menu dt.active {
    background: url('/images/submenu_line.png') no-repeat;
    background-position:50% 100%;
}
#menu dt.takeaction_active {
    background: url('/images/submenu_line_red.png') no-repeat;
    background-position: 50% 100%;
}
#menu dt a:hover, #menu dt a:focus, #menu dt a.active {
    color: #fff;
    background: url('/images/active-grad.png') repeat-x;
}
#menu dt a.takeaction_active {
color #fff; background: url('/images/takeaction-grad.png') repeat-x; }
#menu dt.takeaction a, #menu dt.joinus a, #menu dt.takeaction_active a { background-color: #bd000b; }
#menu dt.takeaction a:hover, #menu dt.joinus a:hover, #menu dt.takeaction_active a:hover {
    background-color: #bd000b;
    color: #fff;
    background:url('/images/takeaction-grad.png') repeat-x;
}
#menu li a:hover, #menu li a:focus { background: #eee; }
/*	MAIN CONTENT WRAPPER under the menubar. 
Allows everything else to have relative positioning. Footer should be included.
------------------------------*/
#maincontent {
    clear: both;
    width: 967px;
    z-index: 1;
    padding-top: 6px;
    background-color: #eeeeee;
    background-repeat: repeat;
}
/*	Left side of home page: mission, goals, action of the day, and blog boxes. 
=====================================================================================*/
#leftcontent {
    clear: both;
    width: 730px;
    margin-bottom: 16px;
    padding-top: 15px;
    color: #000;
    text-decoration: none;
}
/* Welcome box. 
------------------------------*/		
#welcome {
    margin: 0px 10px 10px 15px;
    padding: 10px 10px 10px 10px;
    border: 3px solid #191970;
    -moz-border-radius: 10px 10px 10px 10px;   /* These numbers tell how curved the box is. */
    overflow:hidden;
    width: 900px;
    color: #000;
    background-color: #fff;
}
#welcome h2 { padding-top:15px; }
h2#welcomeheading {
    color: #bd000b;
    padding-top: 10px;
    text-align: center
}
#welcomeheading span {
    color: #000;
    text-align: center;
    font-size: 15px;
}
#welcome p { font-size:14px; }
#welcome h4 {
    height:44px;
    text-align: left;
    margin:5px auto 20px;
    padding: 0px 0px 7px 0px;
}
#welcome h4 a {
    background:url('/images/button-r.png') no-repeat 0 center;
    width:185px;
    height:44px;
    color:#fff;
    text-align: center;
    padding-top:14px;
    font-size:21px;
    display:block;
    margin: 0px auto;
}
#welcome h4 a:hover {
    background:url('/images/button.png') no-repeat 0 center;
    color:white;
}
#welcome h4 a:visited { color:white; }
/* Left lower boxes and each individual box. 
----------------------------------------------------------------------------------------*/
/*Contains all three small boxes.*/
#leftmiddle {
    width: 945px;
    margin: 10px 0px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#goals {
    width: 250px;
    height: 345px;
    float: left;
    padding: 0px 10px 5px 10px;
    margin: 0px 20px 0px 10px;
    /* border: 1px black solid;-moz-border-radius: 0px 0px 0px 0px;
	background-color: #fff; */
	background: url('/images/goals-bkgd.png') no-repeat;
}
#goals p {
    padding: 0px;
    padding-right: 8px;
}
#goals h3 { font-size: 18px; }
#goals ul {
    font-size: 12px;
    padding-right: 5px;
    padding-left: 0
}
#goals ul li {
    padding-bottom: 10px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
}
#goals ul li.lastchild { padding-bottom: 5px; }
#actionoftheday {
    width: 620px;
    height: 340px;
    float: left;
    padding: 0px 0px 5px 0px;
    margin-right: 20px;
    border: 1px black solid;
    -moz-border-radius: 0px 0px 0px 0px;
    text-align: center;
    background-color: #fff;
}
#actionoftheday hr.hr_top { width: 100% }
#actionoftheday h2.h2_top {
    padding: 5px 0px 5px 5px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    text-align: left;
}
#whatsnew {
    width: 200px;
    height: 340px;
    float: left;
    padding: 0px 15px 5px 15px;
    margin-right: 0px;
    border: 1px black solid;
    -moz-border-radius: 8px 8px 8px 8px;
    background-color: #fff;
    background-image: url('/images/goalsnewsheader.png');
    background-repeat: repeat-x;
}
#whatsnew ul {
    margin-left: 15px;
    font-size: 14px;
}
h2#goalsheading, h2#whatsnewheading {
    color: #fff;
    text-align: center;
    margin: 0px 0;
}
h2#actionofthedayheading {
    color: #fff;
    text-align: center;
    margin: 0px 0;
}
#actionoftheday p, #whatsnew p { font-size: 14px; }
/* Right-side of home page: join us, sign our petition, and factoids.
===========================================================================*/
#rightcontent {
    float: right;
    width: 185px;
    margin: 15px 10px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
}
/*home page: top right*/
#joinus {
    width: 184px;
    margin-top: 5px;
    padding: 0px 5px 10px 5px;
    background: #fff;
    /*	background: #b9dde5; */
	color: #fff;
    text-align: center;
    float: right;
    border: 2px solid #000;
}
#joinus p {
    text-align: center;
    margin: 0px 0;
}
#joinus ul {
    list-style: none;
    margin: 2px 0px 0px 0px;
    text-align: center;
}
#joinus ul li { display: inline; }
#joinus h2 {
    text-align: center;
    font-size: 20px;
    color: #000;
}
#joinus h4 {
    height:40px;
    text-align: left;
    margin:5px auto 20px;
    padding: 0px 0px 7px 0px;
}
#joinus h4 a {
    background:url('/images/button-r.png') no-repeat 0 center;
    width:185px;
    height:44px;
    color:#fff;
    text-align: center;
    padding-top:14px;
    font-size:21px;
    display:block;
}
#joinus h4 a:hover {
    background:url('/images/button.png') no-repeat 0 center;
    color:white;
}
#joinus h4 a:visited { color:white; }
h2#joinusheading {
    color: #bd000b;
    margin: 0px 0;
    text-align: center;
}
/*home page right middle*/
#factoids {
    width: 185px;
    margin-top: 20px;
    padding: 20px 5px 10px 5px;
    background: #d9faa9;
    color: #000;
    text-align: left;
    float: right;
    border: 0.2px gray solid;
}
#factoids p { font-size: 14px; }
h2#factoidsheading {
    color: #000;
    padding: 0px 0px 10px 0px;
    text-align: center;
    font-size: 18px;
}
/*home page right lower box alternate*/	
#recentcampaigns {
    width: 185px;
    margin: 15px 0px 0px 0px;
    padding: 5px 5px 0px 5px;
    background: #fff;
    text-align: center;
    float: right;
    border: 2px solid #000;
}
#mailinglist {
    width: 185px;
    margin: 20px 0px 20px 0px;
    padding: 5px 5px 0px 5px;
    background: #eeece1;
    text-align: center;
    float: right;
    border: 0.2px gray solid;
}
/*NAVIGATION - see above for main menu bar
==========================*/
#nav_line {						/*Breadcrumb navigation bar. Under the menu bar. E.g., home > about us > the board.*/
    margin-left: 20px;
    padding-bottom: 5px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #c9c9c9;
}
#nav_line a {
    color:#2f72a6;
    text-decoration: none
}
#footer {						/* Footer.*/
    width: 956px;
    height: 21px;
    margin: 0 auto;
    float: left;
}
/*#footer p {				not sure we need this
	color: white;
	padding:2px 35px;
	font: bold 11px Ariel, sans-serif;
	}*/
#footer ul {
    padding-right: 0;
    margin: 0;
    color: white;
    float: left;
    width: 956px;
    font: bold 11px Ariel, sans-serif;
}
#footer li {
    display:inline;
    width:20em;
}
#footer li a {
    padding: 3px 10px;
    color: White;
    text-decoration: none;
    text-align: center;
    float: right;
    border-left: 0px solid #fff; /* was 1px for multiple footer items */
    width:8em;
}
#footer li span {
    padding: 3px 10px;
    color: White;
    text-decoration: none;
    float: left;
}
/*COMMON CONTENT DIVIDERS
==================================*/
#content {					/*Large white text container used on most pages.*/
    margin:5px 20px 10px 20px;
    padding: 0px 15px 20px 15px;
    border:2px solid #0b3a5f;
    -moz-border-radius: 8px 8px 8px 8px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    overflow:hidden;
    width:895px;
}
.quarter {
    width:450px;
    height:170px;
    float:left;
    padding:10px 3px 0;
}
.third {
    width:290px;
    float:left;
    padding:5px 0px 0;
}
.letterthird {
    width:300px;
    float:left;
    padding:5px 0px 0;
}
/* FONTS 
=====================================*/
a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: none;
    color: #228b22;
}		/*green*/
a:visited {
    text-decoration: none;
    color: blue;
}
a:visited:hover {
    text-decoration: none;
    color:  #228b22;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    font-stretch: condensed;
    margin: 0px 0;
    padding: 30px 0 10px;
    font-weight: bold;
    letter-spacing: 0pt;
    white-space: normal;
    vertical-align: top;
    line-height: normal;
}
h2.centered {
    color: #0b3a5f;
    text-align: center;
}
h2.default {
    color: #0b3a5f;
    padding-left: 3em;
}
h3.centered {
    color: #0b3a5f;
    text-align: center;
    font-size: 14px;
}
p, ul, ol, dl {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    line-height: normal;
    text-align: left;
    padding:0 1em;
}
p.header {
    font-weight:bold;
    margin-bottom:0;
    padding-bottom:0;
}
p.smalltext { font-size: 10px; }
p.center { text-align: center; }
p.largertext {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}
p.pageintrocenter {
    font-size: 12pt;
    text-align: center;
}
p.pageintroleft {
    font-size: 12pt;
    text-align: left;
}
p#inputwarning {
    margin-top:0px;
    margin-bottom:0px
}
#content ul { list-style:square inside } /*not sure what this is, but was listed with the above 2 lines*/
/*FORMS AND TABLES
====================================*/
table.resources td {
    padding-bottom: 12px;
    margin-bottom: 10px;
    padding-left: 10px
}
table.resources {
    margin-top: 10px;
    margin-left: 10px;
}
.open { display: block; }
.close { display: none; }
/*For clickable dropdown information.*/
p.fact_heading {
    background: url(/arrow.gif) no-repeat 2px 6px;
    display: block;
    padding: 3px 0;
    padding-left: 20px;
    margin-left: 25px;
}
p.arrow_down {
    background: url(/arrow_down.gif) no-repeat 2px 9px;
    display: block;
    padding: 3px 0;
    padding-left: 20px;
    margin-left: 25px;
}
.spacer { clear: both; }
input[type="text"], select { border:1px gray dotted; }
input.required {
    border:1px gray dotted;
    background-color: #FFF68F;
}
#submit {
    border:2px outset;
    background:#0b3a5f;
    color:white;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}
#submit:hover {
    background:#2f72a6;
    cursor:pointer
}
label, legend { font: bold 13px Ariel, sans-serif; }
fieldset { margin:0 2em }
#submit.muted {
    border:2px outset;
    background:#0b3a5f;
    color:white;
    font-weight:normal;
    padding-top: 1px;
    padding-bottom: 1px;
}
#submit.muted:hover {
    background:#2f72a6;
    cursor:pointer
}
form {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
form a.unbutton { background: none; }
table {
    font-size: 13px;
    text-align: left;
}
table td {
    padding-left: 2em;
    vertical-align: top
}
table.nav_table td {
    padding-left: 2px;
    padding-right: 3px;
    vertical-align: top
}
.post_title { margin-bottom: 0; }
.post_tag { margin-top: 0; }
.post_tag p { font-size: 90%; }
.post_content { margin: 5px 0; }
/*ABOUTUS - Leadership List
====================================*/
#about ul#names {
    list-style: none;
    padding-left: 50px;
}
#about ul#names li.heading {
    padding-top: 10px;
    color: #0b3a5f;
    font-weight: bold;
}  /*dark blue*/
#about ul#names li.last { padding-bottom: 10px; }
/*Barack Obama Quote*/
#about p.quote { padding-left: 50px; }
h2#aboutheading {
    color: #0b3a5f;
    padding:20px 0px 0px 12px;
}
/*TAKE ACTION
===============================*/
/*Navigation buttons*/
ul.listofbuttons {
    margin-left: -5px;
    list-style:none inside;
    text-align: center
}
ul.listofbuttons li {
    display:inline;
    margin-right: 5px;
}
ul.listofbuttons li a {
    padding:2px 2px;
    text-decoration:none;
    font-weight: bold;
    color:white;
    background:#2f72a6;
    border: solid 1px #2f72a6;
    -moz-border-radius: 6px 6px 6px 6px;
}
ul.listofbuttons li a:hover {
    text-decoration:none;
    color:white;
    background:#0b3a5f;
    border: solid 1px #0b3a5f;
    -moz-border-radius: 6px 6px 6px 6px;
}
ul.listofbuttons li.active a {
    padding:2px 0.5em;
    text-decoration:none;
    font-weight: bold;
    color:white;
    background:#0b3a5f;
    border: solid 1px #0b3a5f;
    -moz-border-radius: 6px 6px 6px 6px;
}
/*LETTER and SIGNATORIES
===============================*/
#letter_text {
    float: left;
    width: 470px;
    margin: 0px 10px 10px 20px;
    background:#fff;
    border: solid 2px #0b3a5f;
    -moz-border-radius: 3px 3px 3px 3px;
    padding: 20px 20px;
}
#letter_text p { text-indent: 0em }
#letter_text h2 {
    text-align: center;
    color: #0b3a5f;
    padding: 10px 10px 20px 10px;
}
#letter_text ul { margin-left: 2.5em; }
#letter_cosponsors {
    float: right;
    width: 350px;
    padding-top: 10px;
}
#letter_cosponsors h3 {
    text-align: left;
    padding-left: 3em;
    color: #0b3a5f;
}
#letter_cosponsors p {
    text-align: left;
    font-size: 14px;
}
#letter_signatories {
    float: left;
    width: 800px;
    margin-top:10px;
}
#letter_signatories h2 {
    text-align: center;
    color: #0b3a5f;
    padding-left: 10px;
}
p#signatory_heading {
    text-align: left;
    font-size: 16px;
    color: #0b3a5f;
}
p#signatory_subheading {
    margin-left: 12px;
    margin-top: -15px;
    font-size: 10px;
}
p#signatory_subheading_info {
    margin-left: 12px;
    margin-top: 25px;
    font-size: 10px;
}
#letter_bottom {
    float: left;
    width:100%;
}
.full {
    float:left;
    width: 100%;
}
#bottomleft {
    float: left;
    width:50%
}
#letterbottomright {
    float: left;
    width: 50%
}
ul#signatories {
    margin-left: 7px;
    margin-top: 5px;
    font-size: 12px;
    list-style: none;
}
ul#signatories li.name {
    font-size: 13px;
    font-weight: bold
}
ul#signatories li.last { margin-bottom: 10px; }
/*I think this is a joinus box.*/
#signbox {
    border: dotted 1px;
    margin-left: 10px;
    padding-top: 10px;
}
/*STORIES
====================================*/
#tabbed_box2 {
    margin: 0px 0px 0px 0px;
    float:left;
    width: 300px;
    height: auto;
}
.tabbed_area { padding:8px; }
.tabbed_area h2 {
    color: #0b3a5f;
    text-align: center;
    height: 20px;
}
ul.tabs { padding-top:5px; }
ul.tabs li {
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 320px;
}
ul.tabs li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    font-stretch: condensed;
    color: #c9c9c9;
    margin: 0px 0 0;
    font-weight: bold;
    letter-spacing: 0pt;
    white-space: normal;
    vertical-align: top;
    line-height: normal;
    text-align: left;
}
ul.tabs li a.active { color: #2f72a6 }
.content_display {
    float:left;
    width: 550px;
    left: 50px;
    margin-top: 50px;
    padding: 10px;
    height: auto;
    overflow: auto;
}
.content_hidden { display: none; }
/*INFO LEARN MORE
=================================*/
#leftcolumn {
    float: left;
    width: 440px;
    margin: 0px;
    padding: 0px;
}
#leftcolumn h2 {
    text-align: left;
    color: #0b3a5f;
}
#leftcolumn p { margin-left: 5px; }
#leftcolumn ul {
    margin-top: -10px;
    padding-top:0;
    margin-left: 20px;
}
#rightcolumn {
    float: right;
    width: 400px;
    margin-right: 10px;
}
#rightcolumn h2 {
    padding-left: 0px;
    color: #0b3a5f;
    padding-bottom:0px;
    margin-bottom:0px;
}
#rightcolumnfaq span p { color: #2f72a6 }
#rightcolumnfaq span ul li { color: #2f72a6; }
#rightcolumn p#subheading {
    padding-top: 0px;
    margin-top: 0px;
    margin-left: 5px;
}
#list_of_resources {
    border: 1px dotted;
    margin-right: 10px;
    background: #CAE1FF;
    margin-top: 15px;
}
/*GET INVOLVED and TAKE ACTION
==============================*/
#getinvolvedbox3 h2 {
    padding-left:35px;
    padding-top: 30px;
    color: #0b3a5f
}
#getinvolvedbox3 ul {
    margin-top:20px;
    margin-left:25px
}
#getinvolvedbox3 ul li {
    list-style: none;
    padding-bottom: 3px;
}
#getinvolvedbox3 ul li a span.button {
    display:block;
    border: outset 2px;
    width: 120px;
    height: 20px;
    background: #2f72a6;
    text-align: center;
    padding: 5px 0;
    -moz-border-radius: 6px 6px 6px 6px;
    font-weight: bold;
    color: #fff;
}
#getinvolvedbox3 ul li p {
    width: 495px;
    margin-left: 150px;
    font-size: 14px;
    margin-top:-30px;
    color: #2f72a6;
    font-weight: bold
}
#getinvolvedbox3 ul li:hover a span.button { background: #0b3a5f; }
#getinvolvedbox3 ul li:hover p { color: #0b3a5f; }
#getinvolvedbox3 p {
    display:block;
    margin-left:22px;
    font-size: 14px;
}
#getinvolvedbox3 ul li:hover a p {
    display:block;
    color: #0b3a5f
}
/*get involved buttons*/
ul.listofbuttons {
    margin-left: -5px;
    list-style:none inside;
    text-align: center
}
ul.listofbuttons li {
    display:inline;
    margin-right: 5px;
}
ul.listofbuttons li a {
    padding:2px 2px;
    text-decoration:none;
    font-weight: bold;
    color:white;
    background:#2f72a6;
    border: solid 1px #2f72a6;
    -moz-border-radius: 6px 6px 6px 6px;
}
ul.listofbuttons li a:hover {
    text-decoration:none;
    color:white;
    background:#0b3a5f;
    border: solid 1px #0b3a5f;
    -moz-border-radius: 6px 6px 6px 6px;
}
ul.listofbuttons li.active a {
    padding:2px 0.5em;
    text-decoration:none;
    font-weight: bold;
    color:white;
    background:#0b3a5f;
    border: solid 1px #0b3a5f;
    -moz-border-radius: 6px 6px 6px 6px;
}
ul#fullplan {
    margin-left: 5px;
    margin-top: 20px;
    text-align: left;
}
ul.buttons {
    list-style: none inside;
    text-align: center;
}
ul.buttons li {
    display:inline;
    padding-right: 10px;
}
ul.buttons li a {
    padding: 4px 4px;
    text-decoration:none;
    font-weight: bold;
    color:white;
    background:#2f72a6;
    border:2px outset;
    -moz-border-radius: 6px 6px 6px 6px;
}
ul.buttons li a:hover {
    text-decoration:none;
    color:white;
    background:#0b3a5f;
    cursor: pointer
}
ul.arrowlist {
    list-style: none;
    margin-left: 0px;
    margin-top: 0px;
}
ul.arrowlist li {
    background: url(./arrow.gif) no-repeat 2px 6px;
    display: block;
    padding: 3px 0;
    padding-left: 20px;
    font-size: 13px;
}
ul.arrowlistwider {
    list-style: none;
    margin-left: 0px;
    margin-top: 0px;
}
ul.arrowlistwider li {
    background: url(./arrow.gif) no-repeat 2px 6px;
    display: block;
    padding: 3px 0;
    padding-left: 20px;
    font-size: 13px;
}
ul.arrowlist_notdoctors {
    list-style: none;
    margin-left: 0px;
    margin-top: 15px;
}
ul.arrowlist_notdoctors li {
    background: url(/arrow.gif) no-repeat 2px 6px;
    display: block;
    padding: 3px 0;
    padding-left: 20px;
    font-size: 13px;
}
/*LISTS AND BUTTONS - will organize the other lists later
==========================*/
/*Large list for things like the stimulus package*/
.infolist dt {
    font-size: 15px;
    font-weight: bold;
}
.infolist dd { font-size: 13px; }
#townhall_left {
    float: left;
    width:500px;
    height: 650px;
}
.townhall_bar {
    float: left;
    width:100%;
    height:15px;
    background-color: #0b3a5f;
}
#townhall_right {
    float: right;
    width: 300px;
    border-left: solid 2px #0b3a5f;
    background-color: #EEE8CD;
    padding-left: 0px;
    padding-right: 0px;
    height: 650px
}
#townhall_right p {
    margin:0 0 0 15px;
    padding:5px
}
.error { color: red }
#calendar_left {
    float: left;
    width:500px;
    height: 820px;
}
#calendar_right {
    float: right;
    width: 300px;
    border-left: solid 2px #0b3a5f;
    background-color: #EEE8CD;
    padding-left: 0px;
    padding-right: 0px;
    height: 820px
}
#submenu {
    margin: 0;
    padding: 0;
}
#submenu ul {
    padding-right: 0;
    margin-right: 0;
    color: white;
    float: left;
    font: bold 12px Ariel, sans-serif;
    margin-top:0px;
}
#submenu li { display: inline; }
#submenu li a {
    padding: 1.5em 1em;
    background: url('/images/menu_circle.png') no-repeat;
    background-position: center center;
    color: #0b3a5f;
    text-decoration: none;
    float: left;
    border-top: 3px solid #0b3a5f;
    padding-top: 25px;
}
#submenu li.action a { border-top: 3px solid #bd000b; }
#submenu li.active a {
    background: #2f72a6;
    background:url('/images/menu_circle_active.png') no-repeat center center
}
#submenu ul li a:hover {
    background-color: #2f72a6;
    background:url('/images/menu_circle_active.png') no-repeat center center
}
#submenu li.letter a { background:#C80815 }
#submenu li.letter a:hover {
    background-color: #C80815;
    color: #fff;
    background:url('/images/letter-grad.png') repeat-x
}
clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0
}
.clearfix { display:inline-block }
* html .clearfix { height:1% }
.clearfix { display:block }