body { margin:0; background-color: #808080; font-family:arial, helvetica, sans-serif; color:#666; }
* { margin:0; padding:0; }
h1, h2, h3, h4 { font-family:georgia, times, serif; }
h1 { font-size:170%; letter-spacing:.05em; font-weight:normal; margin-bottom:10px;  }
h2 { font-size:110%; color:#a22100; margin-bottom:5px;  }
h2.divider { border-top:1px solid #ffb521; padding-top:10px; }
h3 { font-size:100%; color:#808080; }
h4 { font-size:100%; color:#a0a0a0; }
p { font-size:.8em; line-height:1.5em; margin-bottom:15px; }
ul { list-style-type:none; font-size:.75em; line-height:1.5em; }
ul.space li { padding-bottom:10px; }
p.divider, ul.divider, .divider { margin-top:20px; padding-top:10px; border-top:1px solid #ffb521; }
a img { border:0; }

#container { position:relative; margin:0 auto; padding:0 15px; background-color:#fff; width:950px; }
#nav_main { z-index:100; position:relative; margin:0 auto; background:url("/images/navBG.jpg") no-repeat top left #a22100; height:40px; width:980px; }
#nav_main ul { height:40px; margin-left:200px; }
#nav_main ul li { display:inline; padding:0 42px 0 12px; }
#nav_main ul li#last { padding-right:0; }
#content_main { width: 748px; margin:10px 0 0 10px; }

/* home styles */
body#home div#branding, body#home div#content_main { float:left; display:inline; }
body#home div#content_main { width:758px; }
body#home div#content_main #homerotate { margin:5px 0 0 5px; border-bottom:1px solid #ffb521; }
body#home div#content_main table td #intro { margin-top:5px; width:202px; height:221px; background:url("/images/introbg2.gif") no-repeat; }
body#home div#content_main table td #intro p { font-size:.75em; padding:10px; color:#808080; margin:0; line-height:1.25em; }
body#home div#content_main table td #hilite { margin-top:5px; width:182px; height:221px; background:url("/images/infobg2.gif") no-repeat;  padding:10px;  }
body#home div#content_main table td #hilite p { color:#555; font-size:.75em; line-height:1.25em;padding-right:20px; }

body#home div#content_sub { position:relative; top:-20px; clear:both; padding:20px 0;}
body#home div#news, body#home div#callout01, body#home div#callout02 { width:182px; }
body#home div#news h2 { background:url("/images/h_news.gif") no-repeat; height:35px; text-indent:-9999px; }
body#home div#news img { display:block; }
body#home div#news p { font-size:.7em; line-height:1.125em; margin-top:5px; }

body#home div#callout01 h2, body#home div#callout02 h2, body#home div#callout03 h2, body#home div#socialmedia h2 { text-indent:-9999px; margin-top:10px; }
body#home div#callout01, body#home div#callout02, body#home div#callout03, body#home div#socialmedia { margin-top:5px; }
body#home div#callout01 p, body#home div#callout02 ul, body#home div#callout03 p, body#home div#socialmedia p { font-size:.75em; line-height:1.25em; }
/* callout01 = columns */
body#home div#callout01 { position:absolute; top:20px; left:192px; height:190px; background:url("/images/h_columns.gif") no-repeat top; }
body#home div#callout01 p { margin-left:20px; }
/* callout02 = chapters */
body#home div#callout02 { position:absolute; top:20px; left:384px; height:190px; background:url("/images/h_chapters-spotlight.gif") no-repeat top; }
body#home div#callout02 p { margin:0 0 0 2px; }
body#home div#callout02 ul { margin:0 0 8px 2px; }
body#home div#callout02 a, body#home div#callout03 a, body#home div#socialmedia a { font-weight:normal; }
/* callout03 = spotlight */
body#home div#callout03 { position:absolute; top:20px; right:0; height:190px; width:374px; background:url("/images/box_spotlight-0411.jpg") no-repeat top; }
body#home div#callout03 p { font-size:.75em; width:182px; }
/* socialmedia */
body#home div#socialmedia { position:absolute; top:20px; right:0; height:190px; width:374px; background:url("/images/box_socialmedia.gif") no-repeat top; }
body#home div#socialmedia p { font-size:.75em; }

/* inner page general styles */
ul.bullets li { list-style-type:disc; margin-left:30px; }
div#container table td { vertical-align:top; }
div#container table td.col01 { width:182px; padding-right:10px; }
div#container table td.col02, div.container table td.col03 { padding-top:20px; width:374px; }
/*
div#container table td.col02-chapter { padding-top:20px; width:374px; }
div#container table td.col03-chapter { padding-top:20px; width:374px; }
*/
div#container table td.col02a { padding:20px 20px 0 0; width:556px; }
div#container table td.col02b { padding-top:20px; width:748px; }
body#program div#container table td.col02a { padding:20px 10px 0 0; width:566px; }
div#container table td.col03a { padding-top:20px; width:182px; }
div#container table td.col03b { padding-top:20px; width:162px; padding-right:20px; }

div.container table td.col01 div#nav_sub ul { margin-bottom:20px; }
div.container table td.col01 div#nav_sub p { margin:0; }
#nav_sub ul li a { font-weight:bold; }
#nav_sub ul li.On { background:url("/images/bullet_arrow.gif") no-repeat 0 40%; padding-left:12px; font-weight:bold; }

/* old chapter design */
div#callout01 h3 { border-bottom: 1px solid #ffb521; }
div#callout01 ul li { border-right: 1px solid #ffb521; }
div#callout01 ul li.first { padding-top:15px; }

/* new chapter design */
div#callout01B h3 { width:354px;
border-bottom: 1px solid #ffb521; }


div.sideImg img { display:block; margin:0 0 20px 0; }
body#colors div.sideImg img { display:block; margin:0; }
table.photos { width:100%; }
table.photos td { padding-bottom:10px; }
table.photos td.pad { padding-right:10px; }
table.photos td p, p.caption { font-size:.7em; line-height:1.125em; padding-top:3px; }

ul#chapList, ul#progList { margin-bottom:20px; }
ul#chapList li, ul#progList li { display:inline; margin-right:8px; }
ul#chapList li.last, ul#progList li.last { margin-right:0; }

p.quote2, body#colors p.quote, body#wisdom p.quote  { padding:20px 0 0 10px; font-family:georgia, times, serif; font-size:.8em; font-style:italic; color:#222; background:url("/images/quoteBG.gif") no-repeat; }

/* affiliation on homepage - have to be after container styles */
table#affiliations {
	position:absolute;
	top:250px;
	left:192px;
	width:758px;
	height:auto;
}
table#affiliations td { width:192px;vertical-align:middle; }
table#affiliations td p, td.col01 p#affil03 { padding:0 10px 0 35px; font-size:.7em; line-height:1.25em; margin:0; }
table#affiliations td a, td.col01 p#affil03 a { color:#808080; }
table#affiliations td a:hover, td.col01 p#affil03 a:hover { color:#333; text-decoration:none; }
table#affiliations td div#affil01 { background:url("/images/logo_uac.jpg") no-repeat 0 50%; height:50px; margin-bottom:10px;margin-top:-10px;width:307px;} 
table#affiliations td div#affil02 { background:url("/images/logo_unitedWay.gif") no-repeat 0 50%; height:30px; }
table#affiliations td#affil03, td.col01 p#affil03 { background:url("/images/logo_girlsAchieve.gif") no-repeat 0 0; }
table#affiliations td#affil03 p, td.col01 p#affil03 { padding:0 0 0 65px; }
table#affiliations td#peaches, table#affiliations td#affil03, table#affiliations td#alum { width:182px; }
table#affiliations td#alum { text-align:center; }
table#affiliations td#alum p { padding:0; font-size:.75em; margin:0 0 5px 0; }

/* chapter styles */
div.chapterImg img { display:block; margin:0 10px 10px 0; }
span.chapterImg img { margin:0 10px 10px 0; }
h3.chapter { margin:10px 0; background:url("/chapters/images/h_subnav-chapters.gif") no-repeat; height:25px; width:70px; text-indent:-9999px; }
body#chapter div#callout01 ul li { line-height:1.75em; }
body#alumnae div#callout01 ul li { padding:5px 10px 5px 0; font-size:.9em; line-height:1.25em; }
p.chapterMail { margin:10px 0 10px 0; text-align:right; font-weight:bold; }
p.chapter { margin-top:20px; }
p.quote { margin-top:30px; padding:20px 10px 0 15px; font-family:georgia, times, serif; font-size:1em; font-style:italic; color:#222; background:url("/images/quoteBG.gif") no-repeat; min-height:100px; }
div#nav_sub p { margin-bottom:5px; }
div#nav_sub ul { margin-bottom:20px; }
h2#inTouch, h2#onJob, h2#goGirl { padding:20px 0 0 60px; height:40px; margin-top:0; }
h2#inTouch { background:url("/chapters/images/i_write.gif") no-repeat 0 50%; }
h2#onJob { background:url("/chapters/images/i_ontheJob.gif") no-repeat 0 50%; }
h2#goGirl { background:url("/chapters/images/i_goGirl.gif") no-repeat 0 50%; }

/* about styles */
h3.about { margin:10px 0; background:url("/about/images/h_subnav-about.gif") no-repeat; height:25px; width:73px; text-indent:-9999px; }
body#about div#callout01 ul li, body#program td.col03a div#callout01 ul li, body#contact div#callout01 ul li { padding-right:10px; padding-bottom:10px; font-size:.9em; }
ul#news li { display:block; clear:both; padding:10px 0; border-top:1px solid #fa0; }
ul#news li img { margin-right:10px; }

/* program styles */
h3.prog { margin:10px 0; background:url("/programs/images/h_subnav-programs.gif") no-repeat; height:25px; width:83px; text-indent:-9999px; }
body#program td.col03a div#callout01 ul li { line-height:1.25em; }
body#program div#callout01 ul li h2 { color:#ffaa00; margin:0; }
div#numNav { background-color:#ffec96; height:24px; font-family:georgia, times, serif;  }
div#numNav ul li { display:inline; border-right:1px solid #808080; padding:0 8px; line-height:24px; }
div#numNav ul li.On { font-weight:bold; }
div#numNav ul li.last { border-right:none; }
div#numNav ul li.backLink { border-right:none; font-family:arial, helvetica, sans-serif; font-size:11px;  }

/* column styles */
h1#wisdom { background:url("/images/h_wisdom_lg.gif") no-repeat; width:209px; height:32px; text-indent:-9999px; }
h3.columns { margin:10px 0; background:url("/columns/images/h_subnav-columns.gif") no-repeat; height:26px; width:69px; text-indent:-9999px; }

/* gallery styles */
#galleryThumbs { border-top:1px solid #cb3b07; border-bottom:1px solid #cb3b07; padding: 5px 0; }
#galleryThumbs img { height:56px; margin:0 2px; }
#galleryPhoto { display:inline; float:left; height:400px; width:480px; }
#galleryText { display:inline; float:right; width:230px; background-color:#fff3c3; padding:10px; }
#galleryText p { font-family:georgia, times, serif; font-size:1em; font-style:italic; color:#222; }
#img01, #img02, #img03, #img04, #img05, #img06, #img07, #img08, #img09, #img10 { position:absolute; left:0; top:0; z-index:3; visibility: hidden; }

/* site info styles */
#site_info { clear:both; margin:0 auto; background:url("/images/footerBG.gif") repeat-x #808080; height:61px; width:980px; }
#site_info div p, #site_info div ul { display:inline; padding:30px 15px 0 0; }
#site_info div p { float:left; font-size:.7em; color:#fff; padding-left:15px; }
#site_info div a { color:#ffeb92; }
#site_info div ul { float:right; }
#site_info div ul li { display:inline; padding-left:15px; }

.floatLft { float:left; margin-right:10px; }

a { color:#ce3b00; text-decoration:none; }
a:hover { text-decoration:underline; }

ul.normal { list-style-type:disc; margin:0 0 30px 30px; }
ul.normal li { padding-bottom:.5em; }

/* dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ */
#nav_main2 { z-index:100; position:relative; margin:0 auto; background:url("/images/navBG.jpg") no-repeat top left #a22100; height:40px; width:980px; }
#nav_main2 ul#nav { margin-left:200px; padding-top:9px; }
#nav_main2 ul li.last { padding-right:0; }
#nav, #nav ul { margin:0; font-size:.7em; }
#nav a { display: block; color:#fff; font-family:georgia, "times new roman", serif; font-weight:bold; padding-bottom:7px; }
#nav a:hover { color:#fff1b2; text-decoration:none; }
#nav li { float:left; padding:0 20px; text-transform:uppercase; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li ul { margin:0; position:absolute; width:165px; left: -999em; font-size:.9em; border-top:5px solid #e05016; }
#nav li ul li { border-bottom:1px solid #ffb521; padding:3px 0 3px 5px; background-color:#ffea8c; text-transform:none; }
#nav li ul li a { font-family:arial, helvetica, sans-serif;  font-weight:normal; color:#ce3b00; width:160px; padding:0; }
#nav li ul li:hover { background-color:#ffe25d; }
#nav li ul.prog { width:200px; }
#nav li ul.prog li a { width:195px; }
#nav li.on a { color:#ffe778; }
#nav li.on ul li a { color:#ce3b00; }
#nav li ul li a:hover, #nav li.on ul li a:hover { color:#000; }
.photo-float {
	width:300px;
	float:right;
	margin-left:10px;
	}
.caption {
	font-size:.7em; line-height:1.125em; padding-top:3px;
}

/* Summer Conference Press Release */
.quote-comcast {
	/* background-image:url("/images/quoteBG.gif");
	background-repeat:no-repeat; */
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	width:200px;
	padding:10px;
	background-color:#FF9;
}

div.quote-comcast p {
	line-height:18px;
}

/* Grace Teenshop Redesign */

.facebook{
	border:1px solid #666;
	padding:4px;
	margin-right:10px;
}
.officers-box, .chapter-text-box {
	border: solid 1px #ffb521;
	width:340px;
	height:200px;
	margin-right:10px;
	padding:10px;
	}
.officers-box {
	float:left;
	overflow:hidden;
}
.chapter-text-box {
	float:right;
	overflow:scroll;
	}	
.chapter-image, .chapter-slideshow {
	width:364px;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
	margin-top:20px;
	height:218px;
	font-size:12px;
	line-height:1.5em;
	color:#333;
}
.chapter-image {
	clear:both;
	float:left
}
.chapter-slideshow {
	float:right;
}
.chapter-update {
padding:10px;
border:#F90 solid 1px;
height:100px;
margin-right:10px;
}
/* social media buttons */
#social-media-table {
	margin-top:20px;
	margin-left:10px;
}
#social-media-table p {
	margin-bottom:5px;
}

/* Newsletter sign up button */

.newsletter-box {
	float:right;
	margin-right:15px;
	margin-top:-10px;
	text-align:center;
}
.newsletter-signup {
	background-color: #FFB41D;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:150px;
	padding:5px;
	margin-bottom:10px;
	box-shadow: 3px 3px 3px #999;
	text-shadow: 0 1px 1px #666;
}

.newsletter-signup a {
	text-decoration:none; 
	font-weight: bold;  
	font-family:Arial; 
	font-size:12px; 
	color:#FFF;
}
.newsletter-signup a:hover {
	color:#333;
text-shadow: 0 1px 1px #FFFFCC;
}

/*  home page edits */
.home-subhead {
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:#666 1px 1px 1px;
}
/* alumnae page */

.callout-alumnae {
	float:right;
	width:170px;
	border-top:#FA0 1px solid;
	border-right:#FA0 1px solid;
	border-bottom:#FA0 1px solid;
	-webkit-border-radius:0 10px 10px 0;
	-moz-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
	padding:10px;
	padding-left:0px;
	margin:20px 0;
}
.callout-alumnae h3 {
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;
	color:#ffaa00;
}

.callout-alumnae li {
	margin-bottom:5px;
	font-size:11px;
	line-height:1.2em;
}
.tagline {
	font-size:12px;
color:#C60;
font-weight:bold;
padding-top:20px;
font-family:Georgia, "Times New Roman", Times, serif;
}
/* program page */
.program-quote {
	float:right;
	width:240px;
	padding:10px;
	margin-top:-40px;
}

.program-highlight {
	float:right;
	width:170px;
	padding:10px;
	margin-top:-40px;
	background-color: #FC6;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.program-highlight img {
	width:170px;
	height:130px;
}
.program-highlight p{
	color:#000;
}