/**************** FORM STYLES *****************/
/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; min-width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

fieldset {
	border: 1px solid #ccc;
	width:725px; 
	margin-bottom:10px;
	padding: 5px; 
	font-size: 11px;
	color: #333;}
fieldset#demographics p	{
	font-size: 11px;
	text-align: center;
	margin:0;
	padding:0;
}
fieldset#mainfocus, fieldset#societies, fieldset#registration_info, fieldset#payment, fieldset#totals	{
	width: 350px;
}
fieldset#societies, fieldset#registration_info {
	float: left;
	margin-right: 10px;
}
fieldset li, fieldset p	{
	font-size: 11px !important;
}
fieldset p	{
	margin-bottom: 0 !important;
	margin-top: 2em !important;
}
fieldset legend	{
	font-weight: bold;
	font-size: 16px;
}
fieldset label {
	text-align:right;
	width:120px;
	float:left;
	padding:0.2em;
	padding-top: 1.1em;
	margin:0;
	margin-top:0.3em; }
	
fieldset#payment label {
	width: 120px;
	padding-top: 0.4em;
}
fieldset#payment .textfield {
	width: 200px !important;
}
fieldset .nobr {
	display:none; }  
fieldset .textfield {
	margin:6px;
	height:21px;
	width:215px !important;
	width: 208px;
	border:solid 0 #fff;
	background: #dfdfdf; }
fieldset textarea {
	margin:3px;
	height:165px;
	width:200px; }
fieldset #state	{
	width: 25px !important;
}
fieldset #zip	{
	width: 50px !important;
}
fieldset .classdate	{
	font-weight: bold;
}
fieldset .classtitle	{
	margin-left: 20px;
	font-style: italic;
}
fieldset .register	{
	clear: both;
}
fieldset ul	{
	list-style: none;
}
fieldset ul li span	{
	width: 140px;
	display: block;
	float: left;
}
fieldset select {
	text-transform: capitalize;
}
.zebra	{
	background-color: #efefef;
}

.yesorno	{
	color: #cc0000;
	width: 150px;
	}

#errors	{
	background-color: #efefef;
	padding: 15px;
	padding-top: 5px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #900;
	margin-right: 30px;
}
#firstname, #title, #affiliation, #city, #phone, #email	{
	float: left;
}
#requests	{
	width: 135px !important;
}
#country	{
	width: 145px !important;
}
#address {
	width: 565px !important;
}
#memberin_oth	{
	width: 178px !important;
}
#membernum {
	width: 90px !important;
}
fieldset label .shortlab	{
	width: 30px;
}
#leftcol	{
	width: 370px;
	float: left;
	margin-right: 20px;
	clear: left;
}
#rightcol	{
	width: 370px;
}

#debug	{
	padding: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #efefef;
	border: 1px solid #999;
	opacity: .75;
}
#debug pre	{
	font-weight: bold
	color: black;
}

#registration #content {
	width: 747px;
}

table#registrations {
  border-collapse: collapse;
  margin: 6px;
}

table#registrations td{
  padding: 3px 6px;
}

/********************** COURTNEY'S STYLES *****************/

body {
	font-family: Arial, Helvetica, sans-serif;	
	background: #bbd1e4 url(images/bg_gradient.jpg) top left repeat-x;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
	
a {
	color: #e5aa00;
	text-decoration: underline;
	font-weight: bold;
	}
	
a:hover {
	color: #ffcc00;
	text-decoration: none;
	}
	
.clearfix:after {e3653e
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container {
	clear:both;
	width: 825px;
	margin: 0 auto;
	padding: 0;
	text-align: left;	
	background: transparent;
	}

#header {
	clear:both;
	width: 825px;
	height: 321px;
	background: transparent url(images/header.jpg) no-repeat;
	}
	
#utilities {
	clear:both;
	list-style: none;
	padding-top: 298px;
	padding-left: 0;	
	font: bold .7em Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: 18px;
}

#utilities li{
	display: inline;
}

#utilities li{
	display: inline; padding: 0 10px;
}

#utilities a:link, #utilities a:visited {
	color: #ffcc00;
	text-decoration:none;
}

#utilities a:hover, #utilities a:active {
	text-decoration:underline;
	}
	
#middlebg {
	clear:both;
	float: left;
	width: 825px;
	background: transparent url(images/middlebg.jpg) repeat-y top center;
	display: inline;
	}
	
#middle {
	clear:both;
	float: left;
	width: 825px;
	background: transparent url(images/contentbg.jpg) no-repeat top center;
	min-height: 250px;
	margin-bottom: 0;
	padding-bottom: 10px;
	display: inline;
	}
	
#menu	{
	width: 170px;
	min-height: 250px;
	font: bold .7em Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-left: 20px;
	margin-bottom: 3px;
	margin-top: 9px;
	padding: 0;
	text-align: left;
	float: left;
	border-top: dotted #ffcc00 1px;	
	border-bottom: dotted #ffcc00 1px;
	display: inline; 
	}
	
#menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
	width: 170px;
  }
  
#menu li {
    position: relative;
  }
  
#menu li ul {	
	position: absolute;
	left: 170px;
	top: 0;
	display: none;
	background-color: #fdea48;
	border-top: dotted #ffcc00 1px;	
	border-bottom: dotted #ffcc00 1px;
  }
  
#menu ul li a {
	display: block;
	text-decoration: none;
	color: #5f6df2;
	padding-left: 4px;	
	}
	
#menu ul li a:hover {
	display: block;
	background: #fdea48;
	text-decoration: underline;
	}
	
#menu ul li a:active, #menu ul li a.activeLink {
	background: transparent;
	color: #ffcc00;
	border-right-width: 0px;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */
#menu li:hover ul, #menu li.over ul { 
	display: block; }
#menu li:hover ul, li.over ul{ display: block; }

#content {
	width: 540px;
	min-height: 250px;
	background: transparent;
	margin-right: 0px;
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 0;
	float: left;
	text-align: left;
	border-bottom: 1px #ffcc00 solid;
	display: inline;		
	}
	
#content p, dd, dt {
	font: .8em Arial, Helvetica, sans-serif;
	color: #5b2911;
	margin-left: 0;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 1em;
	line-height: 20px;
	} 
#content dd	{
	margin-left: 3em;
	}
#content h1 {
	font: 2em bold Arial, Helvetica, sans-serif;
	border-bottom: 1px #ffcc00 solid;
	color: #ffcc00;	
	padding-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	
#content h2 {
	font: 1.5em bold Arial, Helvetica, sans-serif;
	color: #5f6df2;	
	padding-top: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	}
	
#content h3 {
	font: 1em bold Arial, Helvetica, sans-serif;
	color: #5f6df2;	
	padding-bottom: 3px;
	margin-bottom: 0;
	}

#content h4 {
	font: 1em bold Arial, Helvetica, sans-serif;
	color: #5f6df2;	
	padding: 0;
	margin: 0;
	}
	
#content ul {
	font: Arial, Helvetica, sans-serif;
	color: #5b2911;
	font-size: .8em;
	line-height: 20px;	 
	}
	
#content ol {
	font: Arial, Helvetica, sans-serif;
	color: #5b2911;
	font-size: .8em;
	line-height: 20px;	 
	}

#content table {
	font: Arial, Helvetica, sans-serif;
	color: #5b2911;	
	font-size: .8em;
	line-height: 20px;	 
	}
	
#sponsor_ex_menu	{
	font: bold .7em Arial, Helvetica, sans-serif;
	background-color: #f9f9fe;
	border: 1px solid #e9e9ee;
	padding: 5px;
	}
#sponsor_ex_menu	ul	{
	margin: 0;
	padding: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align: center;
	}
#sponsor_ex_menu	li	{
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
	z-index: 400;
	padding: 8px;
	}
	
#sponsor_ex_menu ul li a {
	color: #5f6df2;	
	}
	
#sponsor_ex_menu ul li a:hover {
	color: #5f6df2;	
	}
	
#sponsor_ex_menu ul li a:active, #menu ul li a.activeLink {
	background: transparent;
	color: #ffcc00;
	}

#bottombg {
	clear:both;
	min-height: 155px;
	width: 825px;
	margin: 0;
	padding: 0;
	background: transparent url(images/bottombg.jpg) repeat-y top center;
	}

#bottom {
	clear:both;
	width: 825px;
	margin: 0;
	padding: 0;
	background: transparent url(images/announcementbg.jpg) no-repeat top center;
	display: inline;
	}
	
#footer {
	clear: both;	
	width: 825px;
	height: 55px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	background: transparent url(images/bottom_footer.jpg) no-repeat top center;
	text-align: center;
	}
	
#footer p {
	font-size: .7em;
	color: #342f7f; 
	margin: 0;
	padding-top: 10px;
	}