/*********************************************************************
*
*   File: Global stylsheet
*   Author: Craig Nelson / Classic Labs
*
*/

  /* general */
  body {
    margin: 20px 0 0;
		color: #000;
		font-family: arial, helvetica, sans-serif;
		font-size: 14px;
		background: #eee;
  }
	a:link, a:visited, a:active {
		color: #930;
		text-decoration: underline;
	}	
	a:hover { color: #99f; }
  img { border: none; }
	ul.nav {
	  padding: 0;
	  list-style: none;
	}
	h1, h2, h3, h4, h5, ul, p, .separator { margin: 20px 0; }
	div, ul, ol, dl, p { line-height: 22px; }
	h1 { font-size: 22px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px; }
	p.notes {
	  color: #2F71FF;
	  font-style: italic;
	}
	p.odd,
	p.even { padding: 10px; }
	p.odd { background: #ffdebd; }
	p.even { background: #ffc; }
	a.register-now {
		display: block;
		float: right;
		margin: 0 0 40px 40px;
		padding: 1px 4px;
		width: 94px;
		color: #fff !important;
		font-size: 12px;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		text-decoration: none !important;
		background: #888;
	}	
	a.register-now:hover { background: #555; }
	.separator {
		margin: 20px 0;
		font-size: 0;
		height: 0;
		border-bottom: 1px solid #ccc;
	}
	.notice { color: #da3011; }
	/* --general */
	
	/* hcard */
	.vcard.member {
	  margin-bottom: 20px;
	  padding-left: 10px;
	}
	  .vcard .title,
	  .vcard .role {
	    margin: 0 0 0 -10px;
  	  padding: 5px 10px;
      border-bottom: 1px solid #ddd;
      background: #eee;
  	}
  	.org { margin-bottom: 2px; }
  	.street-address,
  	.post-office-box { display: block; }
	/* --hcard */
	
	/* articles and events */
	div.article {}
	p.date {
	  color: #777;
	  font-size: 12px;
    font-style: italic;
	  text-transform: uppercase;
	}
	/* --articles and events */

  /* container */
	#container {
		margin: 0 auto;
		width: 1000px;
		border: 2px solid #ccc;
		background: #fff;
  }
	/* --container */

		/* header */		
		#header {
			position: relative;
			height: 150px;
			line-height: normal;
			border-bottom: 1px solid #ccc;
			background: #FFDEBD url(/images/ps/header.png) no-repeat 0 0;
		}		
			#date {				
        display: block;
        padding: 10px;
        color: #444;
        font-size: 12px;        
        text-align: right;
			}			
			#header h1 {
				margin: 0 0 0 275px;
				color: #000;
				font-size: 38px;
			}			
			#header h4 {
				margin: 0 0 0 275px;
				color: #000;
				font-size: 15px;
				font-style: italic;
			}	
		#nav-main {
			position: absolute;
			bottom: 0px;
			right: 0px;
			margin: 0;
		}	
			#nav-main li { float: left; }
			#nav-main li a {
				display: block;
				margin: 0 1px 0 0;
				padding: 4px 8px;
				width: 102px;
				color: #fff;
				font-size: 15px;
				text-align: center;
				text-decoration: none;
				line-height: normal;
				background: #930;
			}	
			#nav-main li a:hover,
			#nav-main li a.active {
			  color: #000;
			  background: #ffc;
			}
			/* nav second level */
      #nav-main li ul { 
      	position: absolute;
      	left: auto;
      	margin: 0;
      	padding: 0;
      	width: 150px;
      	list-style: none;
      	visibility: hidden;
      	border-top: 1px solid #ccc;
      }
      #nav-main li ul.last { right: 1px; }
      #nav-main li:hover ul.sub, 
      #nav-main li.hov ul.sub { visibility: visible; }
        #nav-main li ul li {
          float: none;
        	border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          border-left: 1px solid #ccc;
        }
        #nav-main li ul li a {
          margin: 0;
          padding: 5px 10px;
          width: auto;
          color: #fff;
          text-align: left;
        }
        #nav-main li ul li a:hover {
          color: #000;
          background: #ffc;
        }
      /* --nav second level */
		/* --header */
	
		/* content */		
		#content-left {
			float: left;
			padding: 0 15px;
			width: 170px;
			border-right: 1px solid #ccc;
		}		
		#content-center {
			float: left;
			padding: 0 15px;
			width: 578px;
		}		
			#content-center h2 a {
  	    color: #000;
  	    text-decoration: none;
  	  }
  	  #content-center h2 a:hover { text-decoration: underline; }
			.image-top-left,
			.image-bottom-left { float: left; }
			.image-top-right,
			.image-bottom-right { float: right; }
			.image-top-left { margin: 0 10px 10px 0; }
			.image-top-right { margin: 0 0 10px 10px; }
			.image-bottom-left { margin: 10px 10px 0 0; }
			.image-bottom-right { margin: 10px 0 0 10px; }
			/* event registration */
			.event-heading { margin-bottom: 2px; }
			.event-stats {
			  padding: 0;
				list-style: none;
			}
			.registration-heading,
			.form-heading { margin-bottom: 20px; }
			.registration-heading { color: #444; }
			.form-heading { color: #D22303; }
			.event-pricing td { padding: 2px; }
			.required-field { color: #D22303; }
		  	/* registration form */
        form {
          margin: 10px 0;
          padding: 15px;
          border: 1px solid #ccc;
          background: #f9f9f9;
        }
          fieldset {
            padding: 0;
            border: none;
          }
            legend { padding-bottom: 10px; }
            fieldset p,
            label { margin: 5px 0; }
            fieldset p.notes {
              float: right;
              margin-top: 0;
              width: 200px;
            }
            label { display: block; }
            label.opt { display: inline; }
            span.notice { color: #f00; }
        /* --registration form */
			/* --event registration */
			
			/* home page */
			#google-calendar { margin-bottom: 15px; }
			/* --home page */
			
			/* leadership page */
			table.board {
			  margin-bottom: 20px;
			  border: none;
			}
			table.board th,
			table.board td {
			  padding: 0 5px;
			  vertical-align: baseline;
			  border: 1px solid #ccc;
			}
			  table.board td.one { width: 100px; }
			  table.board td.two {}
			  table.board td.three { width: 150px; }
			  table.board td.four { width: 100px; }
			table.board th {
			  font-weight: bold;
			  text-align: left;
			  background: #f5f5f5;
			}
			/* --leadership page */
	
		#content-right {
			float: right;
			padding: 0 10px;
			width: 170px;
			text-align: center;
			border-left: 1px solid #ccc;
		}
		  #ads { margin-bottom: 20px; }
		/* --content */
			
		/* footer */		
		#footer {
			clear: both;
			padding: 10px;
			font-size: 14px;
			text-align: center;
			border-top: 1px solid #ccc;
		}		
			#footer-logo { vertical-align: middle; }
		/* --footer */

	/* footer-contact-info */	
	#footer-contact-info {
		margin: 0 auto;
		padding: 20px;
		width: 960px;
		color: #555;
		font-size: 12px;
		text-align: center;
		line-height: 17px;
	}
    #footer-contact-info span.adr { display: block; }
    #classic-labs img { vertical-align: middle; }
	/* --footer-contact-info */