/* CSS Document */


 html, body {
	font-family: Tahoma, Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}


#banner {
	background: #000;
	color: #fff;
}

#banner h1 {
	color: #fff;
}

h5 {
	font-size: 1.1em;
}







/*
	helper styles 
*/


.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}



.feature {
	border: 1px solid #999;
	padding: 0.33em;
}

.left {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

.right {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
	







/* ###################
 * PRIMARY NAV STUFF
 * ################### */




 #nav br
 /* this is so I can define my nav lists in one place, and put in the breaks so they show up right on the bottom nav */
 {
 	display: none;
	visibility: hidden;
	width: 0; height: 0;
 }
 
 
 #home {
	text-align: left;
	position: absolute;
	left: 35px;
	top: auto;
}
 
 /* but i do want breaks inside the links to show up */
 #nav a br {
 	display: inline;
	visibility:visible;
	width: auto; height: auto;
 }
 
#nav ul a:hover {
	background-color: #a0a0a0;
	color: #ffffff!important;
}

div#nav ul.subnav {
	position: absolute;
	visibility: hidden;
	display: none;
}

div#nav ul.current_subnav {
	position: relative;
	visibility: visible;
}


div#nav h2 {
	line-height:90%;
}


div#nav .conference {

}


div#nav ul, div#nav li
{
	list-style-type: none;
	margin-left: 0; padding-left: 0;
	margin-right: 3px;
	text-align: right;
}

* html div#nav li
{
/* IE 6 kludge for extra space */ 
	display: inline;
}

li.conference a, li.current_conference a {
	display: block;
	/* width: 100%; */
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 0;
	padding: 2px 3px;
	background: #111111;
	color: white!important;
	text-align: center;
	border-top: 2px solid #BBB;
	border-bottom: 2px solid #BBB;		
}



li.conference a {
	background: #5e88a1;	
	color: #white;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;	
}


li.conference a:hover, li.current_conference a:hover
{
background-color:#A67D3D;
	border-top-color: #333;
	border-bottom-color: #333;
}

ul.current_subnav, ul.subnav
{
	margin-bottom: 5px;
	margin-right: 3px!important;
	margin-left: 12px!important;
	
}

ul.current_subnav a, ul.subnav a {
	display: block;
	/* width: 100%; */
	font-weight: normal;
	text-align: right;
	border-top: none;
	border-bottom: 1px dotted #999;
	background-color: transparent;
	color: black!important;
	margin: 0!important;
}


ul.current_subnav a.inactive, ul.subnav a.inactive,
ul.current_subnav a.inactive:hover, ul.subnav a.inactive:hover
{
	color: #000000!important;
	background-color: transparent;
}

ul.current_subnav a:hover, ul.subnav a:hover
{
	color: #ffffff!important;
	background-color: transparent;
}


.current_subnav .current a {
	border: 1px solid!important;
	font-weight: bold;
	background-color: #eaeaea!important;
	border-left: 3px solid!important;
	border-right: 3px solid!important;
}


div#nav a.register {
	font-weight: bold;
}

#future_conf_nav {
	margin-bottom: 2em!important;
}


/* ###################
 * /PRIMARY NAV STUFF
 * ################### */



/* ###################
 * HEADER AND BANNER STUFF
 * ################### */


#banner h1
{
	font-size: 36px;
	margin-left: 0;
	margin-bottom: 6px;
}

div#banner_menu
{
	background-color: #DDD; 
	border-top: 2px solid #777;
	border-bottom: 2px solid #777;	
	text-align: left;
	padding: 0 0 3px 160px;
}

div#banner_menu a
{
	color: #111;
	width: 24%;
	margin: 0;
	padding: 3px 2em;
}

div#banner_menu a:hover
{
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
}

div#banner_menu a:active
{
}


div#banner_menu a.current
{
	background-color: #222;
	color: #FFF;
	border: 2px solid #555;
}

div#banner_menu a.current:hover
{
	background-color: #222;
	color: #FFF;
	border: 2px solid #555;
	text-decoration: none;
}

div#switcher
{
	display: none;
}



/* ###################
 * /HEADER AND BANNER STUFF
 * ################### */



/* ###################
 * CONTENT STUFF
 * ################### */


li.OR_item /* for the "OR" in the "ul" in the cancellation policy, etc */
{
	font-weight: bold;
	list-style-type: none;
	text-align: center;
	margin: 0.5em 0 0.5em 0;
}



/* ###################
 * CONTENT STUFF
 * ################### */


 
 


/* ###################
 * BOTTOM STUFF
 * ################### */
 
div#bottom-container
{
	padding: 2px 10px;
	border: 2px solid black;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 90%;
	text-align: justify;
}

#bottom-container p
{
	line-height: 120%;
	margin-top: 0.2em;
}

#bottom-container h4
{
	margin-bottom: 0;
}

div#about_CAC
{
	margin-bottom: 0;
}

#about_CAC h4
{
	padding-left: 0;
}

#about_CAC h5
{
	border-top: 1px; 
}



/* ###################
 * /BOTTOM STUFF
 * ################### */



/* ###################
 * BOTTOM NAV STUFF
 * ################### */
div#bottom_nav ul
{
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

div#bottom_nav li
{
	margin: 0 1em;
	display: inline;
}

div#bottom_nav
{
	text-align: center;

}

div#bottom_nav a
{
	color: #680101;
}

div#bottom_nav a:visited
{
	color: #000000;
}

div#bottom_nav a.inactive
{
	color: black;
	text-decoration: none;
}

/* ###################
 * /BOTTOM NAV STUFF
 * ################### */
 
 
 /* ###################
 * REG FORM STUFF
 * ################### */
 
.form_submit
 {
 	text-align: center;	
 }
 
 div#add_reg_form
 {
 	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	padding-bottom: 10px;
	background: #CCC;
/*	position: relative;
	z-index: 99!important; */

 }
 
div#add_reg_form span.bg
{
/*
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 50; 
	background: #DDD;
	filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
*/
}
 
 fieldset
 {
 	padding: 10px;
	border-left: none;
	border-right: none;
	margin: 0 15px 15px 15px;	
	background: #EEE;
 }
 
 fieldset legend
 {
 	font-weight: bold;
	font-size: 150%;
 }
 
 fieldset div
 {
 	clear: left;
 	display: block;
	margin: 3px 0;
 }
 
 fieldset div .field_holder
 {
	margin-left: 185px;
	clear: none;
 }
 
 fieldset label
 {
 	float: left;
	clear: left;
 	width: 175px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
 }
 
 label#addr_line2
 {
 	font-weight: normal;
	color: #333;
	font-size: 80%;
 }
 
 fieldset p.description
 {
 	margin-top: 0;
	margin-bottom: 0;
	margin-left: 125px;
	font-size: 75%;
	color: #333;
 }
 
 
/*
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
*/
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

* html div#bottom_nav
{
font-size:15px;
}


 /* ###################
 * /REG FORM STUFF
 * ################### */