/*-----------------------------------------------------------------------------
Screen CSS

version:   1.0
author:    kevin lockwood
email:     info@forbiddendesign.com
website:   http://www.albanyraceforthecure.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

.left {
float: left;
}

.right {
float: right;
}


/* Remove border around linked images */
img {
	border: 0;
}

#container {
margin: 0 auto;
margin-top: 10px;
width: 850px;
}

#branding {
float: left;
margin: 10px 0 20px 0;
width: 100%;
height: 332px;
background: url('img/branding-bg.jpg') bottom left no-repeat;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 "Tahoma", "Arial", "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

p, h2, ul {
color: rgb(133,133,133);
}

p, ul {
margin: 0 20px 10px 20px;
}

ul {
padding-left: 14px;
}

/* note: bold's first letter of paragraph
p:first-letter {
font-size: 12px;
font-weight: bold;
}
*/

h2 {
margin: 0;
font-size: 18px;
}

h3 {
margin: 0 20px 10px 20px;
color: rgb(171,3,92);
}


/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited {
border-bottom: 1px dotted;
text-decoration: none;
color: rgb(250,85,158);
}

a:hover,a:active {
color: rgb(171,3,92);
}


/* =Branding
-----------------------------------------------------------------------------*/
#main-logo {
float:left;
}

#branding-special {
float: right;
}

#branding-special-link {
position: relative;
top: 229px;
left: -100px;
text-align: left;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#nav-content ul {
margin: 0 10px 0 20px;
padding: 0;
}

#main-nav {
list-style: none;
}

#main-nav li {
/*border-bottom: 1px solid rgb(133,133,133);*/
}

#main-nav a {
border: 0;
font-size: 14px;
line-height: 18px;
color: rgb(133,133,133);
}

#main-nav a:link, #main-nav a:visited {
}

#main-nav a:hover, #main-nav a:active {
color: rgb(250,85,158);
}

#main-nav-lvl2 {
list-style: none;
}

#main-nav-lvl2 li {
/*border-bottom: 1px solid rgb(133,133,133);*/
margin-top: 5px;
margin-bottom: 5px;
}

#main-nav-lvl2 li a {
line-height: 5px;
}

#main-nav-lvl2 a:link, #main-nav-lvl2 a:visited {
}

#main-nav-lvl2 a:hover, #main-nav-lvl2 a:active {
color: rgb(171,3,92);
}

/*The following markup underlines the current main-nav link, according to the
page that you are currently visiting*/
body.home #main-nav a#home, body.race #main-nav a#race,
body.events #main-nav a#events, body.volunteers #main-nav a#volunteers,
body.grants #main-nav a#grants, body.survivors #main-nav a#survivors,
body.press #main-nav a#press, body.about #main-nav a#about,
body.contact #main-nav a#contact{
color: rgb(250,85,158);
}

body.home #main-nav a:hover#home, body.race #main-nav a:hover#race,
body.events #main-nav a:hover#events, body.volunteers #main-nav a:hover#volunteers,
body.grants #main-nav a:hover#grants, body.survivors #main-nav a:hover#survivors,
body.press #main-nav a:hover#press, body.about #main-nav a:hover#about,
body.contact #main-nav a:hover#contact{
cursor: default;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/



/* =Main Content
-----------------------------------------------------------------------------*/
#main-content {
border-left: 1px solid rgb(133,133,133);
border-right: 1px solid rgb(133,133,133);
float: left;
padding-top: 20px;
padding-bottom: 10px;
width: 413px;
}

#nav-content {
float: left;
padding: 20px 0;
width: 175px;
}

#content-title {
position: relative;
top: 310px;
left: 194px;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#side-content {
float: left;
padding: 20px 0;
width: 260px;
height: 100%;
}


/* =Footer
-----------------------------------------------------------------------------*/
#site-info {
float: left;
margin: 20px 0 10px 0;
width: 100%;
height: 88px;
background: rgb(235,235,235);
}

#info {
float: left;
}

#promo {
float: right;
margin-top: 50px;
}

#site-info p {
margin-top: 13px;
line-height: 12px;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
#promo-color {
color: rgb(250,85,158);
}

#promo-color-2 {
color: rgb(133,133,133);
}

.highlight {
color: rgb(171,3,92);
}


/* =Misc 2
-----------------------------------------------------------------------------*/