/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	background: #f2f6e7;
}

/*main divs*/

#container {
	width: 940px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	position: relative;
	background-image: url(../images/container-bg.gif);
}

#main-footer {
	margin: 0 auto;
	width: 920px;
	height: 30px;
	position: relative;
	padding: 10px 10px 10px 10px;
	font: 11px Arial;
	color: #444444;
}

#main-footer a {
	text-decoration: underline;
	color: #444444;}

#main-footer a:hover {
	text-decoration: none;
}

#site-credit {
	width: 460px;
	float: left;
	text-align: left;
}

#copyright {
	width: 460px;
	float: right;
	text-align: right;
}

#splash-container {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	height: auto;
	position: relative;
	text-align: center;
	background-color: #fff;
	padding-bottom: 50px;
}

#splash-flashbox {
	position: relative;
	width: 940px;
	height: 280px;
	background-color: #d25330;
}

#splash-flashbox p {
	font: 12px Verdana;
	color: #fff;
}

#splash-flashbox a {
	font: 12px Verdana;
	color: #fff;
	text-decoration: underline;
}
#splash-flashbox a:hover {
	text-decoration: none;
}

#splash-logo {
	position: relative;
	width: 940px;
	padding: 20px 0px 10px 0px;
}

#header {
	position: relative;
	width: 940px;
	height: 140px;
}

#header-logo {
	width: 240px;
	float: left;
}

#header-image {
	width: 700px;
	float: right;
}

#content-wrapper {
	width:940px;
	height:auto;
	position: relative;
}

#sidebar {
	width: 210px;
	padding-top: 40px; 
	padding-left: 20px;
	padding-right: 10px;
	float: left;
}

#box {
	border: 1px solid black;
	background: white;
	width: 100px;
	float: right; }

#table.two {
	table-layout: fixed;
	border-style: dotted;
}

#p.solid {
	border-style: solid
}

#right-box {
	width: 700px;
	float: right;
}

#right-box-topper {
	width: 700px;
	height: 30px;
	background-image: url(../images/right-topper.jpg);
	background-repeat: repeat-y;
	position: relative;
	margin: 0;
}

#main-content-alt {
	width: 620px;
	padding: 20px 40px 30px 40px;
	float: left;
	height: auto;
	position: relative;
}

#centre-box-topper {
	width: 300px;
	height: 30px;
	background-image: url(../images/right-topper.jpg);
	background-repeat: repeat-y;
	position: relative;
	margin: 0;
}

#centre-box-topper-new {
	width: 600px;
	height: 30px;
	background-image: url(../images/right-topper.jpg);
	background-repeat: repeat-y;
	position: relative;
	margin: 0;
}

#right-box-topper ul {
	margin: 0;
	padding: 4px 0px 0px 0px;
	text-align: center;
}

#right-box-topper li a {
	margin-left: 30px;
	color: #3366FF;
	text-decoration: none;
	font-weight: bold;
}

#centre-box-topper li a {
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	text-decoration: none;
}

#centre-box-topper li a:hover {
	background-position:left center;
	background-repeat: no-repeat;
	color: #FF9900;
}

#centre-box-topper-new li a:hover {
	background-position:left center;
	background-repeat: no-repeat;
	color: #FF9900;
}

#centre-box-topper-new li a {
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	text-decoration: none;
}

#right-box-topper li a:hover {
	background-position: left center;
	background-repeat: no-repeat;
	color: #FF9900;
}

* html div#right-box-topper ul {
	padding: 6px 0px 0px 0px;
	paddin\g: 7px 0px 0px 0px;
}

#right-box-topper ul li {
	color: #444444;
	font: 12px Verdana;
	display: inline;
}

#centre-box-topper ul li {
	color: #444444;
	font: 12px Verdana;
	display: inline;
}

#centre-box-topper-new ul li {
	color: #444444;
	font: 12px Verdana;
	display: inline;
}

#right-box-content {
	width: 620px;
	padding: 20px 40px 30px 40px;
	height: auto;
	position: relative;
}

#2right-box-content {
	width: 700px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	padding-top: 20px;
	height: auto;
	position: relative;
}

#1right-box-content {
	width: 620px;
	height: auto;
	padding: 20px 40px 30px 40px;
	position:fixed;
}

#content-footer {
	background-image: url(../images/right-topper.jpg);
	background-repeat: repeat-y;
	width: 700px;
	height: 30px;
	position: relative;
	clear: both;
}

#content-bottom-np {
	width: 700px;
	height: 50px;
	background-image: url(../images/blank-footer.gif);
	position: relative;
	clear: both;
}

#meeting-footer {
	width: 700px;
	height:190px;
	position: relative;
}

#headerbox {
	width: 620px;
	border-bottom: 1px solid #444444;
	padding-bottom: 10px;
}

#gallery-wrapper {
	width: 620px;
	float: left;
	position: relative;
}

#picbox1 {
	width: 335px;
	position: relative;
}

/* List styles */
ol {padding: 0; margin: 10px 0px 0px 0px;}
ol li {font: 12px Verdana; color: #444444; margin-top: 6px; margin-bottom: 6px;}
ul {padding: 0; margin: 10px 0px 0px 0px;}
2ul li {font: 12px Verdana; color: #444444; margin-top: 6px; margin-bottom: 6px;}
ul li {font: 12px Verdana; color: #444444; margin-top: 1px; margin-bottom: 0px;}
ul li ul {padding: 0; margin: 0px 0px 0px 25px; list-style: square;}
ul li a {font: 12px Verdana; color: #3f73a3; outline: none; text-decoration: none;}
ul li a:hover {text-decoration: underline;}

/* Link styles */
a {font: 12px Verdana; color: #3f73a3; outline: none; text-decoration: none;}
a:hover { text-decoration: underline;}
.link {font: 12px Verdana; color: #abc468; outline: none; text-decoration: none;}

/* layout classes */
img {border: none;}
.vert-align {vertical-align: middle;}
.imgfloatright {float: right; padding-left: 15px; padding-top: 25px; padding-bottom: 20px;}
.imgfloatright2 {float: right; padding-left: 15px; padding-top: 25px; padding-bottom: 10px;}
.imgfloatright3 {float: right; padding-left: 15px; padding-bottom: 20px; clear: right;}
.imgfloatleft {float: left; padding-left: 5px; padding-top: 5px; padding-bottom: 5px;}
.imgtbpad {padding-top: 10px;}
.ul-ls-none {list-style: none;}
.th-pad {padding: 10px 5px 0px 0px;}
.pad-tp {padding-top: 6px; padding-bottom: 2px}
.pad-all {padding: 10px 5px 10px 40px;}
.pad-tpb {padding-top: 0px; padding-bottom: 0px}
.pad-events {padding-left: 287px}
.pad-space {margin-left: 30px;}

/* Text Styles */

h1 {
	font: 20px Arial; color: #444444;
	margin-top: 20px;
	margin-bottom: -.2em;
}

h2 {
	font: bold 17px Verdana; color: #d45d30;
	margin-top: 20px;
	margin-bottom: -.2em;
}

h3 {
	font: bold 12px Verdana; color: #d45d30;
	margin-top: 20px; 
	margin-bottom: -.2em;
}

h4 {
	font: bold 12px Verdana; color: #d45d30;
	margin-top: 15px; 
	margin-bottom: -.8em;
}

h5 {
	font: bold 14px Verdana; color: #d45d30;
	margin-top: 15px;
	margin-bottom: -.3em;
}

p {
	font: 12px Verdana;
	color: #444444;
	word-spacing: -0.05em;
	margin-top: 6px; 
	margin-bottom: 6px;
}

/* MAIN MENU */	

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

#sidebar-ul li a {
	font: 18px Verdana;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px 15px;
	font-weight: bold;
}

#sidebar-ul li a:hover {
	background-position: left center;
	background-repeat: no-repeat;
	color: #ffff66; 
}

body#homebod a#homenav,
body#partnersorgbod a#partnersorgnav,
body#aboutusbod a#aboutusnav, 
body#missionbod a#missionnav, 
body#directorsbod a#directorsnav, 
body#contactbod a#contactnav {
	background-position:left center;
	background-repeat:no-repeat;
}

/* MAIN MENU */	

/* List styles */

/* General content ul styles */
#content-ul {padding: 0; margin: 10px 0 0 0;}
#content-ul li {font: 12px Verdana; color: #444444; margin-top: 6px; margin-bottom: 6px; list-style: url(../images/marker-grey.gif); background-position: left center;}
#content-ul li ul {padding: 0; margin: 0px 0px 0px 25px; list-style: square;}
#content-ul li a {font: 12px Verdana; color: #444444; outline: none; text-decoration: none;}
#content-ul li a:hover {text-decoration: underline;}

/* Board of Directors ul styles */
#directors-ul {padding: 0; margin: 10px 0 20px 0;}
#directors-ul li {font: 12px Verdana; color: #444444; margin-top: 6px; margin-bottom: 6px; list-style: none;}
#directors-ul li ul {padding: 0; margin: 0px 0px 0px 25px; list-style: square;}
#2directors-ul li a {font: 12px Verdana; color: #444444; outline: none; text-decoration: underline;}
#directors-ul li a {font: 12px Verdana; color: #3f73a3; outline: none; text-decoration: none;}
#directors-ul li a:hover {text-decoration: underline;}

/* Partner Organizations ul styles */
#partners-ul {padding: 0; margin: 0;}
#2partners-ul li {font: 12px Verdana; color: #444444; list-style: none; padding: 25px 0 25px 170px; display: block;}
#oldpartners-ul li {font: 12px Verdana; color: #444444; list-style: none; padding: 25px 10px 25px 160px; display: block;}
#partners-ul li {font: 12px Verdana; color: #444444; list-style: none; padding: 25px 0 25px 170px;}
#2partners-ul li a {font: 12px Verdana; color: #444444; outline: none; text-decoration: underline;}
#partners-ul li a {font: 12px Verdana; color: #3f73a3; outline: none; text-decoration: none;}
#partners-ul li a:hover {text-decoration: underline;}

.1eusa {
	background-image: url(../images/eusa-logo.gif);
	background-position: left 	<li><a href="downloads/2009CHSI_menu.pdf" target="_blank">Catering Menu</a> &#8226;</li>;
	background-repeat: no-repeat;
}

.eusa {
	background-image: url(../images/eusa-logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.iapa {
	background-image: url(../images/iapa-logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.ossa {
	background-image: url(../images/ossa-logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.thsao {
	background-image: url(../images/thsao-logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* get consistant margins without having to massage IE's terrible ego! */
#content-spacer {
	width: 620px;
	height: 30px;
	position: relative;
}

#chsi-link-box {
	width: 170px;
	padding: 30px 0 30px 0;
	float: right;
	height: auto;
	position: relative;
}