@import url('Reset.css');

/*===========================================================
    HEADER
===========================================================*/
#header {width:990px; margin:0 auto; height:160px;}
#header #logo {float:left; margin:80px 0 0 15px; display:inline;}
#header #matchMeBanner {float:right; margin:0 45px 0 0;}
#header #matchMeBanner #banner2 a img {display: none}

/* ------------ HEADER NAVIGATION -------------- */
#navigation {background:#2660b2; height:30px;}
#navigation h1 {width:990px; margin:0 auto; position:relative; top:5px; left:10px; color:#fff; font-size:1.5em; }

/* -------------- CRUMBTRAIL -------------- */
#crumbTrail {background:url('../Images/crumbtrail-bg.gif') top center repeat-x #e4e4e4; height:32px; clear:both;}
#crumbTrail .list {width:975px; margin:0 auto; position:relative; top:9px; color:#6b6b6b; padding:0 0 0 10px;}
#crumbTrail .list .youreHere {color:#848383;}
#crumbTrail a {color:#00acdc; font-weight:bold;}
#crumbTrail a:hover {text-decoration:underline;}

/*===========================================================
    MAIN CONTENT
===========================================================*/
#content {width:960px; padding:0 15px; margin:40px auto 50px; color:#464646;}
#content a:hover {text-decoration:underline;}
.hr {height:13px; background:url('../Images/timeline-bullet.gif') top left no-repeat; border-bottom:1px solid #c6c6c6; margin:0 0 20px 0; clear:both;}
.hr hr {display:none;}
#content #video {position:relative; left:25px; height:400px;}

/* ----------- CENTRAL CONTENT COLUMN ------------- */
#centralCol {font-size:1.4em;}
#centralCol ul, #centralCol ol {margin:0 0 25px 40px;}
#centralCol ul li, #centralCol ol li {margin:10px 0; line-height:1.3em;}

#centralCol ul.pageNotFound {padding:4px 0 0; width: 500px;}
#centralCol ul.pageNotFound li {float: none; list-style: none; width: 500px; }
#centralCol h2.name {margin:0 0 0 0;}
#centralCol p.role {font-weight:bold; color:#666;}
#centralCol p.quote, #homeWrap p.quote {padding:10px 15px 0 20px; font-style:italic; color:#666; font-size:1.2em;}
#centralCol .quote {padding:0 15px 0 20px;}
#centralCol .quote p {font-style:italic; color:#666; font-size:1.2em;}
#centralCol p.quoteAuthor {text-align:right; position:relative; top:-12px;}
#centralCol #privacy p {font-size:0.9em;}

#centralCol img.photo {margin:0 auto 1.6em; display:block; border:1px solid #ccc; padding:14px;}
#centralCol img.ctrImage {display:block; margin:0 auto 1.6em; display:block;}
#centralCol img.profilePhoto {float:right; border:1px solid #ccc; padding:7px; margin:0 0 4px 12px;}



/*===========================================================
    FOOTER
===========================================================*/
#footer {width:940px; margin:0 auto; padding:75px 25px 15px; background:#e0e0e0; font-size:1.4em;}
#footer a {color:#666;}
#footer a:hover {text-decoration:underline;}
#footer p {margin:0; color:#666;}
#footer p.left, #footer p.right {width:380px;}
#footer p.right {padding:17px 0 0; text-align:right;}
#footer a.rss {position:relative; top:2px; left:4px;}


/*===========================================================
    USEFUL STUFF
===========================================================*/
.screenReaderMenu {position:absolute; top:-1000px; left:-1000px; font-size:1px; line-height:1px;}
.newline {clear:both; overflow:hidden; height:0px;}
.right {float:right;}
.left {float:left;}
.textRight {text-align:right;}
.textLeft {text-align:left;}
.last {border:none;}
p.btop {text-align:right; margin-top:-8px;}
object {outline: 0;}