body {
	margin: 0 auto; padding: 0;
	font: 11px Arial, sans-serif;
	color: #666666;
	background-color: #f1f7fb;
	text-align: center;
	min-height: 100%;
}

#container {
	margin: 0 auto; padding: 0px 15px;
	background-color: white;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 950px;
	text-align: left;
	min-height: 100%;
	clear: both;
}

#main {background: url(images/bkg_body.png) repeat-y top left;}

#header1 {width: 950px;	height: 176px;}

#login {
	position: relative;
	float: right;
	text-align: right;
	margin-top: -50px;
	margin-right: 130px;
	font-family: Arial, Sans-serif;
	font-size: 9px;
}

#contentwrapper {
	background: url(images/header2.png) no-repeat top left;
	height: auto;
	overflow: auto;
}

#nav {
	float: left;
	width: 197px;
}

#navHolder {
	float: right;
	width: 148px;
}

ul#navbar {
	margin: 0; padding: 0;
	list-style: none;
}

ul#navbar > li {
	float: left;
	margin: 0; padding: 0;
	list-style: none;
}

ul#navbar > li > ul {
	font: 11px Arial, sans-serif;
	position: relative;
	left: 148px;
	top: -30px;
	width: 128px;
	margin: 0; padding: 0;
	list-style: none;
	border-top: 1px solid #6396BB;
	visibility: hidden;
}

ul#navbar > li#About > ul {
	top: -31px;
}

ul#navbar > li:hover > ul {
	visibility: visible;
}

ul#navbar > li > ul > li {
	margin: 0;
	padding: 4px 10px;
	list-style: none;
}

ul#navbar > li > ul > li > ul {
	font: 10px Arial, sans-serif;
	margin: 0; padding: 0;
	margin-left: 8px;
	list-style: none;
}

li#About {background: url(images/btn_about-o.png) no-repeat top right; width: 148px; height: 30px;}
li#About a:hover img {visibility: hidden;}
li#Programs {background: url(images/btn_programs-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Programs a:hover img {visibility: hidden;}
li#Events {background: url(images/btn_events-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Events a:hover img {visibility: hidden;}
li#Leadership {background: url(images/btn_leadership-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Leadership a:hover img {visibility: hidden;}
li#Sponsors {background: url(images/btn_sponsors-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Sponsors a:hover img {visibility: hidden;}
li#MakeDonation {background: url(images/btn_makeadonation-o.png) no-repeat top right; width: 148px; height: 30px;}
li#MakeDonation a:hover img {visibility: hidden;}
li#Resources {background: url(images/btn_resources-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Resources a:hover img {visibility: hidden;}
li#Directory {background: url(images/btn_directory-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Directory a:hover img {visibility: hidden;}
li#Contact {background: url(images/btn_contact-o.png) no-repeat top right; width: 148px; height: 30px;}
li#Contact a:hover img {visibility: hidden;}

ul#navbar li a {
	display: block; 
	color: #666666;
}

ul#navbar li a:hover {text-decoration: none; color: #6396BB;}

#navBottom {
	float: left;
	background: url(images/nav_bottom.png) no-repeat bottom left;
	margin: 0; padding: 0px 14px;
	width: 120px;
}

#navBottom a {color: #666666; display: block;}
#navBottom a:hover {color: #6396BB;}

#navBottomHolder {
	border-top: 1px solid #f2ca97;
	margin: 3px 0px; padding: 3px 0px;
	width: 120px;
	font: 10px Arial, sans-serif;
	text-align: right;
}

#navBottom input.input {
	padding-left: 18px;
	background: url(images/icon_search.png) no-repeat center left;
}

#content {
	float: left;
	padding: 0px 102px 40px 140px;
	width: 476px;
	min-height: 366px;
}

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

.pageImage {
	width: 486px;
	margin-left: -5px;
	margin-right: -5px;
	overflow: visible;
}

#homeSponsors {clear: both;}

#bkg-home1 {
	background: url(images/bkg_home1.png) no-repeat top left;
	width:950px;
	height:10px;
	overflow: hidden;
	clear: both;
}

#bkg-home2 {
	background: url(images/bkg_home2.png) repeat-y top left;
	width: 901px;
	height: 201px;
	padding-left: 49px;
	overflow: auto;
	height: auto;
	clear: both;
}

.Sponsor {
	font: 12px "Arial Narrow", Arial, sans-serif;
	color: #6396BB;
	float: left;
	margin: 4px 0px;
	padding: 0px 9px;
	border-left: 1px solid #6396BB;
	width: 160px;
	height: 250px;
}

.SponsorFirst {
	font: 12px "Arial Narrow", Arial, sans-serif;
	color: #6396BB;
	float: left;
	margin: 4px 0px;
	padding: 0px 10px;
	width: 160px;
}

.sponsorNoLink {
	color: #6396BB;
}

#bottomNav {
	font: 10px Arial, sans-serif;
	text-align: center;
	clear: both;
	height: 50px;
	padding-top: 50px;
}
#bottomNav a {
	margin: 0px 20px;
	text-decoration: none;
	color: #e5952e;
}
#copyright {font: 10px Arial, sans-serif; color: #b2b4b6;}

#bkg-home3 {
	background: url(images/bkg_home3.png) no-repeat top left;
	width:950px;
	height:50px;
	overflow: hidden;
	clear: both;
}

#footer {
	padding: 0px 130px 0px 308px;
	width: 512px;
	background: url(images/bkg_body.png) repeat-y top left;
}

#footerBottom {
	margin: 0; padding: 0;
	width:950px;
	height:50px;
	overflow: hidden;
	clear: both;
	background: url(images/bkg_bottom.png) no-repeat bottom left;
}

.session {
	clear: both;
	padding: 10px 0px;
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
	overflow: auto;
	height: auto;
}

.sessionImage {
	float: left;
	width: 222px;
	padding: 0px 0px 0px 0px;
}

.sessionDates {
	float: left;
	width: 236px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #757575;
}

h1, h3, h5, h6 {
	color: #6396BB;
}

h1 {
	font: 18px Arial, sans-serif;
	margin: 6px 0px; padding: 0;
}

h2 {
	font: normal normal normal 14px Arial, sans-serif;
	margin: 5px 0px; padding: 0;
	color: #E5952E;
	display: inline;
}

h2 span.year {
	font: normal normal normal 12px Arial, sans-serif;
	margin: 5px 0px; padding: 0;
	color: #919396;
}

h3 {
	font: 11px Arial, sans-serif;
	margin: 4px 0px; padding: 0;
	display: inline;
}

h3 span.title {
	font: normal normal normal 11px Arial, sans-serif;
	margin: 4px 0px; padding: 0;
	color: #919396;
}

h4 {
	font: bold 12px Arial, sans-serif;
	margin: 3px 0px; padding: 0;
	color: black;
	display: inline;
}

h5 {
	font: 10px Arial, sans-serif;
	margin: 2px 0px; padding: 0;
}

h6 {
	font: 9px Arial, sans-serif;
	margin: 1px 0px; padding: 0;
}

p {font-family: Arial, sans-serif;}

b {font-weight: normal;}

ol {margin-bottom: 10px;}

.center {text-align: center;}

blockquote {font-family: Arial, sans-serif;}

ul {
	list-style: disc;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 20px;
	padding-left: 10px;
}

img {margin: 0; padding: 0; border: 0;}

a {text-decoration: none; color: #6396BB;}
a:hover {text-decoration: underline; color: black;}

form {
	margin: 0; padding: 4px 0px 30px 0px;
	display: inline-block;
}

form a {
	font-family: Arial, Sans-serif;
	font-size: 10px;
	line-height: 10px;
}


/* Custom Classes */

.articlePic {
	clear: both;
	overflow: auto;
}

.articlePic img {
	border: 0;
	margin: 0px 15px 0px 15px;
	float: left;
	overflow: auto;
}

.board {
	padding: 40px;
	clear: both;
	overflow: auto;
}

.board h2, .boardAlt h2 {
	margin-bottom: 10px !important;
}

.board img, .boardAlt img {
	border: 0;
	margin: 0px 15px 0px 0px;
	float: left;
	overflow: auto;
}

.boardAlt {
	padding: 40px;
	background: #f1f1f1;
	clear: both;
	overflow: auto;
}

.date {font-size: 120%; background: transparent; color: black;}

.posted {
	margin-bottom: 10px;
	font: 10px Arial, sans-serif;
	background: transparent;
	color: #666;
}

.spacer {clear: both;}

.paginate {
 font-family: 		Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #666666;
}

.calendarBlank {
 background-color: #9DB7A7;
}

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

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

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

.calendarMonthLinks a:visited {
 color:             #fff;
 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: #195337;
 text-align:  center;
 vertical-align: middle;
}

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

.calendarCell {
 font-family:       Arial, 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 {
 color:             #666666;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #666666;
 text-decoration:   underline;
 background-color:  transparent;
}

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

.label {
color:             #666666;
font-family:       Arial, Sans-serif;
font-size:         10px;
vertical-align: middle;
}

div#editProfile label {
	width: 250px;
	text-align: right;
	vertical-align: middle;
	display: block;
}

div#editProfile label input {
border:        1px solid #81bddd;
background-color:  #fff;
color:             #666666;
font-family:       Arial, Sans-serif;
font-size:         10px;
margin-left: 20px;
}

.input {
border:        1px solid #81bddd;
background-color:  #fff;
color:             #666666;
font-family:       Arial, Sans-serif;
font-size:         10px;
font-weight:       normal;
line-height: 14px;
height: 14px;
padding-left: 3px;
padding-right: 3px;
margin: 0;
margin-top: 3px;
vertical-align: middle;
overflow: visible;
}

.inputQuan {
border:        1px solid #81bddd;
background-color:  #fff;
color:             #666666;
font-family:       Arial, Sans-serif;
font-size:         10px;
font-weight:       normal;
line-height: 14px;
height: 14px;
padding-left: 3px;
padding-right: 3px;
margin: 0;
margin-top: 3px;
vertical-align: middle;
overflow: visible;
}

.select {
background-color:  #fff;
color:             #666666;
font-family:       Arial, Sans-serif;
font-size:         10px;
font-weight:       normal;
line-height: 14px;
padding-left: 3px;
padding-right: 3px;
margin: 0;
margin-top: 3px;
vertical-align: middle;
overflow: visible;
}

.textarea {
border:        1px solid #81bddd;
background-color:  #fff;
color:             #666666;
font-family:       Arial, Sans-serif;
font-size:         10px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
border:        1px solid #81bddd;
background-color:  #fff;
font-family:       Arial, Sans-serif;
font-size:         10px;
font-weight:       normal;
height: 18px;
line-height: 18px;
padding-left: 3px;
padding-right: 3px;
margin: 0;
margin-top: 3px;
vertical-align: middle;
color:             #666666;
overflow: visible;
}

.clearAll {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	display: inline;
}

:active { outline: none; }
:focus { outline: none; }