/* ----------------------------

Name:     Company Name

Developer: Park&Co

URL:      wwww.parkandco.com

Date:     Dec 11th, 2009 v1.0

----------------------------------------------- */


/* CSS Reset ----------------------------------------------- */
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 16px; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }



/* General Styles ----------------------------------------------- */

	body {font-family: 'Arial', Helvetica, San-Serif normal; text-align: center; min-width: 949px; color: #000001; background: #314e70 url(/_images/bg-gradient-body.jpg) repeat-x top left;}
	
	h1 {font-size: 2.25em; font-weight: bold;}
	
	h2 {font-size: 1.75em; font-weight: normal; margin-bottom: 15px;}
	
	h3 {font-size: 1.50em; font-weight: normal;  margin-bottom: 15px;}
	
	h4 {font-size: 0.813em; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; color: #576f8a;}
	
	h5 {font-size: 0.813em; font-weight: normal; font-style: italic; margin-bottom: 8px;}
	
	p {font-size: 0.813em;  padding-bottom: 15px; line-height: 1.95em;}
	
	#content ul {font-size: 0.813em; margin-bottom: 10px;}
	
	#content ol {font-size: 0.813em; margin-bottom: 10px;}
	
	#content li {margin-bottom: 12px; padding-left: 10px; list-style: disc; margin-left: 20px;}
	
	#content li ul {margin-top: 5px}
	
	#content li li{margin-bottom: 12px; padding-left: 5px; list-style: disc; margin-left: 12px; font-size: 1.2em;}
	
	strong {font-weight: bold;}
	
	em  {font-style: italic;}
	
	img {}
	
	blockquote {}
	
	a {color:#b80d0d; text-decoration: none; font-weight: bold;}
	
	a:hover {color:#e80c0c; text-decoration: underline;}
	
	a:visited {color:#b80d0d;}
	
	.clear {clear: both; }

   hr {padding: 0; margin: 0; color: #8e9dad; border-bottom: 1px solid #8e9dad; border-top:none; border-left: none; border-right:none; margin-bottom: 10px;}

/* Positioning Styles ----------------------------------------------- */

	#wrapper {margin: 0 auto; width: 949px; text-align: left; padding:0;  background: url(/_images/bg-gradient-vert-sm.jpg) bottom repeat-x #fff;  box-shadow : 0 0 15px #000; -webkit-box-shadow : 0 0 15px #000; }
	
	#left-col {width: 650px; float: left; border-right:1px solid #314c70; }
	
	#right-col {width: 298px; float: right; }
	
	#logo { height: 123px; width: 144px; background: url(/_images/logo.png) top left no-repeat; text-indent: -9999px; display: block; position: absolute; z-index: 6; top: 80px; left: 30px;}
	
	a#aaf-logo {height:29px; width: 49px; background: url(/_images/logo-aaf.png) top left no-repeat; text-indent: -9999px; display: block; position: absolute; z-index: 9; top:30px; right: 20px;}
	
	#intro {height: 283px; width: 949px; background: url(/_images/bg-gradient-hor.jpg) repeat-y left top; }
	
	#header {margin: 0 auto; width: 949px; height: 258px; text-align: left; position: relative; z-index: 5;}
	
	h2, #home h3 {padding-top: 24px;}
	
   p {margin-right: 40px;}
	
   #sponsors-link a{ font-size:1.25em; font-weight: normal; color: #fff; text-shadow:3px 3px 3px #000; position: absolute; z-index: 7; bottom:10px; right: 30px;}

   #sponsors-link a:hover {color:#c6c3c3; text-decoration: none;}
   
   #content {padding: 30px 40px 20px 40px; background: url(/_images/bg-gradient-vert-content.jpg) bottom left repeat-x #ededed; }
   
	#footer {background: #314370 url(/_images/bg-gradient-footer.jpg) top left repeat-x; height:44px; width:949px; margin: 5px auto 20px auto; text-align: left; border: 1px solid #283a4e; padding: 0;}
	
	#footer ul{display: inline;}
	
	#footer ul li{font-size: 14px; padding: 14px 25px 0 0; float: left; color: #7c8c9e;}
	
	#footer #footer-jobs-link{margin-left: 40px;}
	
	#footer a {color:#fff; text-decoration: none; font-weight: normal; text-shadow:3px 3px 3px #383838;}
	
	#footer a:hover {text-decoration: none; color: #7c8c9e;}
	
   .img-right {border: 6px solid #b10c0c; float: left; margin: 30px 40px 0 40px; box-shadow : 0 0 8px #000; -webkit-box-shadow : 0 0 8px #000; }

   div#flash {border: 6px solid #b10c0c; float: left; margin: 30px 40px 40px 20px; box-shadow : 0 0 8px #000; -webkit-box-shadow : 0 0 8px #000; padding: 0; display: block; width: 400px; height: 300px;}
   
   .sponsor-logo {border: 6px solid #ccc; background-color: white; padding: 10px 10px; float: right; margin: 0 0 10px 15px; box-shadow : 0 0 8px #000; -webkit-box-shadow : 0 0 8px #000; }

/* Navigation Styles ----------------------------------------------- */
	
	/*Main Nav Styles*/
	
		#nav {position: absolute; z-index: 8; top:30px; left: 30px;}
		
		#nav ul li {float: left; display: inline;}
		
		#nav ul li a {color:#fff; text-decoration: none; font-size: 1.20em; padding: 10px; font-weight: normal; text-shadow:3px 3px 3px #000;}
		
		#nav ul li a:hover {color:#c6c3c3;}
		
		
   /* Nav State Styles */
			
      #jobs  a.nav-jobs, #events  a.nav-events, #join  a.nav-join, #resources  a.nav-resources, #about  a.nav-about, #public-service  a.nav-public-service  {color:#b80d0d;}
	
	   #jobs  a.nav-jobs:hover, #events  a.nav-events:hover, #join  a.nav-join:hover, #resources  a.nav-resources:hover, #about  a.nav-about:hover, #public-service  a.nav-public-service:hover  { color:#b80d0d;}
	
	/*Sub Nav Styles*/
	  
	   #sub-nav {padding: 4px; background: url(/_images/bg-subnav.png) top left repeat-x;  border: 1px #9da5b0 solid;}

      #events #sub-nav{width: 175px; position: absolute; z-index: 12; top:60px; left: 105px;}	  

      #about #sub-nav{width: 175px; position: absolute; z-index: 12; top:60px; left: 350px;}
	   
	   #resources #sub-nav {width: 175px; position: absolute; z-index: 12; top:60px; left: 240px;}
	   
	   #join #sub-nav {width: 175px; position: absolute; z-index: 12; top:60px; left: 185px;}
	   
		#sub-nav ul{}
		
		#sub-nav li { padding-bottom: 3px;}
		
		#sub-nav li a {color:#fff; text-decoration: none; font-size: .95em; padding: 10px; font-weight: normal; text-shadow:3px 3px 3px #000;}
		
		#sub-nav a:hover {color:#c6c3c3;}
		
		#sub-nav li.subvisited {color:#c6c3c3;}
		
		#join .get-involved a.subnav-get-involved, #join .update-your-info a.subnav-update-your-info, #join .learn-more a.subnav-learn-more, #join .connect a.subnav-connect, #join .our-newsletter a.subnav-our-newsletter, #resources .government-and-advertising a.subnav-govt-and-advertising, #about .press-releases a.subnav-press, #about .board a.subnav-board, #about .national a.subnav-national-ad, #about .alumni a.subnav-alumni, #about .ad-person-of-the-year a.subnav-ad-person-of-the-year, #about .contact a.subnav-contact {color:#283a4e; text-shadow: none;}

      .get-involved a.subnav-get-involved:visited, .update-your-info a.subnav-update-your-info:visited {color:#b80d0d;}

/* Home Page Styles ----------------------------------------------- */

   #home #header {width: 949px; height: 286px; background: url(/_images/bg-header-home.jpg) no-repeat top left;}
      
   #home #tile-top, #home #tile-bottom {min-height: 294px; width: 650px; background: url(/_images/bg-gradient-vert.jpg) repeat-x left bottom; margin: 0; padding: 0; display: block;}
   
#tile-small {min-height: 100px; width: 650px; background: url(/_images/bg-gradient-vert.jpg) repeat-x left bottom; margin: 0; padding: 0; display: block;}
   
   #home #right-col {background: url(/_images/bg-gradient-vert-top.jpg) top left repeat-x; padding: 30px 20px 10px 30px; width: 248px;}
   
   #home #sponsors-link a{ font-size:1.25em; font-weight: normal; color: #fff; text-shadow:3px 3px 3px #000; position: absolute; z-index: 7; bottom:10px; right: 30px;}
   
   #home #logo { height: 123px; width: 144px; background: url(/_images/logo.png) top left no-repeat; text-indent: -9999px; display: block; position: absolute; z-index: 6; top: 105px; left: 30px;}
   
   #home #intro {border-bottom: 1px solid #314c70;}
   
   #home #right-col{position: relative;}
   
   #events-badge{height:63px; width: 60px; background: url(/_images/ad2-badge.png) top left no-repeat; top:0; right: 0; text-indent: -9999px; z-index: 10; position: absolute;}
   
   #home-events li{font-size: .70em; margin-bottom: 10px;}
   
   #home-events a{color: #576f8a;}
   
   #home-events h4 {margin-bottom: 10px;}
   
   #home-events p {padding-bottom: 5px;}
   
   #home-events h5 {font-size:1.0em; color: #576f8a; font-weight: bold; font-style: normal; margin-bottom: 2px;}
   
   #home-events .date {color: #b80d0d;}
   
   #home-events a.callout-small {font-size: 1.0em; font-weight: normal; color:#b80d0d; margin-top: 0px; }
   
   ul#subscribe a, ul#social-right a, ul#social-left a {padding-left: 22px;}
   
   ul#subscribe {margin-bottom: 20px;}
   
   ul#social-left {float: left; padding-right: 25px; margin-right: 25px; border-right: 1px solid #27588e; }
   
   ul#social li {float: left; display: inline;}
   
   #subscribe a.sub-google {background: url(/_images/icon-google.gif) no-repeat top left;}
   
   #subscribe a.sub-newsletter {background: url(/_images/icon-newsletter.gif) no-repeat top left;}
   
   a.social-facebook {background: url(/_images/icon-facebook.gif) no-repeat top left;}

   a.social-myspace {background: url(/_images/icon-myspace.gif) no-repeat top left;}
   
   a.social-linkedin {background: url(/_images/icon-linkedinn.gif) no-repeat top left;}
   
   a.social-flickr {background: url(/_images/icon-flickr.gif) no-repeat top left;}
   
   a.social-youtube {background: url(/_images/icon-youtube.gif) no-repeat top left;}
   
   a.social-twitter {background: url(/_images/icon-twitter.gif) no-repeat top left;}
  
   
/* Job Page Styles ----------------------------------------------- */

   #jobs #header {background: url(/_images/bg-header-jobs.jpg) no-repeat top left;}
   
   #jobs .form-container {width:90%; margin-bottom: 10px;}
   
   #jobs .form-container p{line-height:1.35em; }
   
   #jobs .title {margin-bottom: 0px; color:#b80d0d;}
   
   #jobs .company {font-weight: bold; color: #576F8A;}
   
   #jobs h4 {margin-top: 10px;}
   
   #jobs .job-description {padding-left:15px;}
   
   #jobs div.contact {padding-left: 15px;}
   

/* Events Page Styles ----------------------------------------------- */

   #events #header {background: url(/_images/bg-header-events.jpg) no-repeat top left;}
   
   #events #subscribe li {font-size: .70em; margin-bottom: 10px; list-style:none;}
   
   #events #subscribe a{color: #576f8a;}
   
   #events #intro {height: 285px;}
   
   #events .upcomming-event {/* height: 283px; */ width: 869px; /* background: url(/_images/bg-gradient-hor.jpg) repeat-y left top; */ }
   
   .upcomming-event img{border: 6px solid #b10c0c; float: left; margin: 30px 40px 0 0; box-shadow : 0 0 8px #000; -webkit-box-shadow : 0 0 8px #000; }
   
   /* #events .upcomming-event p { line-height: 1.4em;  } */
   
/* Join Page Styles ----------------------------------------------- */

   #join #header {background: url(/_images/bg-header-join.jpg) no-repeat top left;}

/* Resources Page Styles ----------------------------------------------- */

   #resources #header {background: url(/_images/bg-header-resources.jpg) no-repeat top left;}

/* About Page Styles ----------------------------------------------- */

   #about #header {background: url(/_images/bg-header-about.jpg) no-repeat top left;}

/* Public Service Page Styles ----------------------------------------------- */

   #public-service #header, #sponsors #header {background: url(/_images/bg-header-public-service.jpg) no-repeat top left;}

/*General Supporting Page Styles----------------------------------------------- */
   
	.breadcrumb {font-size:11px; font-weight: bold; color: #5f6666; margin-bottom: 10px;}
	
	.breadcrumb a, .breadcrumb a:visited {color: #5f6666; text-decoration: none;}
	
	.breadcrumb a:hover {text-decoration: underline;}
	
	.supporting-img {border: 1px solid #999; background-color: #fff; padding:7px;}
	
	.callout-link {font-size: 1.40em; font-weight: normal;}

   a.callout-small {font-size: 1.15em; font-weight: normal; color:#b80d0d; }

   table {width: 100%;}
   
   th {padding: 10px 0 10px 25px; font-size: 1.2em;}
   
   td {padding: 10px 0 10px 25px; font-size: .80em; font-weight: bold; border-left: 1px #fff solid; color: #1b4f89;} 
   
   td.date {border-left:none;}
   
   td.position {}
   
   td.company {}
   
   tr.odd {background-color: #e8e8e8;}
   
   tr.even {background-color: #dadada;}
   
   /* td {padding: 10px 0 10px 0;} */
   

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

   .form-container {padding: 30px; background: #fff; width:60%;}
   
   dt {font-size: 0.813em; font-weight: normal; margin-bottom: 5px; text-transform: uppercase; color: #576f8a;}
   
   dd {font-size: 0.813em;  padding-bottom: 15px; line-height: 1.2em;}
   
   dl.left {float: left; margin-right: 15px; }
   
   input {margin: 5px 5px 5px 0;}
   
/* Alumni Photos */
#content .photo-tile {
   float: left;
   width: 200px;
   padding: 4px 4px;
   margin: 4px 8px; 
}

#content .photo-tile img {
   margin-bottom: 8px;
}

#content .photo-tile .caption {
   font-size: .75em; 
   line-height: 1.1em; 
}

/* image on Ad Person of the Year */
.adphoto { margin-left: 8px; }

p.event-description { line-height: 1.3em; }

h2.error {

color: red;
font-size: 1.25em;
font-weight: bold;
margin: 0;

}

#applicants {
width: 825px;
height: 770px;
margin: auto;
text-align: center;
}

#board {
width: 855px;
height: 940px;
margin: auto;
}

.app {
width: 155px;
height: 225px;
float: left;
margin: 5px;
background-color: white;
}

.name {
width: 149px;
padding: 3px;
float: left;
font-weight: bold;
font-size: 15px;
line-height: 16px;
}

.purpose {
width: 149px;
padding: 3px;
float: left;
font-size: 12px;
}

.ps-contact {
width: 149px;
float: left;
font-size: 10px;
padding: 3px;
}

.ps-contact a {
font-size: 12px;
}

.spacer {
margin: 30px 80px 20px 40px;}

.mingle {
margin: 0 0 0 40px;}

.box {
width: 160px;
background-color: #fff;
height: 300px;
float: left;
margin: 5px;
text-align: center;}

.boardjob {
font-size: 12px;
float: left;
width: 160px !important;}

.box a {
font-size: 14px;
float: left;
width: 160px !important;
margin: 5px 0;
}

.box img {
float: left;
width: 160px;
}

#signup {
height: 410px;
width: 420px;
background-color: #7C8C9E;
border: 2px solid #fff;
}
.question {
width: 410px;
height: 30px;
float: left;
padding: 5px;
border-bottom: 1px solid #fff;
}
.form-left {
width: 170px;
float: left;
margin: 10px 0 0 5px;
font-size: 12px;
color: #fff;
}

.form-right {
width: 215px;
float: left;
}

.formBG {
height: 20px;
border: 1px solid #000;
background-color: #fff;
width: 200px;
}

.button {
background-color: #314E70;
border: 1px solid #cc0000;
padding: 5px;
color: #fff;
font-weight: bold;}

.line {
width: 420px;
height: 1px;
background-color: #fff;
}

.paypal {
width: 410px;
float: left;
padding: 7px 5px 5px 5px;
border-bottom: 1px solid #fff;
}