/*--------RESET-------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}
:focus {outline: 0;outline: none;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a:focus, button:focus {outline: none;}

/*--------MAIN-STRUCTURE-------*/

body {background: #575848 url("/img/structure/bg.gif") repeat; font: 12px/1.7em verdana, arial, sans-serif; color: #555;}
a {color: #005b9a;}
a:hover {color: #00406b;}

#container {text-align:left; margin:25px auto; width:830px; background: #fff; position:relative;}		

#header {margin:0; padding:30px 20px 20px 26px;}
#header span {display:none;}
#header h1 {background-image:url("/img/structure/mc-logo.gif"); background-repeat:no-repeat; height:103px; margin-bottom:0px; margin-left:0px;}

#header-sub {margin:0; padding:30px 20px 20px 26px;}
#header-sub span {display:none;}
#header-sub h1 {background-image:url("/img/structure/mc-logo-sub.gif"); background-repeat:no-repeat; height:103px; margin-bottom:0px; margin-left:0px;}

#sidebar {background: url("/img/structure/menu-bg.jpg") no-repeat; width:150px; height: 340px; margin-right:25px; float:right; display:inline; /* floats are handled as block elements, this is to fix a margin collapsing bug in IE */}

#salarmy {position:absolute; bottom:18px; right:20px;}

#content {margin-left:25px; margin-right:0px; padding:0px;width:615px;}
#content ul li {padding:0 0 10px 0px; margin-left:20px; list-style-type: circle; list-style-position:outside;}
#footer {margin:0; padding:10px 0 15px 0; clear:both; text-align:center; font-size: 10px; color: #777;}
#footer a {color: #777; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.first-ele {background: transparent url("/img/structure/top.gif") no-repeat top left;}
.last-ele {background: transparent url("/img/structure/bottom.gif") no-repeat bottom left;}

/*----------HOME-PAGE----------*/
#homepage {background-image:url("/img/structure/main-updated.jpg"); background-repeat:no-repeat; height:334px; width:613px; margin:0;}
#homepage span {display:none;}

#homepage #video-link {width: 240px; color:#fff; font-size: 10px; margin-left:340px; padding-top:240px;}
#homepage #video-link p {line-height:1.2em; padding:5px 0 10px 0; margin:0;}
#homepage #video-link img.video-link-img {float:left; padding-right:10px;}

/*----------MENU----------*/
#sidebar ul#menu {margin:28px 0 0 0; padding:0;}
#sidebar ul#menu li {height:21px; margin: 0 10px 0 0;}
#sidebar ul#menu li a {display:block; height:21px; text-indent:-999em;}

#sidebar ul#menu .li-home {margin-top: 2px; background:url("/img/menu/home.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-thecall {margin-top: 2px; background:url("/img/menu/thecall.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-getstarted {margin-top: 2px; background:url("/img/menu/getstarted.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-calendar {margin-top: 2px; background:url("/img/menu/calendar.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-news {margin-top: 2px; background:url("/img/menu/news.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-give {margin-top: 2px; background:url("/img/menu/give.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-tools {margin-top: 2px; background:url("/img/menu/tools.gif") no-repeat; height:22px;}
#sidebar ul#menu .li-contact {margin-top: 2px; background:url("/img/menu/contact.gif") no-repeat; height:22px;}

#sidebar ul#menu .li-home:hover, #sidebar ul#menu .li-thecall:hover,  #sidebar ul#menu .li-getstarted:hover,  #sidebar ul#menu .li-calendar:hover, #sidebar ul#menu .li-news:hover,  #sidebar ul#menu .li-give:hover,  #sidebar ul#menu .li-tools:hover,  #sidebar ul#menu .li-contact:hover {background-position:bottom left;}

#sidebar ul#menu .active {background-position:bottom left;}

/*----------TOP-NAV----------*/
#content #topnav {background: url("/img/structure/top-nav.gif") no-repeat; width:600px; height: 35px;}
#content ul#topnav {padding:6px 0 7px 20px; font-size:13px;}
#content ul#topnav li {margin:0;}
#content ul#topnav a {color: #777; text-decoration:none;}
#content ul#topnav a:hover {color: #777; text-decoration:underline;}
#content ul#topnav .active a {color: #000; text-decoration:underline;}
#content ul#topnav .current_page_item a {color: #000; text-decoration:underline;}
#content ul#topnav .active a:hover {color: #000; text-decoration:underline;}
#content ul#topnav li {display: inline; border-right: 1px solid #ccc; margin-right:10px; padding-right:15px; padding-bottom:4px;}
#content ul#topnav li.last {border-right:none;}


/*----------SECOND-NAV----------*/
#secondnav {font: 11px/1.3em verdana, arial, sans-serif; padding:0; height: 75px;}
#secondnav span {color: #777;}
#secondnav a {color: #555; text-decoration: none;display:block;height:60px;}
#secondnav a:hover {color: #005b9a;}
#secondnav .active {background: url("/img/structure/second-nav.gif") no-repeat; }
#secondnav1 {float:left; width:66px;padding:5px 10px 0 10px; border-right: 1px solid #ddd; height:40px;}
#secondnav2 {float:left; width:66px;padding:5px 10px 0 10px; border-right: 1px solid #ddd; height:40px;}
#secondnav3 {float:left; width:66px;padding:5px 10px 0 10px; border-right: 1px solid #ddd; height:40px;}
#secondnav4 {float:left; width:66px;padding:5px 10px 0 10px; border-right: 1px solid #333; height:40px;}
#secondnav5 {float:left; width:66px;padding:5px 10px 0 10px; border-right: 1px solid #ddd; height:40px;}
#secondnav6 {float:left; width:66px;padding:5px 10px 0 10px; height:40px;}
#secondnav7 {float:left; width:66px;padding:5px 10px 0 10px; height:40px;}

#secondnav-headl {font-style: italic; float:left; width: 250px; padding: 0 13px 3px 10px; color:#000;}
#secondnav-headr {font-style: italic;padding: 0 10px 3px 10px; color:#000;}



/*----------PARTNERS-NAV----------*/
#partnersnav {font: 11px/1.3em verdana, arial, sans-serif; padding:0; height: 85px;}
#partnersnav span {color: #777;}
#partnersnav a {color: #000; text-decoration: none;display:block; height:60px;}
#partnersnav a:hover {color: #005b9a;}
#partnersnav .active {background: url("/img/structure/partners-nav.gif") no-repeat; }
#partnersnav1 {float:left; width:100px;padding:5px 10px 0 10px; border-right: 1px solid #ccc; height:60px;}
#partnersnav2 {float:left; width:100px;padding:5px 10px 0 10px; border-right: 1px solid #ccc; height:60px;}
#partnersnav3 {float:left; width:100px;padding:5px 10px 0 10px; border-right: 1px solid #ccc; height:60px;}
#partnersnav4 {float:left; width:100px;padding:5px 10px 0 10px; border-right: 1px solid #ccc; height:60px;}
#partnersnav5 {float:left; width:100px;padding:5px 10px 0 10px; height:60px;}

/*----------TITLES----------*/
#content .about-title {background-image:url("/img/structure/about-the-mentor-corps.gif"); background-repeat:no-repeat; height:23px; width:256px; margin-bottom:10px;}
#content .programs-title {background-image:url("/img/structure/programs.gif"); background-repeat:no-repeat; height:23px; width:103px; margin-bottom:10px;}
#content .give-title {background-image:url("/img/structure/give.gif"); background-repeat:no-repeat; height:23px; width:39px; margin-bottom:10px;}
#content .tools-title {background-image:url("/img/structure/tools.gif"); background-repeat:no-repeat; height:23px; width:49px; margin-bottom:10px;}
#content .contact-us-title {background-image:url("/img/structure/contact-us.gif"); background-repeat:no-repeat; height:23px; width:115px; margin-bottom:10px;}

#content .about-title span, #content .programs-title span, #content .give-title span, #content .tools-title span, #content .contact-us-title span {display:none;}


/*----------SPECIFIC-PAGES----------*/
#faq-page h3 {padding: 15px 0 3px 0; font-size: 13px;}
#faq-page h3 a {color: #000;}


#contact {padding-left:20px;}
#contact-left {float:left; width:250px;}
#contact-center {float:left; width:614px;}
#contact-left h3, #contact-right h3 {font-weight:100;padding: 0px 0 5px 0; font-size: 18px; color: #000;}
#contact-right {float:left; width:250px;}
#contact-right input {font-size: 13px; border: 1px solid #ccc; background: #e2e2e2 url("/img/structure/form-input.gif") repeat-x;}
#contact-right textarea {font-size: 13px; border: 1px solid #ccc; background: #e2e2e2 url("/img/structure/form-text.gif") repeat-x;}


#donate {background: #fff url("/img/structure/give-bg.gif") no-repeat; background-position:bottom left;color: #005b9a; padding:10px 20px 10px 20px;}
.red {color:#000; font-size:9px;}
#msg_activity {font-size:9px;background:transparent url("/img/structure/loading.gif") left no-repeat; padding:4px;padding-left:20px;}
.icon_warning {background:transparent url("/img/structure/exclamation.gif") left no-repeat;padding:4px;padding-left:20px;}
.paypalinfo {color:#777; font-size:12px; line-height: 1.2em;}
.paypalinfo strong {font-weight:200;}

.donate-your-car {margin-left: 185px;}
a#donate-your-car {display:block; width:248px; height:77px; overflow:hidden; position:relative;}
a#donate-your-car span {background: #eaf3f6 url("/img/donate-your-car.gif") 0 0 no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
a#donate-your-car:hover span {background-position:0 -77px;}
a#donate-your-car:active span {background-position:0 -154px;}
strong.blk {color:#000; font-weight:100;}

#mySlides {float:left; position:absolute;}
#leftarrow {float:left; margin:75px 20px 0 0; width:38px; height:64px; }
#rightarrow {float:right; margin:75px 0 0 20px; width:38px; height:64px;}
#myController {display:none;}
.slide1 img {float:left; padding:30px 20px 50px 0;}
.slide2 img {float:left; padding:10px 0px 50px 0;}
.slide3 img {float:left; padding:15px 0px 50px 0;}
.slide4 img {float:left; padding-right:20px;}
.getstarted {background:#eaf3f6; padding:10px 20px 10px 0px ; text-align:center; font-size:14px; border-top: 1px solid #b4d4df; border-bottom: 1px solid #b4d4df; margin-bottom:20px;}
.attend-orientation {background:#eaf3f6; padding:10px 20px 0px 0px ; font-size:14px; border-top: 1px solid #b4d4df; border-bottom: 1px solid #b4d4df; margin-bottom:20px; min-height:180px;}
#content .attend-orientation p {padding:15px;}
#content .attend-orientation p.emailus-line {padding:10px 15px 25px 15px; color:#000;}

#sitemap li {list-style-type: circle; margin-left:20px;}
#sitemap li.sub {list-style-type:none; margin-left:20px;}

#video-nojavascript #quievideo {padding: 500px 0 20px 100px;}

#letter {margin:10px 15px 40px 10px;}
#jimletter {margin:10px 60px 40px 40px; }

#inf_email, #inf_name {font-size:9px;color:red;}

#calendar {color:red;}

ol {margin:0 25px 25px 0;}
ol li {padding:10px 0 10px 0; border-bottom: 1px solid #ddd;}


/*----------BLOG-HEADER----------*/

body.home #blog-header {background: url("/img/blog-header.jpg") no-repeat; padding-top:157px;}
body.home #blog-header p {font:11px/14px arial, sans-serif; font-style:italic; color:#999; background: url("/img/blog-header-btm.gif") 0 bottom no-repeat; padding-bottom:30px !important; margin-bottom:10px !important;}
body.single #blog-header, body.page #blog-header {display:none;}


/*----------MAIN-TEXT----------*/
#content p {padding: 0 15px 20px 0;}
#donate p {padding: 5px 0 5px 0;}

#legal {font-size: 10px; line-height: 1.3em; color:#999; font-style: italic; padding-bottom:20px;}
#legal p {padding-bottom:5px;}
#letter p {padding: 5px 0 5px 20px; border-left: 7px solid #eee;}

#content .left {float:left; margin: 0 15px 5px 0; width:214px; font-size:9px; line-height:1.2em; color: #777;}
#content .large {width:280px;}
#content .left img {padding:5px; border: 1px solid #ccc; margin-bottom:5px;}
#content .jim-photo {padding-left:28px;}
#content .getstarted-photo {width:159px; padding:15px 0px 10px 15px;}
#content .getstarted-photo img {border-color:#ccc; background:#fff;}

h3 {padding: 5px 0 0px 0; font-size: 16px; color: #000;}
h4 {padding: 0px 0 5px 0; font-size: 13px; color: #005b9a;}
h5 {padding: 5px 0 5px 0; font-size: 14px; color: #000;}

h4.success-subhead {color:#999; font-style:italic; font-size:10px; font-weight:100;}

.clear {clear:both;}