/* GENERAL LAYOUT */
body {margin:0 0 10px 0; text-align:center; height:100%; background:url(../../images/common/body_background.png) repeat-x top #D3D3D3}
.container {margin: 0px auto; width:950px; text-align:left;}
#columns {margin:15px 0 0 0;}
.community-event {background-color:#666; color:white; font-weight:bold; text-transform:uppercase; font-size:8pt; padding:1px}
.get-involved td, .get-involved th {border:1px solid #ccc; border-top:none; border-left:none; border-right:none; padding:5px; background-color:white; text-align:left}
.get-involved .gray-row td, .get-involved .gray-row th {background-color:#F4F4F4}
.get-involved  {border:1px solid #ccc}
.get-involved .column th {background-color:#666666; color:white; padding:8px; }

.hide {display:none}
#homepage-column1, #homepage-column2, #homepage-column3, #homepage-column4 {float:left; width:25%;  margin:0px 5px 0 0;}
#homepage-column1 li, #homepage-column2 li, #homepage-column3 li {margin:0 10px 10px 0;  padding:3px 0 3px 0; clear:left}
#homepage-column3 ol li {margin:0; padding:0; margin-top:5px}
#homepage-column1 {width:27%}
#homepage-column4 {margin-right:0; width:19%}
#homepage-column1 .button, #homepage-column2 .button, #homepage-column3 .button {margin-top:15px}
#left-column {background:url(../../images/common/column-background.gif) repeat-y}
.block {display:block}
.clearleft {clear:left; }
.clearright {clear:right; }
.clearboth {clear:both; }
.no-font {font:1px; height:1%}
.left {float:left;}
.right {float:right;}
.margintop10 {margin-top:10px;}
.marginbottom10 {margin-bottom:10px;}
.margintop15 {margin-top:15px}
.margintop30 {margin-top:30px}
.nomargin {margin:0; padding:0}
.no-list-style {list-style-type:none}
.paddingleft15 {padding-left:15px}
.no-text {font:0pt}
.spaced li {margin-bottom:10px;}

#footer {margin-top:30px; padding:5px; border:3px solid #C8C8C8; color:#666; clear:both}
#footer a {color:#666}
#footer a:hover {color:#990000}

img {border:0px;}	
#searchbox {border:1px solid #ccc;vertical-align:top;height:21px; width:200px}
.news {background:#ccc; padding:5px; display:none; margin-top:10px; font-size:.9em}
.news div {margin:10px 0}
.right-content {float:right;width:75%; padding-left:10px}
.left-content {float:left; width:20%; padding-right:10px; background: #fff; padding:10px}

.mailingform li {clear:left}

#scholarship-1, #scholarship-2 {width:49%;}
#scholarship-1 {float:left;border-right:3px solid white;}
#scholarship-1 .padding {padding-right:15px;}
#scholarship-2 {float:right}
#scholarship-1 h3, #scholarship-2 h3 {margin-top:0}

p.stacked { margin:0; padding:0}

.photos li{margin-bottom:15px; padding-bottom:10px; border-bottom:1px dotted #000} 
.photos li span {margin-right:15px;}

.type  {border:1px solid #666; font-size:7pt; font-family:Arial; font-weight:bold; color:#666; padding:1px}
/*NAVIGATIONS*/
#nav {margin-left:0px; padding:0;}
#top-nav {background: url(../../images/common/top-nav-background.png) top #ddd; padding:15px 0; margin-bottom:15px}
.left-nav li, .left-nav2 li {margin-bottom:10px}
.left-nav  {border-top:1px solid #666}
.left-nav2 {border:none}

#nav ul {padding: 0;margin:0;background: #990000;font-weight: bold;}
#nav a {display: block;color: #fff;text-decoration: none;padding:5px;}
#nav li {float: left;padding:0;list-style-type:none; margin-right:10px;}
#nav li ul {position: absolute;left: -999em;height: auto;width: 16em;font-weight: normal;margin: 0;}
#nav li li {width:16em; margin-bottom:5px;}
#nav li ul ul {margin: -1.75em 0 0 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover  {background: #990000;}
#nav li ul li.sfhover, #nav li ul li a:hover {background-color: #660000;
}

#giving a {color:#990000; background:url(../../images/icons/giving.png) no-repeat left; padding-left:20px; margin-right:15px}
#home a {color:#990000; background:url(../../images/icons/home.png) no-repeat left; padding-left:20px;}
#mailinglist a {color:#990000; background:url(../../images/icons/giving.png) no-repeat left; padding-left:20px; margin-right:15px}
#giving, #home, #mailinglist {margin-top:2em}




/*TYPOGRAPHY*/
body, p, input, textarea, select, span, ul, li, table, td, tr {font:10pt "Arial";}
.get-involved td, .get-involved th {font-size:9pt}
h1, h2, h3 {margin:0 0 15px 0; font:bold 1.8em Arial Narrow;}
h1 {letter-spacing:0;}
h2 {letter-spacing:-2px}
h3 {font:bold 1.3em Arial Narrow; color:#990000; margin-top:30px;}
h4 {font-weight:bold; margin:0}
h1.mlk {padding-left:160px; line-height:35pt; background:url(../../images/logos/mlkday.gif) left no-repeat; height:150px; font-size:2.7em; }
.left-content h2 {font-weight:bold Arial; font-size:1.5em; letter-spacing:-1px; margin:0}
.red{color:#990000}
.sponsor {letter-spacing:2px;font-variant: small-caps;font-size:11px;font-weight:bold;padding-bottom:20px;}
.date{background-color:#000; color:#fff; padding:2px; float:left; margin-bottom:5px; margin-right:10px; width:17%}

/*FORM FIELDS*/
input {border:1px solid #ccc}
.mailingform label {float:left; width:250px;}
.mailingform input {width:300px;}
.mailingform .button  {width:10%; margin-top:20px; margin-left:250px;}



/*PSEUDO ELEMENTS*/
a{ text-decoration:underline;color:#990000; cursor:pointer}
a:hover{text-decoration:none; cursor:pointer; }
.button a,  .button a:hover, .button, a:hover.button {background:url(../../images/common/button_background.png) center top #990000; padding:5px;  line-height:2em;  text-decoration:none; color:#fff; cursor:pointer}
.gray a {background-image:none; background-color:#333333}
.button a:hover, a:hover.button, .button span a:hover {background:url(../../images/common/button_hover_background.png) center top #990000; color:#ffffff; text-decoration:none; cursor:pointer}
div.button {margin:4px 0; background:0; padding:0; line-height:0;}

.left-nav a, .left-nav2 li a, .left-nav a:visited, .left-nav2 a:visited {text-decoration:none; color:#666}
.left-nav a:hover, .left-nav2 a:hover {color:#990000}
.left-nav2 .selected a {color:#000; font-weight:bold}
#homepage-column1 a {padding-top:3px; width:75%}
#homepage-column1 .button a {float:none}