body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
	background: #9db3df url(/images/site/body-background.jpg) top left repeat-x;
	color: #474747;
	}
	
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
p, ul, ol, li { margin: 0; padding: 0; }

div#map { margin: 30px 10px 10px 0; }

div#mainContentWide div#content form#register_member_form { width: 780px; margin-left: -20px; }

/* =LAYOUT
********************************************************************************/

div#header {
	width: 823px;
	height: 222px;
	text-align: left;
	margin: 0 auto;
	}

div#header h1 {
	width: 823px;
	height: 222px;
	background: url(/images/site/header-background.jpg) top left no-repeat;
	position: relative;
	}

div#header h1 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 823px;
	padding-top: 222px;
	height: 0 !important;
	overflow: hidden;
	display: block;
	background: url(/images/site/header-background.jpg) top left no-repeat;
	}

div#container {
	margin: 0 auto;
	text-align: left;
	width: 823px;
	}

div#wrapper { 
	background: url(/images/site/wrapper-background.png) top left repeat-y;
	float: left; 
	width: 100%;
	padding-bottom: 10px;
	}

div#defaultWrapper { 
	float: left; 
	width: 100%;
	background: #134582 url(/images/site/one-column-background.gif) top left repeat-y;
	}

div#defaultMainContent { padding: 20px; }	
div#mainContent {
	float: left;
	width: 450px;
	display: inline;
	margin-left: 20px;
}

div#mainContentWide {
	float: left;
	width: 780px;
	display: inline;
	margin-left: 20px;
	}

div#footer { 
	clear: both;
	width: 823px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	background: transparent url(/images/site/footer-background.png) center bottom no-repeat;
	}
	div#footer ul { margin: 0; list-style: none; }
	div#footer li { margin: 0 5px; display: inline; }
	div#footer li a {
		color: #8e8e8e;
		font-size: 9px;
		font-weight: bold;
	}
	div#footer li a:hover { color: #fff; }
	div#footer div#footerContact {
		font-size: 80%;
		padding-top: 10px;
	}
	
div.clear,
br.clear { display: none; width: 100%; clear: both; height: 0 !important; }


/* =VERTICAL DROP-DOWN NAVIGATION
*******************************************************************************/
div#nav {
	border-top: 0;
	text-align: left;
	width: 823px;
	margin: 0 auto;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/site/nav-background.gif) top left repeat-y;
	min-height: 23px;
	}

ul#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 801px;
	margin: 0 auto;
	background: url(/images/site/nav-off.gif) repeat-x;
	border-top: 1px solid #999;
	min-height: 23px;
}
ul#navigation li {
	display: block;
	float: left;
}
ul#navigation li.here a {
	background: url(/images/site/nav-on.gif) repeat-x;
}
ul#navigation li a {
	color: #fff;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	display: block;
	background: url(/images/site/nav-off.gif) repeat-x;
	padding: 5px 31px;
}
ul#navigation li#nav-about a { padding: 5px 32px 5px 32px; }
ul#navigation li#nav-administrators a { padding: 5px 37px; }

ul#navigation li a:hover { 
	text-decoration: underline;
	background: url(/images/site/nav-on.gif) repeat-x;
}	
ul#navigation li#nav-Contact { border-right: 0; }
ul#navigation li ul.subnav {
	position: absolute;
	white-space: nowrap; 
	width: 800px;
	left: 10px;
}


ul#navigation li ul.subnav li {
	display: block; 
	float: left;
}
ul#navigation li ul.subnav li a {
	display: block;
	padding: 10px 7px; 	
	border-right: 1px dotted #999;
	background: none;	
	color: #01539c;
	float: left;
	width: auto;
}
ul#navigation li ul.subnav li a:hover { background: transparent; }

div.subnav { 
	margin: 0 auto;
	width: 823px;	
	min-height: 27px;
	background: url(/images/site/nav2_bg.gif) top center repeat-y;	
}
	
div.subnav ul li { padding: 0 10px; margin-bottom: 10px;}
div.subnav ul li a { color: #03549d; font-weight: bold; text-decoration: none; }
div.subnav ul li.current a { color: #89b1d5; }
div.subnav ul li a:hover { color: #fff; background: #03549d; }

ul#navigation li a.current { background: #10283f url(/images/site/nav-on.gif) repeat-x; }
ul#navigation li ul li a.current { background: transparent; color: #000; }

/* =ARTICLE
********************************************************************************/
div#article {
	padding: 15px;
	}
	
div.article-helper { 
	float: left; 
	width: 100%;
	padding: 5px 0;
	margin-bottom: 10px;
	background: #185196;
	}	
	a.printer-friendly { 
		float: right; 
		display: block; 
		padding-right: 25px; 
		background: url(/images/site/print-button.gif) center right no-repeat; 
		padding-top: 3px;
		padding-bottom: 3px;
		}
		
div#article img { }
div#article img.image-right { float: right; margin-left: 2em; margin-bottom: 1em; }
div#article img.image-left  { float: left;  margin-right: 2em; margin-bottom: 1em;}


/* =SIDEBAR
********************************************************************************/
div#sidebar {
	float: right;
	width: 340px;
	margin-right: 11px;
	display: inline;
	color: #fff;
	}

div#memberModule {
  float: right;
  width: 340px;
  background: url(/images/site/sidebar-ad-top.png) top left no-repeat;
  padding-top: 19px;
	margin-right: 11px;
	display: inline;
	color: #fff;
}
div#memberModuleContent {
	background: url(/images/site/sidebar-ad-bottom.png) bottom left no-repeat;
	padding: 0 20px 20px 20px;
	color: #fff;
	}	
	

div.adItem { 
  margin-top: 3px; 
  margin-right: 8px;
  float: right; 
}
div.adItem a:hover { background: transparent; }

div#sidebar-ad h2 { 
	background: url(/images/site/sidebar-ad-top.png) top left no-repeat;
	padding-top: 19px;
	height: 0 !important;
	overflow: hidden;
	}
div#sidebar-ad h2#careersHeader {
	background: url(/images/site/jobs-ad-header2.png) top left no-repeat;
	padding-top: 48px;
	height: 0 !important;
	overflow: hidden;
	margin-top: 10px;
	}
div#sidebar-ad-content {
	background: url(/images/site/sidebar-ad-bottom.png) bottom left no-repeat;
	padding: 0 20px 20px 20px;
	color: #fff;
	}
div#jobs-ad-content {
	background: url(/images/site/jobs-ad-background.png) bottom left no-repeat;
	padding: 0 20px 20px 20px;
	color: #000;
	}	
div#sidebar-ad-content ul,	
div#sidebar-ad-content h3 {
	margin-top: 10px;
	}
div#camp-college-btn {
	background:  url(/images/site/signin.gif) top right no-repeat;
	height: 80px;	
	width: 330px;
	}		

div#nacac-ad { position: relative; }
div#nacac-background {
	width: 340px;
	height: 138px;
	background: url(/images/site/nacac-ad-background.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}
div#nacac-ad a {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	z-index: 2;
	padding-top: 138px;
	height: 0 !important;
	width: 340px;
	overflow: hidden;
	background: url(/images/site/nacac-ad-background.png) top left no-repeat;
	}

/* =NEWS HOMEPAGE */

div#donate h3 {
	background: url(/images/site/donate-now.jpg) top left no-repeat;
	height: 0 !important;
	width: 333px;
	padding-top: 46px;
	overflow: hidden;
	}
div#conference h3 {
	background: url(/images/uploads/nysacac-register_now.jpg) 3px 0 no-repeat;
	height: 0 !important;
	width: 333px;
	padding-top: 45px;;
	overflow: hidden;
	}


div.news-content { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #9db3df; }

div#news-ad h3 {
	background: url(/images/site/news-ad-header.png) top left no-repeat;
	height: 0 !important;
	width: 332px;
	padding-top: 46px;;
	overflow: hidden;
	}
div#news-ad-content {
	background: url(/images/site/news-ad-background.png) top left repeat-y;
	color: #fff;
    padding: 8px 5px 5px 20px;
	margin-right: 8px;
	}
span.news-date { font-size: 80%; font-style: italic; }
div#news-ad-content a { color: #fff; font-weight: bold; }
div#membership-ad {
	margin-top: 1px;
        height: 232px;
	}
div#membership-ad a {
	display: block;
	padding-top: 232px;
	width: 333px;
	height: 0 !important;
	background: url(/images/site/membership-ad.png) top left no-repeat;
	overflow: hidden;
	}

div#sidebar div#newsletter-ad {
	background: url(/images/site/sign-up-ad-background-ie.gif) top left no-repeat;
	padding: 10px;
	color: #fff;
	padding-left: 20px;
	height: 55px;
	margin-top: 3px;
	}	
	div#newsletter-ad h3 { font-size: 100%; font-weight: bold; color: #fff; margin-bottom: 4px; }
	div#sidebar div#newsletter-ad div { display: inline; }
	div#newsletter-ad input { width: 75px; }

div#sidebar div#registration-ad {
	background: url(/images/site/register.gif) top left no-repeat;
	min-height: 291px;
	padding: 20px;
	text-align: left;
	}


/* =Delegate Names and Regional Assignments
********************************************************************************/
/* 

div#collegeDelegates { float: left; }
div#highSchoolDelegates { float: right; }

div.office-info { float: left; clear: both; width: 49%; margin-top: 20px; overflow:hidden; }
div.home-info { float: right; width: 49%; margin-top: 20px; }

*/

/* =LINKS
********************************************************************************/
a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #05569e;
	}
a:visited { color: #666; }
a:hover {
	text-decoration: none;
	background-color: #05569e;
	color: #fff;
	}

div#sidebar a:link {color:#fff;}
div#sidebar a:visited {color:#ddd;}
div#memberModule a { color: #fff; }
div#jobs-ad-content a:link { color: #05569e; }
div#jobs-ad-content a:visited { color: #666; }
div#jobs-ad-content a:hover { color: #fff; }


a#skipToContent { display: none; }
a img { border: 0; }


/* =TYPOGRAPHY
********************************************************************************/	
h1, h2, h3, h4, h5, h6 { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #474747; 
	line-height: 1.2;
	}
div#sidebar h1,
div#sidebar h2,
div#sidebar h3,
div#sidebar h4,
div#sidebar h5,
div#sidebar h6 { color: #fff; }
h1 { font-size: 300%; }
h2 { font-size: 250%; }
h3 { font-size: 160%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

div#nav h3,
div#footer h3 { display: none; }

div#wrapper{	
	line-height:1.5;
	font-size: 80%;
}
div#wrapper ul,
div#wrapper ol {
	margin-left: 3em;
	margin-bottom: 1em;
	}
div#wrapper	ol.lower-case {
	list-style: lower-alpha;
	margin-bottom: 0;
	}
	
div#wrapper ul { list-style: none; margin-left: 10px; }
div#wrapper ul li { 
	background: url(/images/site/arrow.gif) 0 3px no-repeat; 
	padding-left: 10px; 
	margin-bottom: 0.5em;
	}

div#mainContent h2,
div#mainContentWide h2 { 
	margin-bottom: 1em; 
	}

div#mainContent h3,
div#mainContentWide h3,
div#mainContent h4,
div#mainContentWide h4,
div#mainContent h5,
div#mainContentWide h5,
div#mainContent h6,
div#mainContentWide h6 { 
	margin-top: 2em;
	margin-bottom: 0.5em;
	}

div#mainContentWide h4,
div#mainContentWide h5,
div#mainContentWide h6 { margin-top: 0.5em; }

div#sidebar h5,
div#sidebar h6 { margin-top: 2em; margin-bottom: 0.5em; }

div#sidebar p,
div#mainContent p,
div#mainContentWide p { margin-bottom: 1em; }

/* =JOBS
********************************************************************************/	
div.expanded h1 {
	margin-top: 10px;
	margin-left: 5px;
}

div.job_listing h2 {
	color: #474747;
	font: bold 2em "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.job_listing h3 {
	color: #474747;
	font: 1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top:10px;
	margin-bottom: 10px;	
}

div.job_listing h4 {
	color: #474747;
	font: 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px;
}

div.expanded h4 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-sixe: 1.5em;
	margin: 0 10px 0 0;
	padding: 5px;
	background-color: #05569e;
}

div.expanded h3.school {
	font-weight: bold;
	margin-left: 5px;
	font-size: 1.5em;
}

div.expanded h4.department {
	color: #474747;
	background: none !important;
	font-weight: bold;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
}

div.expanded {
	margin: 15px;
}

div.expanded p {
	margin: 10px;
}

div.job_listing h4.department small {
	color: #ff6600;
}
div.job_listing p {
	margin-bottom: 5px;
}
/*
div.job_listing ol {
	list-style-type: decimal;
	margin-left: 25px;
	margin-bottom: 15px;
	margin-top: 5px;
}


div.job_listing ol li {
	padding-top: 5px;
	padding-bottom: 10px;
}
div.job_listing div#content ul {
	list-style-type: square;
}
div.job_listing ul li {
	padding-top: 5px;
	padding-bottom: 10px;
}

*/
div.job_listing ul {
	margin-left: 25px;
	margin-bottom: 15px;
	margin-top: 10px;
}

div.job_listing table {margin-top:5px;}
div.job_listing th {
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px;
	background-color: #05569e;
	color: #fff;
}
div.job_listing tr.even {background:#dfdfdf;}

div.job_listing tr.odd {background:#eee;}
div.job_listing td {
	padding:5px;
	font-size:90%;
	vertical-align:middle;
}
div.job_listing .job_title {
	color: #000;
	margin-left: 0px;	
	font-size: 1.5em;	
}

/* =MISC
********************************************************************************/	
p#adobe { padding-top: 10px; }

p.pdf {
padding: 5px 5px 5px 20px;
margin: 0;
background: url(/images/page_white_acrobat.gif) no-repeat left 5px;
}

p.www {
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: url(/images/link.gif) no-repeat left 4px;
}

h3.www {
	padding: 4px 5px 5px 20px;
	margin: 0;
	background: url(/images/link.gif) no-repeat left 4px;
}

div#register_summer { 
	background: url (/images/site/register.gif) no-repeat;
	width: 331px;
	height: 80px;
}


/* =CALENDAR
********************************************************************************/	

.calendarBG {
 width: 327px;
 margin: 5px 0 5px 6px;
}

.calendarBlank {
 background-color: #e7e7e7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #024893;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #024893;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #333;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #024893;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #9db3df;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarToday a {
 color: #024893 !important;
}

.calendarToday a:hover {
 color: #fff !important;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a, .calendarCell a:visited  {
 display: block;
 color:             #fff !important;
 text-decoration:   none;
 background-color:  #666;
}

.calendarCell a:hover {
 color:             #333 !important;
 text-decoration:   none;
 background-color:  transparent;
}

.eventCell {
 display: block;
 background: #9db3df;
}

/* =NEWS
********************************************************************************/	
div.newsItem { 
	padding: 0px 0 0 10px;
	border-bottom: 1px solid #ccc;
	}
	
div.newsDate {
	font-weight: bold;
	font-size: 110%;
	font-style: italic;
	margin-top: 3px;
	}
	
div.newsBody, div.newsFile, div.newsLink {
	padding: 0 0 10px 0;
	}	

/* =EVENTS
********************************************************************************/	
div.eventBlurb { 
	padding: 0px 0 10px 0px;
	}
	
div.eventDate {
	font-weight: bold;
	font-size: 110%;
	font-style: italic;
	margin-top: 3px;
	}
	
div.eventItem {
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
	}
	
div#mainContent div.eventItem h3 { margin-top: 0; }	

	
/* =HOMEPAGE
*******************************************************************************/
p#conference_ad {
	background: url(/images/site/campCollege.jpg) top left no-repeat;
}
p#conference_ad a {
    display: block;
	position: relative;
	width: 450px;
	padding-top: 84px;
	height: 0 !important;
    margin-top: 5px;
	background: url(/images/site/campCollege.jpg) top left no-repeat;
	overflow: hidden;
}

div#frontpageTopAd { margin-top: 8px; margin-bottom: 1em; }
div#frontpageTopAd a:hover {background:none;}

div#pres_corner {
        margin-top: -20px;
}	

.cap { text-transform: capitalize; }

div.careersDate { padding-top: 5px; }

/* =COLLEGE FAIR TABLES
********************************************************************************/
table.collegeFairTable {
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0;
	width: 90%;
}

table.collegeFairTable td {
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 3px;
	background: #fff;
}

table.collegeFairTable td.collegeFairDateHeader,
table.collegeFairTable td.collegeFairEventNameHeader {
	background: #ddd;
	font-weight: bold;
}

table.collegeFairTable tr td.collegeFairMonth {
	background: #05569e;
	color: #fff;
	font-weight: bold;
}


/* =GET DIRECTIONS
********************************************************************************/
button#googleMapButton { display: block; margin: 10px 0; }
div.printButton { text-align: right; }


/* =DELEGATES
********************************************************************************/
div.delegateInfo { margin-bottom: 2em; }

div.delegateInfo div { margin-left: 110px; }

div.delegateInfo div.delegatePhoto { margin-left: 0; float: left; }

div.delegateName {
	font-size: 130%;
	font-weight: bold;
	
}

div.delegateRegionalAssignment { font-weight: bold; }



/* =NEWSLETTER
********************************************************************************/
div#latestNewsletterAd {
  background: #136dbe url(/images/site/newsletter-background.jpg) top left no-repeat;
  padding: 10px 10px 10px 150px;
  color: #fff;
  font-size: 110%;
  min-height: 80px;
  border: 1px solid #666;
}
div#latestNewsletterAd h3 { margin-top: 0; color: #fff; }
div#latestNewsletterAd a { color: #fff; }



/* =AMEMBER SIGNUP
********************************************************************************/
table.vedit {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-collapse: collapse;
}

table.vedit td,
table.vedit th {
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 3px;
}
table.vedit th { background: #ddd; }

table.vedit th.headrow {
	background: #01539c;
	color: #fff;
}