@charset "UTF-8";
/* CSS Document */

/*======================================PSAI=========================================*/

/*------BASIC STYLES-----*/
.png {
	behavior: url(../js/png/iepngfix.htc);
}


* {
	margin:0;
	padding:0;
	}

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:85%;
	background:#FFFFFF url(../images/body-bgd.jpg) repeat-y top center;
	
	}
p {
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	text-align:left;
	padding:0 0 1em 0;
	}
strong {
	color:#091F67;
	font-weight:bold;
	}
b {
	color:#3F841C;
	font-weight:bold;
	margin:0 0 .2em 0;
	}
#wrapper {
	position:relative;
	width:766px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#FFF url(../images/wrapper-bgd.jpg) repeat-y top left;
	
	}
.wrapper {
	position:relative;
	width:766px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:#FFF url(../images/wrapper-bgd-2.jpg) repeat-y top left;
	
	}
.main-column {
	width:730px;
	margin:0;
	padding:15px 15px 15px 20px;
	}
.left-column {
	width:355px;
	margin:0;
	padding:0;
	float:left;
	}
.right-column {
	width:355px;
	margin:0;
	padding:0;
	float:right;
	}
h1 {
	font-size:16px;
	color:#091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 1em 0;
	}
h2 {
	font-size:13px;
	color:#091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	border-bottom:1px dashed #091F67;
	margin:0 0 .6em 0;
	}
h3 {
	font-size:16px;
	color:#091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 1em 0;
	padding:0 0 0 0;
	}
#content h3 {
	font-size:16px;
	color:#091F67;
	border-bottom:1px dotted #091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 0 .3em 2em;
	padding:0 0 0 0;
	}
div#content img {
	margin:0 0 0 2em;
	}
/* ======committees title======*/
h4 {
	font-size:16px;
	color:#091F67;
	border-top:1px solid #091F67;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:1em 0 1em 0;
	padding:.5em 0 0 0;
	}	
	

a {
	text-decoration:underline;
	color:#339900;
	}
a:hover {
	text-decoration:none;
	color:#FF6600;
	}

#clear {
	clear:both;
	}
.break {
	line-height:18px;
	}
.clear {
	clear:both;
	}

ul.events-ul {
	margin:0 0 1em 2em;
	padding:0;
	}	

li.events-li {
	margin:0 0 0 1em;
	padding:0;
	}
	
img.andy-gump-award {
	margin:0 1em 1em 0;
	}
	
/*-----------------------POSITIONING---------------------------*/

#banner {
	position:relative;
	background:#ccc url(../images/ad-bgd.jpg) repeat top left;
	/*background:#C7EB2D url(../images/header.jpg) no-repeat top left;*/
	width:766px;
	height:85px;
	margin:0;
	padding:0;
	}
#banner p{
	text-align:center;
	padding:1.5em;
	}

#flash {
	position:relative;
	margin:0;
	padding:0;	
	top:0;
	left:0;
	width:766px;
	height:344px;
	background:#FFF;
	}
	
#flash p {
	padding:20px;
	text-align:center;
	}

#header {
	position:relative;
	background:#0E2C8E url(../images/nav-bgd.jpg) repeat-x top left;
	height:50px;
	}
#header h1 {
	margin-left: -9000px;
}

#header #logoImage {
	position:absolute;
	top:0;
	right:0;
	width:200px;
	height:200px;
	background:url(../images/logo-image.gif) no-repeat top right;
	}
	
/*----MAIN NAVIGATION STYLE----*/	

#header ul {
	margin:0;
	padding:0;
	position:absolute;
	left:1em;
	top:1em;
	width:766px;
	/*width:97%;*/
	list-style:none;
	/*border:1px dotted #fff;*/
	/*background:url(../images/nav-bgd.jpg) repeat-x left;*/
	}

#header ul li {
	float:left;
	}

#header ul a {
	padding:0 1em 0 1.5em;
	font-size:.97em;
	line-height:1.8em;
	text-decoration:none;
	color:#003300;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	display:block;
	background:url(../images/menu-sep.png) no-repeat top left;
	text-transform:uppercase;
	}
#header ul a:hover {
	color:#fff;
	}	

#header ul a.first {
	background:none;
	}

#content {
	position:relative;
	float:right;
	padding:0 0 .6em 0;
	width:480px;
	
	
	}
#content h1 {
	color:#3F841C;
	border-bottom:1px dotted #AECA4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	width:95%;
	margin:1em 0 .8em 1.2em;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:0 0 .5em 0;
	}
#content h2 {
	margin:0 0 0 2em;
	}
#content p {
	margin:0 2em;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	
	}
#content img {
	border:none;
	margin:0 1em 0 0;
	top:0;
	right:0;
	}
#content img.rightImage {
	border:none;
	margin:0 0 0 1em;
	width:275px;
	}
#content strong {
	font-weight:bold;
	margin:0 0 0 2em;
	}
#content .line {
	border-bottom:1px dotted #AECA4C;
	margin:0 0 1em 2em;
	}
#content .testimonials {
	font-style:italic;
	}


#sidebar {
	float:left;
	width:264px;
	padding:1em 0 .6em;
	}
#sidebar h1 {
	font-family: Arial, sans-serif;
	/*background:#C8E1DF;*/
	background:#C8E1DF url(../images/menu-bg.jpg) repeat-x left;
	border:1px dotted #666;
	padding:.4em;
	color:#;
	text-transform:uppercase;
	text-align:center;	
	font-size:1.4em;
	}
#sidebar h2 {
	color:#3F841C;
	border-bottom:1px dotted #AECA4C;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	font-style:normal;
	width:95%;
	margin:.3em 0 .8em 1.2em;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:0 0 .5em 0;
	}
#sidebar p {
	font-size:.9em;
	/*color:#561216;*/
	color:#333;
	padding:.8em 0 0;	
	}
#sidebar p.sidebar-documents {
	padding:0 0 0 1em;
	}

#sidebar ul.sidebar-documents-list {
	margin:1em 0 0 3em;
	}

#sidebar ul.sidebar-documents-list li {
	padding:.4em 0;
}

#sidebar img {
	border:none;
	margin:0 0 1em;
	/*width:240px;*/
	}
#clear {
	clear:both;
	}
#footer {
	color:#FFF;
	background:#FFFFFF url(../images/footer-bgd.jpg) repeat-x top left;
	border-top:#96bb03.2em solid;
	font-size:.5em;
	margin:0;
	padding:0;
	height:100px;
	}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	padding:1em;
	text-align:center;
	line-height:1em;
	font-size:10px;
	}
	
#footer a {
	padding:.2em;
	line-height:2em;
	text-decoration:none;
	color:#FFF;
	/*border:1px dotted #8D4477;*/
	}
#footer a:hover {
	background:#e6e6e6;
	color:#0e2c8e;
	}
#footerNav {
	display:block;
	color:d6d6d6;
	text-transform:uppercase;
	font-size:10px;
	margin:0;
	padding:0;
	}
#footerNav a {
	background:url(../images/menu-bgd.jpg) no-repeat top left;
	}


/*------------------------FORM STYLES-------------------------*/
/*#regForm {
	border-top:1px solid #00CCFF;
	border-right:none;
	border-bottom:1px solid #00CCFF;
	border-left:1px solid #00CCFF;
	margin:10px 5px 0 24px;
	}*/
.clear {
	clear:both;
	}
input {
	width:200px;
	}
	
input.captchaBox {
	width:20px;
	}
/* -----reset for non-text inputs -----*/
input.radio, input.checkbox, input.submit {
	width:auto;
	}
/* display labels next to form elements, add a class for when you want them to stack----*/
label {
	float:left;
	margin:0 2em 0 0;
	}
label.top {
	display:block;
	float:none;
	}
#informationType {
	margin:20px 0;
	}
/* ---display labels inline with textboxes----*/
#informationType label, #artistinfo label {
	float:none;
	display:inline;
	padding:0 0 0 5px;
	}
/*----align columns of checkboxes or radio buttons----*/
div.group1, div.group2, div.group3 {
	float:left;
	width:15em;
	padding:0 0 0 10px;
	}
/*----feedback messages----*/
label .feedback {
	position:absolute;
	margin:1.3em 0 0 9em;
	position:250px;
	font-weight:bold;
	color:#990000;
	padding:0 0 5px 24px;
	background:url(../images/feedback-required.gif) no-repeat left top;
	/*--width for IE--*/
	width: 200px;
	}
	
div.feedback {
	position:absolute;
	margin:1.4em 0 0 12em;
	position:250px;
	font-weight:bold;
	color:#990000;
	padding:0 0 5px 24px;
	background:url(../images/feedback-required.gif) no-repeat left top;
	/*--width for IE--*/
	width: 200px;
	}
label .feedbackWide {
	position:absolute;
	margin:1.4em 0 0 -1.3em;
	position:250px;
	font-weight:bold;
	color:#990000;
	padding:0 0 5px 24px;
	background:url(../images/feedback-required.gif) no-repeat left top;
	/*--width for IE--*/
	width: 200px;
	}

fieldset {
	margin:1.4em 20px 5px 20px;
	display:block;
	padding:0 0 0 15px;
	}
legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-transform:lowercase;
	padding:2px 5px;
	color:#666666;
	margin:-2px 0 20px -16px;
	display:inline;
	}
/*---these styles use attribute selectors in the focus pseudo-class selector to style form elements in DOM-compliant browsers. Other browsers will ignore these styles and render the default ---*/
fieldset[id=personalinfo] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat top center;
	border:1px solid #3F841C;
	}
fieldset[id=chaperoneinfo] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat top left;
	border:1px solid #3F841C;
	}
fieldset[id=resortinfo] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat top left;
	border:1px solid #3F841C;
	}
legend[class=personallegend], legend[class=chaperonelegend], legend[class=resortlegend] {
	background:#ccc url(../images/green-stripe-bgd.gif) repeat bottom right;
	border-top:1px solid #3F841C;
	border-right:1px solid #3F841C;
	border-left:1px solid #3F841C;
	}
input:focus, textarea:focus {
	border:2px solid #3F841C;
	}
/*---SUBMIT BUTTON---*/
#submit {
	margin:.3em 0 1em .5em;
	width:124px;
	height:36px;
	background:url(../images/submit-form-button.jpg) no-repeat top left;
	border:none;
	color: #ffffff;
	padding: .5em;
	text-indent: -9000em;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
	}
#submit:hover {
	background:url(../images/submit-form-button-hover.jpg) no-repeat top left;
	}
	

/*-------------------------------------TXTLIST STYLES----------------------------*/
#txtlistBox {
	margin:1em 0 1em 2em;
	padding:.5em;
	width:350px;
	background:#FFF url(../images/ad-bgd.jpg);
	border:#0A2167 1px solid;
	}
#txtlistBox h1 {
	color:#0A2167;
	
	/*border-bottom:1px dotted #0A2167;*/
	border-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	
	margin:.5em 0 0 .5em;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
#txtlistBox p {
	margin:.2em 0 .5em .5em;
	}
#txtlistBox input {
	display:block;
	width:330px;
	margin:0 0 .5em .5em;
	}
/*=============================================FORM STYLES======================================================*/
#signup {
	margin:1em 0 1em 1.3em;
	padding:0;
	width:420px;
	height:auto;
	background:#FFF url(../images/signup-bgd.jpg);
	border:#3F841C 1px solid;
	}
	
#signup label {
	color:#3F841C;
	font-weight:bold;
	margin:0 0 0 1em;
	}
#signup h1 {
	color:#0A2167;
	
	/*border-bottom:1px dotted #0A2167;*/
	border-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	
	margin:.5em 0 0 .5em;
	text-transform:uppercase;
	letter-spacing:-1px;
	}
#signup p {
	margin:.2em 0 .5em .5em;
	}
#signup input {
	display:block;
	width:180px;
	margin:0 0 .5em .5em;
	}
#signupLeftBox {
	width:200px;
	float:left;
	}
#signupRightBox {
	width:200px;
	float:right;
	}
/*==========================================LOGIN================================================================*/

#login {
	height:250px;
	padding:1em 2em 0 2em;
	}
/*============================== random  ====*/
.board {
	float:left;
	width:350px;
	}
.committees {
	float:right;
	width:335px;
	padding:10px;
	background:#E0E8FF;
	border:1px solid #091F67;
	}