/* GLOBAL WHITESPACE RESET */
@import "reset.css";
/*
	----------------------------
	HTML SELECTORS
	____________________________
*/
body { margin:0; padding:0; font:11px Arial, Helvetica, sans-serif; color:#4d3d2a; background:url('../media/backgrounds/htmlback.gif') repeat; text-align:center; }
a { color: #d53e1b; }
/*
	----------------------------
	LAYOUT STYLES
	____________________________
*/
#wrapper { width:705px; margin: 0 auto; padding: 0 5px; text-align:left; background-color: #ffffff; }
#masthead { background: url('../media/backgrounds/masthead.jpg'); height:143px; position: relative; }
#masthead a { display: block; position: absolute; height: 80px; left: 25px; top: 30px; width: 310px; text-indent: -9000px; }
#masthead h1 { text-indent: -9000px; }
/*#main { }*/
#breaker { background: url('../media/backgrounds/mastheadbreak.gif') repeat-x; height: 4px; margin: 2px 0 4px 0;}
#content { float:right; padding:0; width:420px; margin: 0 0 5px 0; }
#sideBar { float:left; padding:0; width:280px; margin: 0 0 5px 0; }
#sideBar .object, #content .object { border: 1px solid #cba16f; margin-bottom: 5px; }
#sideBar .object h3, #content .object h3 { font: 16px "Myriad", Arial, Helvetica, sans-serif; text-indent: 10px; line-height: 26px; display: block; width: 416px; border-bottom: 1px solid #ae8657; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; background-color: #cba16f; color: #ffffff; text-shadow: #ae875a 2px 2px 0; }
#sideBar .object h3 { width: 276px; }
#sideBar .object h2, #content .object h2 { font: 16px "Myriad", Arial, Helvetica, sans-serif; color: #d53e1b; margin: 10px 0 2px 0; text-indent: 20px; }
#sideBar .object h2 { border-bottom: 2px solid #d2ab80; }
.calendar-content h4 { color: #D53E1B; font: 16px "Myriad", Arial, Helvetica, sans-serif; margin: 10px 0 2px 0; }
#content #our-purpose { background: url('../media/backgrounds/smilingwoman.jpg') bottom right no-repeat; }
#content #our-purpose p { font: 12px Arial, Helvetica, sans-serif; color: #9f6632; margin: 3px 200px 6px 30px; }
#content #our-purpose a#learn-more { font: 12px Arial, Helvetica, sans-serif; color: #d53e1b; padding: 0 0 10px 20px; display: block; }
#sideBar .last, #content .last { margin: 0 !important; }
#footer { clear:both; padding:5px; background-color:#eee; }
/*
	----------------------------
	NAVIGATION STYLES
	____________________________
*/
ul#navigation, ul#navigation li { margin:0; padding:0; list-style:none; text-align:center; }
ul#navigation { padding:0; background: #f3dca9 url('../media/backgrounds/navigationback.gif') repeat-x; border-bottom: 2px solid #d6b894; height: 32px; overflow: hidden; }
ul#navigation li { width: 140px; display: block; float: left; height: 32px; border-right: 1px solid #000; }
ul#navigation li.last { border-right: 0; }
ul#navigation li a { display: block; padding: 10px 10px 5px 10px; height: 17px; color:#8e4829; text-decoration:none; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; }
ul#navigation li a.twoline { padding-top: 5px; height: 22px; }
ul#navigation li a:hover, ul#navigation li a.selected { background-color: #8e4829; color:#ffffff; }

ul#subnavigation { clear: both; background-color: #D6B894; margin: 0; padding: 0; list-style-type: none; text-align: left; padding: 5px 0 7px 0; }
ul#subnavigation li { min-width: 100px; width: auto !important; width: 100px; display: inline; padding: 5px 3px 7px 0; border-right: 1px solid #8E4829; }
ul#subnavigation li.last { border-right: none; }
ul#subnavigation li a { color: #000000; text-decoration: none; padding: 5px 10px 7px 10px; }
ul#subnavigation li a:active, ul#subnavigation li a:hover, ul#subnavigation li a.selected { color: #ffffff; background: #8E4829; }

#sideBar .object ul { list-style-type: none; margin: 16px 0 6px 20px; }
#sideBar .object ul li { background: url('../media/bullet.gif') no-repeat 0 25%; width: 105px; float: left; color: #9f6632; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }

ul#footernavigation { clear: both; float: left; margin: 0; padding: 0; list-style-type: none; text-align: left; padding: 5px 0 7px 0; width: 580px; }
ul#footernavigation li { min-width: 100px; width: auto !important; width: 100px; display: inline; padding: 5px 0 7px 0; }
ul#footernavigation li.last { border-right: none; }
ul#footernavigation li a { color: #000000; text-decoration: none; padding: 5px 6px 7px 6px; }
ul#footernavigation li a:active, ul#subnavigation li a:hover, ul#subnavigation li a.selected { text-decoration: underline; }
#designsponsors { list-style-type: none; height: 24px; float: right; width: 114px;  }
#designsponsors li { float: left; padding-right: 8px; }
#designsponsors li.last { padding-right: 0; }

/*
	----------------------------
	PAGE SPECIFIC STYLES
	____________________________
*/
img.framedImage { border: 1px solid #ffffff; }
img.hasborder { float: left; margin: 10px 10px 6px 10px; padding: 1px; border: 1px solid #cdac84; }
img.hasborderright { float: right; margin: 0 10px 6px 10px; padding: 1px; border: 1px solid #cdac84; }
#what-is-be2 h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #d53e1b; margin: 10px 0; }
#what-is-be2 p { padding: 0 10px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; }
#what-is-be2 a { font: 12px Arial, Helvetica, sans-serif; color: #d53e1b; display: block; float: right; padding: 10px 10px 10px 0; }
.homenews h4 { margin-top: 10px; font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #af7c49 }
.homenews h4 span { color: #7b614b; }
.homenews p { clear: both; padding: 0 10px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; margin-bottom: 10px; }
.homenews p a { color: #d53e1b; }

body#about #content, body#photogallery #content, body#contact #content, body#mentors #content, body#partners #content, body#news #content, body#forums #content { width: 705px; }
body#about #content .object h3, body#photogallery #content .object h3, body#contact #content .object h3, body#mentors #content .object h3, body#partners #content .object h3, body#news #content .object h3, body#forums #content .object h3.noteditor { width: 701px; margin-bottom: 10px; }
body#about #content h4, body#partners #content h4, body#mentors #content h4 { font: bold 12px Arial, Helvetica, sans-serif; color: #d53e1b; margin: 0 0 10px 0; text-indent: 10px; }
body#about #content p, body#photogallery #content p, body#contact #content p, body#mentors #content p, body#partners #content p { padding: 0 10px 10px 10px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; }
body#partners #content p strong { font-weight: bold; }
body#about #content a, body#mentors #content a, body#partners #content a { font: 12px Arial, Helvetica, sans-serif; color: #d53e1b; }
body#about #photo-gallery-tease, body#contact #tease { float: right; margin: 0 10px 6px 10px; padding: 1px; border: 1px solid #cdac84; }
body#about #photo-gallery-tease a, body#contact #tease a { display: block; text-align: right; }
body#contact #tease p { padding-left: 0; padding-bottom: 0; }
body#about #content ul { list-style-image: url('../media/bullet.gif'); margin: 0 0 10px 40px; }
body#about #content ul li { color: #7B614B; font: 12px/14px Arial, Helvetica, sans-serif; margin-bottom: 4px; }

body#photogallery #photogallerywrapper { padding: 0 5px 5px 5px; }

body#partners #content table, body#partners #content dl, body#partners #content ol, body#partners #content ul { padding: 0 10px 10px 10px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; list-style-type: none; }
body#partners #content table td { min-width: 75px; width: auto !important; width: 75px; }
body#partners #content dl, body#partners #content ol, body#partners #content ul { padding-bottom: 5px; }
body#partners #content dt { font-weight: bold; }
body#partners #content dd, body#partners #content li { padding-bottom: 5px; }
body#partners #content ol li { margin-left:18px; }
body#partners #content li strong { font-weight: bold; }
body#partners #content dd ul, body#partners #content dd ul li { padding-bottom: 0; }

body#mentors #content ul, body#mentors #content ol { padding: 0 10px 5px 10px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; }
body#mentors #content ul { list-style-type: none; }
body#mentors #content li { padding-bottom: 5px; }
body#mentors #content ol li { margin-left:18px; }
body#mentors #content li strong { font-weight: bold; }
body#mentors .person { width: 336px; padding-left: 10px; padding-bottom: 10px; float: left; }
body#mentors .person img { float: left; padding-right: 10px; }
body#mentors .testimonial { clear: left; }
body#mentors .testimonial img { float: left; padding: 0 10px 10px 10px; }
body#mentors .testimonial p { float: left; width: 513px; }
body#mentors .testimonial span { display: block; font-weight: bold; padding-top: 5px; text-align:right; }
body#mentors form { padding: 0 10px; }
body#mentors fieldset legend { font: bold 12px Arial, Helvetica, sans-serif; color: #d53e1b; margin: 0 0 10px 0; }
body#mentors label { width: 100px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; clear: left; float: left; margin-bottom: 8px; }
body#mentors fieldset input, body#mentors fieldset select, body#mentors fieldset textarea { clear: left; width: 265px; margin-bottom: 8px; }
body#mentors fieldset input.checkbox { clear: left; float: left; width: auto; margin-bottom: 8px; }
body#mentors fieldset label.checkbox { clear: none; float: left; width: auto; margin-bottom: 8px; }
body#mentors fieldset p { padding-left: 0 !important; }
body#mentors fieldset.questions legend { margin-bottom: 0; }
body#mentors fieldset.questions label { clear: none; width: 400px; float: none; }
body#mentors fieldset.questions input { clear: none; width: auto; float: none; }
body#mentors fieldset.questions textarea { clear: none; width: 400px; height: 120px; float: none; }
body#mentors fieldset.questions div { font: 12px/14px Arial, Helvetica, sans-serif; margin-bottom: 8px; }
body#mentors fieldset.questions div input { margin: 0; margin: 3px 8px 0 0; }
body#mentors fieldset.compliance label, body#mentors fieldset.interests label { clear: none; float: left; width: 310px; padding-top: 4px; }
body#mentors fieldset.interests input.checkbox { clear: none; }
body#mentors fieldset.interests label.other { clear: left; float: left; width: 65px; }
body#mentors fieldset.interests input#areasOfInterestOther { clear: none; float: left; }
body#mentors fieldset label.error { color: #f00; }

body#contact #contactUs { width: 279px; float: left; }
body#contact #contactInfo, #contact #preferences { padding: 0 0 10px 10px; }
body#contact #submits { padding: 0 0 0 10px; }
body#contact #preferences { width: 100%; }
body#contact fieldset legend { font: bold 12px Arial, Helvetica, sans-serif; color: #d53e1b; margin: 0 0 10px 0; }
body#contact #contactInfo label { width: 100px; font: 12px/14px Arial, Helvetica, sans-serif; color: #7b614b; clear: left; float: left; }
body#contact fieldset input, body#contact fieldset select, body#contact fieldset textarea { clear: left; width: 265px; margin-bottom: 5px; }
body#contact div.error { padding: 0 0 10px 30px; line-height: 16px; }

body#news .object h2 { text-indent: 0; }
body#news .news-content { padding: 0 10px; }
body#news .news-content .articleDate { margin-bottom: 10px; }
body#news .news-content p { color: #7B614B; font: 12px/14px Arial,Helvetica,sans-serif; padding: 0 10px 10px 0; }

.calendar-content { padding: 0 10px; }
.calendar-content .eventDate { margin-bottom: 10px; }
.calendar-content p { color: #7B614B; font: 12px/14px Arial,Helvetica,sans-serif; padding: 0 10px 10px 0; }

/* Forms */
#emailupdateform { margin: 10px 0; padding: 0 10px; }
#emailupdateform label { display: block; float: left; width: 75px; color: #d53e1b; font: bold 9px Tahoma, Arial, Helvetica, sans-serif; padding-right: 5px; } 
#emailupdateform input#emailupdates { width: 125px; }
fieldset.column-1, fieldset.column-2 { width: 219px; padding: 0; margin: 0 0 12px 0; }
fieldset.column-1 { padding-right: 5px; float: left; clear: both; }
fieldset.column-2 { padding-left: 5px; float: right; }
fieldset legend { padding: 0; font-weight: bold; padding-bottom: 8px; }
fieldset.column-1 input, fieldset.column-2 input, fieldset.column-1 select, fieldset.column-2 select { width: 200px; margin-bottom: 3px; } 
fieldset.column-1 input.nowidth, fieldset.column-2 input.nowidth { width: auto; }
fieldset input.checkbox { clear: left; float: left; width: 14px; margin: 5px 10px 10px 0; }
fieldset label.checkbox { padding-bottom: 12px; }
fieldset.column-2 textarea#comments { height: 110px; }

/* Forums */
.giveMePadding { padding: 10px; }
.giveMePadding h3 { margin-left: -10px; }
.forumsMenu { float: right; }
#forumData { width: 100%; }
#forumHeaderRow { width: 100%; }
#forumHeaderRow .forumTopButtons { float: left; }
#forumHeaderRow .forumPagination { float: right; }
#threadHeadingInfo #created { float: left; }
#threadHeadingInfo #replies { float: right; }
#forumMessages div.tableRow1, #forumMessages div.tableRow0 { padding: 5px 100px 5px 100px; position: relative; min-height: 150px; height:auto !important; height: 15px; margin-bottom: 10px; }
#forumMessages div.tableRow1 { background: #E4D5C6; }
#forumMessages div ul.authorInfo { position: absolute; top: 10px; left: 0; list-style: none; }
#forumMessages div ul.linkList { position: absolute; top: 10px; right: 0; }

/* YUI Editor */
/* Begin 2.3.0 Release bug fix */
.yui-skin-sam .yui-toolbar-container .yui-button span.yui-toolbar-icon { position: absolute; }
.yui-skin-sam .yui-toolbar-container .yui-button span.first-child a { position: absolute; top: 0; left: 0; }
/* End 2.3.0 Release Bug Fix */
#toggleEditor { margin: 1em; }
#editor_container .yui-toolbar-separator-5 { border: none; }
		
/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear, br.clear{ overflow:hidden; height:1px; clear:both; }
.alert { clear: both; background: #ffa2a2; padding: 5px 10px; border-top: 2px solid #ff5454; border-bottom: 2px solid #ff5454; margin: 5px 0; }
.error { color: red; }