@charset "utf-8";
/* CSS Document */

/* all font should be Tahoma */
BODY, DIV, P, TH, TD {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; }
/* redefine of elements */
BODY { margin-left:0px; margin-right:0px; margin-top:0px;}
A { color:#d21034; text-decoration:none; }
TH { } 
TH A {color:#FFFFFF; }
TD { }
UL LI { list-style-position: outside; list-style-image:url(http://www.friendsbalt.org/images/bullet.gif); list-style-type:disc;}

.normal {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px !important; 
	font-weight:normal; letter-spacing: normal; font-style:normal; font-variant:normal;
	margin-left:0px; margin-right:0px; margin-top:0px;}

H1, H2, H3, H4, .h3inline, .h4inline, DT { font-family: "Times New Roman", Times, serif; color: #61524e; } 
H1 { font-size: 23px; font-weight:bold; display: inline; margin: 20px 0px 3px 0px;} 
H2 {font-size: 23px; font-weight: lighter; display: inline; margin: 20px 0px 3px 0px; } 
H3, .h3inline {font-size: 19px; font-weight: bold; margin: 15px 0px 15px 0px; }
H4, DT, .h4inline { font-size: 15px; font-weight: bold; font-variant:small-caps; letter-spacing: 1px; margin: 8px 0px 8px 0px; }
DT { margin: 20px 0px 8px 0px; }
DT:hover { cursor:pointer; }

/*divs and classes */
/* HEADER ITEMS (including nav1 through nav3) */
#h { width:100%; text-align:center;
	padding: 10px 0px 0px 0px;
	background:url(http://www.friendsbalt.org/images/backgrounds/redtransition-h.jpg) repeat-x bottom #d21034;
	border-bottom:solid #cab388 1px;}
/*make "h" CENTER for backwards compliancy to center page and then make "h_site" left to overrule for its items*/
#h_site { display:block; width:772px; margin: 0px auto 0px auto; text-align:left;}
#h_site A { color:#ffffff;  }
#h_site_logo { width:357px; float:left; display:inline; margin:0px; padding:0px; }
#h_site_logo_print { display:none; }
#h_site_nav {text-align:right; width:415px; float:left; display:inline; margin:0px; padding:0px 0px 11px 0px; }
	#h_search { font-size:9px; text-align:right; padding: 15px 0px 3px 0px; margin:0px; clear:both; }
	#h_giving{ color:#FFFFFF; font-size: 11px; text-align:center; 
	 background-color: #af0000; padding: 1px 2px 3px 2px; border: #cab388 1px solid; 
	 width:100px; height: 12px; float:left;	}
	#h_nav1 { background:url(http://www.friendsbalt.org/images/backgrounds/rule-for-nav1.gif) repeat-x top;
		padding:15px 0px 0px 0px; margin:0px; }
	#h_nav1 a { color: #FFFFFF; }
	#h_nav_about, #h_nav_program, #h_nav_admission, #h_nav_alumni, #h_nav_news, #h_nav_parents {
		float: left; font-size:11px; display: inline;
		margin:0px; padding: 0px; }
	#h_nav_about { text-align:left; width: 50px;}
	#h_nav_admission {text-align:right; width: 65px;}
	#h_nav_program {text-align:right; width: 85px;}
	#h_nav_news {text-align:right; width: 95px;}
	#h_nav_alumni {text-align:right; width: 55px;}
	#h_nav_parents {text-align:right; width: 60px;}
#h_section { clear:both; width: 772px; height:80px; background-color:#61524e;
	border-top: #cab288 2px solid; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto;}
#h_section_name { float: left; width: 440px; padding: 45px 0px 0px 15px; }
.section-name {display:inline; font-family:"Times New Roman", Times, serif; 
	font-size:30px; color:#FFFFFF; padding:0px 10px 0px 0px;}
.section-name-sub {display:inline; font-family:"Times New Roman", Times, serif; font-size:21px; color:#cab288;}

#h_nav3_col1, #h_nav3_col2 { width:153px; float: left; margin: 5px 5px 0px 0px;}
.nav3 { font-size:11px;  margin:0px 4px 0px 0px; padding:3px 0px 5px  0px;}

/* BODY items including sidebar items */
#bodyrule { text-align: center; width:100%;  clear:both; }
/*make "bodyrule" CENTER for backwards compliancy to center page and then make "b" left to overrule for its items*/

#b { width: 772px; margin-left:auto; margin-right: auto; text-align:left; }
#b A { text-decoration:none;}
#b A:HOVER { text-decoration:underline }
	#b_content { width:526px; float:left;}
	#b_photoheader {  }
	#b_text {width:483px; padding: 10px 0px 10px 10px; overflow: hidden; }
	/*magazine layout items*/
	#b_magazine { padding: 0px; margin:0px; border-right:#cab388 solid 1px; border-left:#cab388 solid 1px; }
	.keymessages { text-align:center; font-size:15px; color:#ffffff; letter-spacing: 5px;}

	#b_mag { padding: 0px; margin:0px; border-right:#cab388 solid 1px; border-left:#cab388 solid 1px; }
	#b_mag_photo { padding: 0px; margin: 0px; float: left; width:340px;}
	#b_mag_content { padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px; float: left; width: 400px; }
	#b_mag_keymessages { clear: both; padding: 20px 5px 20px 5px ; margin:0px; 
		background-color: #61524e; 
		text-align:center; font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight:bold;
		color:#ffffff; letter-spacing: 5px; }
	
	#b_mag_studentinfo { vertical-align:bottom; font-size:10px; }
	#b_mag_studentinfo P { font-size:10px; }


.b-col { float:left; width:220px; 
	margin-left:0px; margin-right:0px; padding-left:0px; padding-right:20px; }
#b-col1, #b-col2 { float:left; width:220px; 
	margin-left:0px; margin-right:0px; padding-left:0px; padding-right:20px; }
	
#announcementmessage{ padding: 0px 0px 3px 0px; margin: 10px 0px 20px 0px; 
	border-top: #cab388 1px solid; border-bottom: #cab388 1px solid; }

#volunteeropportunities DD {margin-left: 0px; }

#s { float:right; width: 246px; margin-top:0px; float:right; }
#s a {  text-decoration:none; }
#s DIV TD {padding: 2px ; border-top: none;}
#s .single {margin:0px auto 0px auto;  padding-top: 0px; padding-bottom: 0px; }
#s LI { text-indent:0px; padding: 0px; margin-left: -20px; }
#s UL { margin-top: 0px; }

/* BODY: sidebar containers*/
.s-bglogo, .s-bgwhite, .s-bglined, .s-bgsolid, #sidebar-relatedmedia, #sidebar-facebook, #sidebar-webcam   {
	margin: 0px 0px 10px 0px;
	border-top:#cab388 solid 1px; border-bottom:#cab388 solid 1px;}
.s-bgwhite, .s-bglined, .s-bgsolid, #sidebar-relatedmedia { 
	padding: 8px 10px 8px 15px;}
.s-bglogo {	
	background:url(http://www.friendsbalt.org/images/backgrounds/sidebar-logo.jpg) no-repeat #f2ece1; 
	padding: 5px 12px 5px 20px;
	min-height:120px; 
	border-top: none;}
.s-bgwhite { background-color:#FFFFFF; }
.s-bgsolid { background-color:#f2ece1; }
.s-bglined { background:url(http://www.friendsbalt.org/images/backgrounds/sidebar-lined.jpg) repeat-y;}
#sidebar-relatedmedia {  background-color:#f2ece1;}
#sidebar-relatedmedia BLOCKQUOTE { margin: 2px 25px 0px auto; }
#sidebar-relatedmedia P { font-size:11px; padding-top:2px; padding-bottom:2px; margin: 7px 0px 0px 0px; }
#sidebar-relatedmedia .sidebar--title {padding-top: 0px; margin:0px;}
#sidebar-facebook, #sidebar-webcam  { background-color:#f2ece1; padding: 8px 5px 8px 5px; }
#sidebar-facebook P { font-size:9px; padding:1px; margin: 2px; }
#sidebar-testimonial-header {
	color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size: 18px;
	background-color:#61524e; 
	padding: 10px 5px 5px 5px;
	border-top:#cab388 4px solid; border-left:#cab388 solid 1px; border-right:#cab388 solid 1px;}
#sidebar-testimonial-content { 
	background-image:url(http://www.friendsbalt.org/images/backgrounds/sidebar-gradient.jpg); background-repeat:no-repeat;
	background-color:#f2ece1; 
	padding: 5px 5px 0px 14px; margin: 0px 0px 10px 0px;
	border:#cab388 solid 1px;}
#sidebar-testimonial-content P { margin-top: 5px; }

/* BODY: sidebar content classes */
.sidebar--title { font-size: 12px; font-weight:bold; color:#61524e; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.sidebar--titlesub { font-size: 11px; font-weight:bold; color:#d21034; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }
.sidebar--text {font-size: 11px; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.nav4 {font-size: 11px; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.nav4arrow { padding:0px; margin: -7px 0px 0px -13px; }
.sidebar-testimonial-photo { padding-right: 10px; }
.sidebar-testimonial-quote { font-size:11px; padding-top: 3px; text-indent:-6px; line-height:18px; }
.sidebar-testimonial-person { color:#61524e; font-size:13px; font-weight:bold;}
.sidebar-testimonial-title { color:#61524e; font-size:10px; }
.sidebar-quote-drop { font-family:"Times New Roman", Times, serif; font-size: 16px; color:#61524e; font-style:italic; }
.sidebar-quote-drop-person { font-family:"Times New Roman", Times, serif; font-size:13px; color:#61524e; font-weight:bold; }


/* FOOTER */

#f { width: 772px; 
	margin: 15px auto 0px auto;
	clear:both;
	background:url(http://www.friendsbalt.org/images/backgrounds/rule-for-nav1.gif) repeat-x top;
	padding:15px 0px 0px 0px;}
#f P {	text-align:center; font-size: 10px; color:#999999; }





/* classes used throughout */
.link-more { font-size:11px; color:#d21034; text-decoration: none; font-weight:bold;
	margin:10px 0px 10px 0px; line-height:12px;}
.link-doc, .link-moodle , .link-pdf , .link-ppt, .link-url, .link-mp3, .link-issuu { 
	padding:0px 0px 2px 18px; font-size:11px;
	margin: 10px 0px 10px 0px;}
.link-doc { background:url(http://www.friendsbalt.org/images/icons/doc.gif) no-repeat left top; }
.link-moodle { background:url(http://www.friendsbalt.org/images/icons/moodle.gif) no-repeat left top; }
.link-pdf { background:url(http://www.friendsbalt.org/images/icons/pdf.gif) no-repeat left top; }
.link-ppt { background:url(http://www.friendsbalt.org/images/icons/ppt.gif) no-repeat left top; }
.link-url { background:url(http://www.friendsbalt.org/images/icons/url.gif) no-repeat  left top; }
.link-issuu { background:url(http://www.friendsbalt.org/images/icons/issuu.gif) no-repeat  left top; }
.link-mp3 { background:url(http://www.friendsbalt.org/images/icons/mp3.gif) no-repeat  left top; }

#button { display:inline; font-size:10px; color:#FFFFFF; text-align:center; text-decoration:none;
	width: 90px; height:10px;
	padding: 5px; margin: 2px;
	background-color: #af0000; border: #cab388 1px solid; }
#button A {color:#ffffff;}

.form-field, .form-field-required, .dir-sort-options { border: #cab388 1px solid; font-size: 11px;}
.form-additional {display:none;}
.form-field-required {background-color:#f2ece1;}
LABEL { letter-spacing: 1px; }
.form-button { color:#FFFFFF; font-size: 9px; background-color: #af0000; padding: 0px; margin: 0px; border: #cab388 1px solid; }
.dir-sort-options { width: 200px; }
.dir-sort-text {margin:0px; padding:0px;}

.line-p-top { background:url(http://www.friendsbalt.org/images/backgrounds/rule-for-nav1.gif) repeat-x top;
	margin:0px; padding:0px; font-size:4px;} 

#quote-pull-right { width:200px; text-align:center; float: right; clear:none;
	font-size:16px; color:#d21034;
	padding:8px; margin: 8px 0px 8px 12px;
	border-top: solid 1px #cab388;  
	border-bottom: solid 1px #cab388;  }

.table-striped {  }
.table-header { text-align:left; background-color:#61524e; color:#FFFFFF; padding:4px 5px 5px 5px;}
.table-evenrow, .table-oddrow,  .table-striped { 
	font-size:13px; vertical-align:top; padding:4px 5px 5px 5px;  }
.table-evenrow {background-color:#ffffff; }
.table-oddrow { background-color:#f2ece1;}

#s .table-header, #s .table-oddrow, #s .table-evenrow {font-size:11px;  vertical-align:top; padding:4px 5px 5px 5px; }

#table-striped-small .table-evenrow, #table-striped-small .table-oddrow,  #table-striped-small .table-striped { 
	font-size:11px; vertical-align:top; padding:5px 4px 5px 4px;  }

.notes {font-size: 10px !important; }


/*IMAGES*/
.img-border, .portal-img, .img-left, .img-right { border: solid 1px #cab388; padding:2px; }
.img-left { float: left; clear:none; margin: 0px 5px 5px 0px;}
.img-right { float: right; clear:none; 	margin: 0px 0px 5px 5px;}
.portal-img { float: left; clear:both; margin-top:-5px; margin-bottom: 8px; margin-right: 5px; }
.portal-img-hdr { font-size:14px; font-weight:bold; clear:both; margin: 15px 0px 1px 0px;}
/*.portal-img-hdr A {color: #61524e; } 
.portal-img-hdr A {color: #a48b5d; } 
*/
.portal-img-text { font-size:12px; text-decoration: none; margin:4px 0px 0px 0px; line-height:12px;}

.legend-list { font-size:10px; margin: 5px 0px 5px 22px; text-indent:-20px; padding:0px;}
.legend-text { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	margin-top:5px; margin-bottom:5px; padding:0px;}

.red {	color: #d21034; }
.redbold {	color: #d21034; font-weight:bold; }
.greybold {	color: #61524e; font-weight:bold; }

#h_nav2 { width: 772px; margin-left:auto; margin-right: auto; clear:both;}
#h_nav2 a { color: #000000; text-decoration:none; }
#h_nav2 a:hover {color:#d21034 }
#h_nav2_about, #h_nav2_program, #h_nav2_admission, #h_nav2_alumni, #h_nav2_news, #h_nav2_parents { 
	height:75px; position: absolute; top: 83px; padding-top:15px; padding-bottom:10px;
	width:772px; margin-left:auto; margin-right: auto; clear:both;
	background-color:#cab388;}
.h_nav2_section {display:inline; float: left; width:210px; clear: both;
	font-family:"Times New Roman", Times, serif; font-size:30px; color:#000000; 
	padding:0px 10px 0px 25px;}
.h_nav2_col { width:165px; float: left; display:inline;}
.nav2 { font-size:11px; margin-top:0px; margin-bottom:5px; }

.additionalinformation { margin-top: 1px; margin-bottom: 1px; margin-left: 42px; text-indent:-20px;}
.mediagallery { padding: 0px 0px 0px 25px; text-indent:-20px; margin: 0px 0px 0px 0px;}
.mediagallery-item { padding: 2px 0px 2px 25px; margin: 0px 0px 0px 0px;}

.hang { text-indent: -3em; margin-left: 3em; } 
