html * {
	margin: 0;
	padding: 0;
}

/*-- Global ---------- */

body, textarea { 
	font: 12px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
	color: #012a50;
	background:#011930;
}

a { 
	color: #e6223f;
	font-weight: bold;
	text-decoration: none;
}

img, fieldset { border: 0; }

select option { padding: 0 10px 0 0; }

h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }

p { padding: 0 0 18px 0; color:#012a50; }

h1, h2, h3, h4, h5, h6 { /* font-weight: normal; */ }

blockquote {
	padding: 18px;
	background: #eee;	
	margin: 0px 36px 18px 18px;
}

ul, ol { margin: 0px 36px 18px 18px; }

ul li, ol li { margin: 9px 0 9px 0;}


/*-- Clearing Styles & Container --*/

#topbackground { background: url("/public/img/bg-toprepeat.jpg") 50% 0% repeat-x; }
#stripedbackground { background: url("/public/img/bg-midrepeat.jpg") 50% 0%; }


.block {
	width: 805px;
	margin: 0 auto;
	display: block;
}

.clearfix { display: inline-block; }

.block:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.column {
	float: left;
	width: 190px;
	padding:5px 10px 0 10px;
}

img.left {
	border: solid 2px #bab886;
	float: left;
	margin: 10px 10px 10px 0;
}

img.right {
	border: solid 2px #bab886;
	float: right;
	margin: 10px 0 10px 10px;
}

#container {
	background: url("/public/img/paper-bgclear.png") 259px 0 repeat-y;
}

/*-- Home styles --------------------------------------------------------*/

#headerbackground {
	margin: 0 auto;
	background: url("/public/img/bg-header.jpg") 50% 0% no-repeat;
}

#contentbox-bg {
	margin: 0 auto;
	background: url("/public/img/contentbox.jpg") 0 98px no-repeat;
}

#header {
	background: url("/public/img/paper-head.png") 259px 134px no-repeat;
}

h1#logo {
	padding:0;
	margin:0;
	float:left;
}

h1#logo a {
	display: block;
	text-decoration: none;
	text-indent: -999em;
	width: 172px;
	height: 160px;
	float:left;
	background: url("/public/img/logo-wip.jpg") no-repeat;
}

ul#top-nav {
	padding:0;
	margin:0;
	list-style:none;
	float:right;
	height:50px;
}

ul#top-nav li {
	padding:0 7px 0 7px;
	margin:0;
	float:left;
	list-style:none;
	height:50px;
}

ul#top-nav li a {
	color:#fff;
	font-size:11px;
	margin:0;
	
	display:block;
	padding:16px 0 0 0;
	font-weight:bold;
	background: url("/public/img/topnav-dot.jpg") 50% 3px no-repeat;
}

ul#top-nav li a.joinus {
	color:#fff;
	font-size:11px;
	padding:16px 0 0 0;
	font-weight:bold;
	background: url("/public/img/topnav-joinus.jpg") 50% 3px no-repeat;
}

ul#top-nav li a:hover {
	color:#bfd2e3;
}

#navigation {
	float:left;
	width:633px;
}

ul#main-nav {
	padding:48px 0 0 0;
	margin:0;
	height:36px;
	width:620px;
	list-style:none;
	clear:both;
}

ul#main-nav li {
	padding:0;
	margin:0;
	height:36px;
	display:inline;
	float:left;
	list-style:none;
	
}

ul#main-nav li a {
	padding:7px 7px 0 7px;
	border-right:1px solid #f0798b;
	display:block;
	height:29px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	float:left;
}

ul#main-nav li a:hover, ul#main-nav li a.active {
	background: url("/public/img/nav-hover.jpg") repeat-x;
}

#homecol1 {
	width:216px;
	padding:10px 12px 10px 22px;
	float:left;
}

#homecol2 {
	width:550px;
	float:left;
}

#introarea {
	
}

p.intro {
	font-size:16px;
	font-family:Georgia, times, serif;
	line-height:26px;
	color:#fff;
	height:159px;
}

a.more-blue {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:0 10px 0 0;
	background: url("/public/img/arrow-bluebg.jpg") 100% 50% no-repeat
}

a.more {
	color:#012a50;
	font-size:12px;
	font-weight:bold;
	padding:0 10px 0 0;
	
	background: url("/public/img/arrow-white.jpg") 100% 50% no-repeat
}

h3#whatwedo {
	padding:30px 0 0 0;
	margin:0;
}

h3#whatwedo a {
	display: block;
	text-decoration: none;
	text-indent: -999em;
	width: 183px;
	height: 43px;
	background: url("/public/img/button-whatwedo.jpg") no-repeat;
}

#quotearea {
	margin:15px 0 15px -5px;
	background:#eae9cf url("/public/img/quote-right.jpg") 95% 90% no-repeat;
}

p.quote {
	background: url("/public/img/quote-left.jpg") 5px 5% no-repeat;
	padding:10px 20px 10px 25px;
	color:#012a50;
	line-height:26px;
	font-family:Georgia, Times, serif;
	font-style:italic;
	font-size:18px;
}

span.name {
	font-size:14px;
	font-style:normal;
	display:block;
	text-align:right;
	padding:0 20px 0 0;
}


h2#joinus {
	padding:10px 0 0 0;
	margin:0;
}

h2#joinus a {
	display: block;
	text-decoration: none;
	text-indent: -999em;
	width: 213px;
	height: 52px;
	background: url("/public/img/button-joinus.jpg") no-repeat;
}

h2#joinus_sub {
	padding:10px 0 0 22px;
	margin:0;
}

h2#joinus_sub a {
	display: block;
	text-decoration: none;
	text-indent: -999em;
	width: 209px;
	height: 49px;
	background: url("/public/img/button-joinus_sub.jpg") no-repeat;
}

p.sidetext {
	color:#012a50;
	font-size:10px;
	line-height:14px;
	padding:20px 0 8px 5px;
	margin:0;
}

a.uway {
	display:block;
	float:left;
	width:86px;
	height:66px;
	text-indent:-999em;
	border:none;
	text-decoration:none;
	background: url("/public/img/logo-unitedway.jpg") no-repeat;
}

a.cccf {
	display:block;
	float:left;
	width:123px;
	height:66px;
	text-indent:-999em;
	border:none;
	text-decoration:none;
	background: url("/public/img/logo-cccf.jpg") no-repeat;
}


#contentarea {
	padding:15px 35px 0 25px;
	background: url("/public/img/paper-header.jpg") no-repeat;
}

#col1 {
	width:235px;
	padding:0 10px 0 0;
	float:left;
}

#col2 {
	width:235px;
	padding:0 0 0 10px;
	float:left;
}

#events-list, #news-list {
	list-style:none;
	margin:0;
	padding:0;
}

h4 {
	font-size:20px;
	font-family:Georgia, Times, serif;
	font-weight:normal;
	background:#eeedd8;
	padding:10px;
	margin:0;
}

h4 a {
	color:#012a50;
	font-weight:normal;
	
}

h5 {
	font-size:14px;
	color:#e72a45;
	font-weight:bold;
	padding:10px 0 0 0; margin:0;
}

p.date {
	font-weight:bold;
	font-size:10px;
	line-height:18px;
	padding:0; margin:0;
}

p.description {
	font-size:12px;
	line-height:18px;
	padding:0; margin:0;
}

/*-- Subpage Specific --*/

#sub-container {
	background: url("/public/img/paper-bgclear.png") 259px 0 repeat-y;
}

#subcol1 {
	width:259px;
	padding:10px 0 10px 0;
	float:left;
}

#subnavarea {
height:220px;
display:block;
}

ul#subnav, ul#subnav li ul {
list-style:none;
padding:0 0 0 2px;
margin:0;
width:257px;

}

ul#subnav li ul {
	padding:0;
}

ul#subnav li, ul#subnav li ul li {
list-style:none;
padding:0 0 0 0;
margin:0;
width:257px;
}

ul#subnav li a, ul#subnav li ul li a {
	color:#fff;
	font-size:12px;
	width:235px;
	display:block;
	padding: 9px 0 9px 22px;
}

ul#subnav li ul li a {
	width:225px;
	padding: 3px 0 3px 32px;
}

ul#subnav li a:hover {
	background:#0c4579;
	width:235px;
}

ul#subnav li ul li a:hover {
	width:225px;
}

ul#subnav li a.active {
	padding-bottom: 3px;
}

#partners {
	padding:0 20px 0 22px;
}

#subcol2 {
	width:466px;
	padding:0 55px 0 25px;
	float:left;
}


#sub-contentarea {
	padding:20px 10px 0 10px;
	
}

ul#breadcrumb { 
	list-style: none;
	font-size: .9em;
	padding:0 0 10px 10px;
	margin:0;

}

ul#breadcrumb li { display: inline; }

ul#breadcrumb li a { 
	text-decoration: none;
	padding: 0 10px 0 0;
	background: url("/public/img/arrow-white.jpg") right 4px no-repeat;
	margin: 0 5px 0 0;
	color: #012a50;
}

ul#breadcrumb li.home a { 
	color: #e62642;
	background: url("/public/img/arrow-white.jpg") right 4px no-repeat;

}

ul#breadcrumb li.active a { 
	font-weight: normal;
	background: none;

}

/* -- News Page ------------------------------------------ */

ul#newslist, ul#eventslist {
	margin:0;
	padding:0;
}

ul#newslist li, ul#eventslist li {
	list-style:none;
	border-bottom: solid 1px #d7d0c6;
}

p.date {
	font-size:10px;
	padding:0;
}

#news-events-contentarea {
	padding:0 10px 0 10px;
	
}


/* -- Form Styles ------------------------------------------ */

form.forms p,  form.forms .formr {
	font-weight: bold;
}

form.forms p.formcol1, form.generic_form p.formcol1 {
	width: 225px;
	float: left;
	clear: both;

}

form.forms p.formcol2, form.forms div.formcol2 {
margin: 0 0 0 220px;

}

#highlight {
background: #F7C91E;
padding: 5px;

}

form.forms p.formrow, form.generic_form p.formrow {
width: 510px;
clear: both;

}

form.forms p input.forminput, form.generic_form p input.forminput {
padding: 3px;
font-size: 1.1em;
width: 210px;
border: 1px solid #ccc;

}

form.forms textarea, form.generic_form textarea {
width: 400px;
height: 150px;
padding: 0 3px;
background:#fff;
font-family: "Lucida Grande","Lucida Sans Unicode", Trebuchet MS, Verdana, Tahoma, sans-serif;
margin: 0 0 10px 0;
font-size: .9em;
border: 1px solid #ccc;
}

form.forms .formr,  form.forms .formwrapper, form.generic_form .formr, form.generic_form .formwrapper {
clear: both;
padding: 0 0 10px 0;

}

form.forms select, form.generic_form select { margin: 3px 0; }

form.forms .submit, form.generic_form .submit {
padding: 10px;
background: #e6223f;
color: #fff;
font-weight: bold;
border: none;

}

p.label {
padding:0;
margin:0; }

p.error {
color: #e6223f;
font-size: .9em;

}

span.error, span.required {
color: #e6223f;
font-size: .9em;
font-weight: bold;

}

span.error { display: block; }

form.forms p label {
display: block;

}

form.forms fieldset, form.generic_form fieldset {
border: none;
padding: 8px 0 10px 0;

}

form.forms fieldset h4, form.generic_form fieldset h4 {
	color: #87a4b4;
	font-size: 14px;
	border-bottom: solid 1px #ddd;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
	
}

form.forms p.checkbox label { 
	display: inline; 
	margin: 0 0 0 5px;
}

form.forms p.checkbox input { 
	vertical-align: middle;
	
}

form.forms h3 {
clear: both;

}

form.forms p span {
font-weight: normal;

}


/*------ Community Styles -------------------------------- */

ul#categorieslist, ul#topicslist { 

list-style: none; 
padding: 0;
margin: 0;
border-top: solid 2px #ddd;

}

ul#categorieslist a , ul#topicslist a { text-decoration: underline; }

ul#categorieslist li, ul#topicslist li {
padding: 9px 0 9px 0;
border-bottom: solid 1px #ddd;
margin: 0;
}

ul#categorieslist li h4, ul#categorieslist li p, ul#topicslist li h4, ul#topicslist li p  { padding: 0; }

ul#categorieslist li h4 a, ul#topicslist li h4 a {
display: block;
font-weight: normal;
float: left;
background: none;
width: 330px;
padding-right: 12px;

}

ul#categorieslist li p.topics {
text-align: right;

}

ul#topicslist li p.comments { 
text-align: right;
} 

ul#topicslist li p.poster { 
clear: both;
font-size: 10px;
padding: 3px 0 0 0;
 
}
 
ul#topicslist li p.poster a { color: #b5121b; }

p.back { 
float: right;
padding: 9px 0 9px 0;

}

p.back a { 
font-size: 12px; 
text-decoration: underline;

}

#post { border-top: solid 2px #ddd; }

#post #postmeta { 
font-size: 10px;
font-weight: bold;
color: #666;
padding: 8px 0 9px 0;
border-top: solid 1px #ddd;
margin: 0 0 9px 0;

}

#post h4 {
color: #e6223f;
font-size: 17px;
padding: 9px 0 9px 9px;
}

#post a {
	text-decoration: underline;
}

h4#commentstitle {
border-top: solid 2px #ddd;
color: #e6223f;
font-size: 14px;
}

ul#comments {
list-style: none;
padding: 0;
border-top: solid 1px #ddd;
margin: 0 0 18px 0;
}

ul#comments li {
margin: 0;
padding: 18px;
}


ul#comments li.odd {
background: #e9e7ce;
}

ul#comments li p.commenttime {
font-weight: bold;
padding: 0;
font-size: 10px;
}

ul#comments li p.commentmeta {
color: #e6223f;
padding: 0 0 9px 0;
font-size: 13px;

}

div.deletecomment, div.deletetopic {

padding: 9px;
background: #ffd4d6;
margin: 0 0 6px 0;

}

div.deletecomment p, div.deletetopic p { 

padding: 0; 


}

.deletecommentlink { 

float: right;
padding: 0; 

}

.deletecommentlink a { background: none; }


.deletetopiclink { 

float: left;
padding: 0; 
margin: 0 6px 0 0;

}

.deletetopiclink a { background: none; }

ul#comments li p { font-size: 11px; }

ul#comments li p.commentmeta span { font-weight: bold; }

p.postcomment { 

float: right; 
padding: 9px 9px 9px 0;

}

p.postcomment a { font-size: 10px; }

p#editpostlink { 

float: right; 
padding: 9px 0 9px 0;

}

p#editpostlink a { font-size: 10px; padding-right:9px;}


/*----- Alumni Directory ---------------------------------- */

table#memberlist {

width: 450px;

}

table#memberlist th {

text-align: left;
border-top: solid 2px #eee;
border-bottom: solid 1px #ceccaa;
padding: 7px 0 8px 0;

}

table.sortable th {

text-decoration: underline;

}

table#memberlist td {

border-bottom: solid 1px #ceccaa;

}

table#memberlist td a { text-decoration: underline; }

#searchresultsinfo {

padding: 9px;
background: #e9e7ce;
margin: 0 0 18px 0 ;
}

#searchresultsinfo p { padding: 0; }

#memberdetail h3 {

border-bottom: solid 1px #ceccaa;
margin: 0 0 9px 0;

}

#memberdetail h4 {

border-bottom: solid 1px #ceccaa;
margin: 0 0 9px 0;
font-size: 12px;
color: #b5121b;

}

#memberdetail p span { font-weight: bold; }

#memberdetail p#photo {

float: left;
margin: 0 10px 0 0;

}

#memberdetail p#photo img {

border: solid 1px #eee;
background: #fff;
padding: 2px;

}

#memberdetail p#photo, #memberdetail p#class_year, #memberdetail p#contact_email { padding: 0; }

#lastupdated { 
	
	font-size: 10px;
	font-style: italic;
	padding: 18px 0 0 0;
	
}

#userbox2 {

background: #e9e7ce;
margin: 0 0 1px 0;
padding: 9px 9px 9px 14px;
float: left;
clear: both;
width: 151px;

}

#userbox {

background: #e9e7ce;
margin: 0 0 1px 0;
padding: 9px 9px 9px 14px;
float: left;
clear: both;
width: 151px;

}

#userbox p span {

display: block;
font-size: 16px;
color: #b5121b;
padding: 0 0 9px 0 ;

}

#userbox p { padding: 0; }

#userbox ul, #userbox ul li {

	margin: 0;
	list-style: none;

}

#userbox a { text-decoration: underline; }


p#avatar {

float:left;
margin: 0 6px 0 0;
padding: 0;

}

p#avatar img {

width: 56px;
border: solid 1px #eee;
background: #fff;
padding: 2px;

}

p#userlinks { 

margin: 9px 0 0 0; 
clear: both;

}

p#userlinks a { 

margin: 0 6px 0 0; 
font-size: 11px;

}

/*------Photo Gallery -----------------------------------*/

ul#gallerylist { 

	}

ul#gallerylist, ul#gallerylist  li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#gallerylist li img.thumbnail {
	float: left;
	margin: 0 9px 0 0;
	padding: 0;
	border: solid 1px #ddd;
}

ul#gallerylist li {
	border-bottom: solid 1px #eee;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
	height:75px;
}

ul#gallerylist li h3 {
	padding: 5px 0 9px 10px;
}

ul#gallerylist li h3 a {
	font-weight: normal;
}

ul#gallerylist li p.description {
	padding:0 0 0 10px;
}

#gallery h3 {
	font-size: 18px;
	border-bottom: solid 1px #ddd;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;	
}

#gallery .gallerymeta {
	float: right;
	font-size: 11px;
}

#photocontainer p {
	font-size: 11px;
}

#photocontainer {
	text-align: left;
	width: 455px;
}

#photocontainer p {
	text-align: left;
}

#photocontainer p.photonav {
	padding: 4px 0 4px 0;
	text-align: center;
}

#currentphoto {
	padding: 6px;
	border: solid 1px #ddd;
	width:435px;
}

* html #currentphoto { width:435px; }

.gallerylink {
	width: 60px;
	height: 60px;
	margin: 3px;
	border: solid 4px #eee;
	overflow: hidden;
	float: left;
	text-align: center;
}

.thumbnail {
/*vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
*/
}

#thumbnails {
	margin: 0 auto;
	text-align: left;
}

#thumbnails p.back {
	font-size: 11px;
	padding: 0;
}

#thumbnails a {
text-decoration: none;
}

#thumbnails .active {
/*border: solid 1px #333;
padding: 3px;
*/
}


/*-- Footer ---------------------------------------------*/

#footerbackground {
	margin: 0 auto;
	height:114px;
	background:#011930 url("/public/img/bg-footer.jpg") 50% 100% repeat-x;
}

#footer {
	
	background: url("/public/img/paper-footer.jpg") 256px 100% no-repeat;
}

#footer p {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	padding:24px 0 0 25px;
}

body#editContent {
	padding: 10px;
	background: #fff;
}

#editContent {

color: #000;
background: #fff;
padding: 12px;

}

#editContent a {

color: #000;
background: #fff;
padding: 12px;

}