body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#006;
}

/*******************************************************************************
Menu
*******************************************************************************/
#nav, #nav ul { /* all lists */
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #ccc;
	font-weight: bold;
	padding: 0;
	border: solid black;
	border-width: 1px 0;
	margin: 0;

	z-index: 999;
}

#nav a { /* all links */
	display: block;
	width: 10em;
	w\idth: 6em;
	color: black;
	text-decoration: none;
	font-weight: normal;
	padding: 0.25em 2em;
}

#nav a.daddy { /* parent links */ 
	background-image: url(../images/site/rightarrow3.gif) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}

#nav li { /* all top-level items */
	float: left;
	padding: 0;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li a {
	text-align:center;
	cursor: pointer;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 16.1em;
	w\idth: 15.9em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 0;
}

#nav li li { /* second-level items */
	padding-right: 0.9em;
	width: 15.9em;
	w\idth: 15em;
}

#nav li ul a { /* second-level links */
	width: 11.9em;
	margin-right: -1em; /* For IE6 */
	text-align:left;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.55em 0 0 15.9em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul 
{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, 
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover { /* highlighted list items (all) */
	background-color: #EFEFEF;
}

#nav a.yah { /* parent links */ 
	background-color: white;
}


/*******************************************************************************
Site Map
*******************************************************************************/
ul.sitemap li {
	margin-bottom: 0.8em;
}

ul.sitemap li ul li {
	margin-bottom: auto;
}


/*******************************************************************************
General styling
*******************************************************************************/
h1 {
	clear: left;
	font-size: 1.5em;
}

h2 {
	clear: left;
	font-size: 1.5em;
}

h3 {
	clear: left;
	font-size: 1.25em;
}

h1.topdiv,
h2.topdiv, 
h3.topdiv {
	border-top: solid black 1px;
	padding-top: 0.5em;
}

h2.solid, 
h3.solid {
	background: #ccc;
	padding: 0.25em;
}

img {
	border: 0px;
}

.divider {
	clear: both;
	border: solid black;
	border-width: 1px 0 0 0;
	width: 100%;
	height: 1px	;
}

.clearer {
	clear: both;
}

ul.multiline li {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/*******************************************************************************
Augments
*******************************************************************************/
table.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

td.center, 
div.center {
	text-align: center !important;
}

.error {
	color: red !important;
	font-weight: bold !important;
}

.inactive {
	color: #777;
}

.bigtext {
	font-size: 120%;
	font-weight: bold;
}

p.indent {
	margin-left: 2em;
}

/*******************************************************************************
Page elements
*******************************************************************************/
#container {
	width: 800px;
	margin-left: auto;
	margin-right:auto;
	background-color: #FFF;
}

#topcap {
	width: 100%;
	height: 6px;
	background-color: #006;
	background: bottom no-repeat;
	background-image:url(../images/site/topcap.jpg);
}

#bottomcap {
	clear: both;
	width: 100%;
	height: 6px;
	background: top no-repeat;	
	background-image:url(../images/site/bottomcap.jpg);
}

#logo {
	width: 100%;
	height: 100px;
	background: left no-repeat;
	background-image:url(../images/site/header.png);
}

#logo a img {
	border: 0;
}

#login {
	float: right;
	padding: .5em .75em;
	color: #FFF;
}
#login a {
	color: #fff;
}

#login span.dev {
	color:#FF9900;
}

#pagename {
	clear: both;
	padding: 0.5em 1em;
	font-size: 1.5em;
	font-weight: bold;
}

#content {
	clear: left;
	padding: .25em 2em 1em;
	color: black;
}

#footer {
	clear: both;
	text-align: center;
	font-size: .75em;
	border: solid black;
	border-width: 1px 0 0 0;
	padding: .75em;
}


/*******************************************************************************
home page
*******************************************************************************/
#news {
	background: #ccc;
	margin: 2em 0 0 0;
	
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#news div.label {
	padding: 0 0.5em 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #555;
}

#news p {
	padding: 0.5em;
	margin: 0;
}

#news a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: black;
}

#news a:link,
#news a:visited {

}

#news a:hover {
	background: #e0e0e0;
}

#news a:active {

}

/********************************/

#frontfeature {
	text-align: center;
	width: 100%;
}

#frontfeature a {
	color: black;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	background: #ccc;
	border: 1px solid white;
}

#frontfeature a:link,
#frontfeature a:visited {

}

#frontfeature a:hover {
	background: #e0e0e0;
/*	border: 1px solid black;*/
	margin: 0px;
}

#frontfeature a:active {

}

#frontfeature img {
	max-width: 95%;
	border-style: none;
	margin-top: 0.5em;
}

#frontfeatureheadline {
	font-weight: bold;
	margin: 0.5em;
}

#frontfeature p {
	margin: 0px 0.5em 0.5em 0.5em;
	text-align: left;
}


/*******************************************************************************
columns
*******************************************************************************/
.colgroup {
	clear: both;
}
.colgroup .column100 {
	float: left;
	width: 95%;
	padding: 0 1.25%;
}
.colgroup .column50 {
	float: left;
	width: 47.5%;
	padding: 0 1.25%;
}
.colgroup .column75 {
	float: left;
	width: 72.5%;
	padding: 0 1.25%;
}
.colgroup .column25 {
	float: left;
	width: 22.5%;
	padding: 0 1.25%;
}
.colgroup .column66 {
	float: left;
	width: 63.5%;
	padding: 0 1.25%;
}
.colgroup .column33 {
	float: left;
	width: 30.5%;
	padding: 0 1.25%;
}

/*******************************************************************************
dialog boxes
*******************************************************************************/
div.dialogbox {
	clear: both;
	border: medium solid #ccc;
}

div.dialogbox div.dialogboxheader {
	background-color: #ccc;
	font-weight: bold;
	padding: .25em;
}

div.dialogbox div.dialogboxbody {
	padding: .25em;
}

/*******************************************************************************
tab boxes
*******************************************************************************/
div.tabbox {
	clear: both;
}

div.tabbox div.tabboxheader {

}

div.tabbox a.tabboxtab {
	float: left;
	font-weight: bold;
	background-color: #ccc;
	padding: 3px;
	margin: 0 .25em 0 0;
	
	text-decoration: none;
	color: #000;
	border: 3px solid #ccc;
	
	position: relative;
	top: 3px;
}

div.tabbox a.tabboxtab:hover {
	background-color: #FFF;
}

div.tabbox a.active {
	background-color: #FFF;

	border-bottom: none;
	padding-bottom: 6px;
}

div.tabbox div.tabboxbody {
	clear: both;
	padding: .25em;
	border: 3px solid #ccc;
}


/*******************************************************************************
fancy bullet lists
*******************************************************************************/
ul.iconlist
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

ul.iconlist li
{
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}


ul.iconlist li.web
{
	background-image: url(/images/bullets/icon-web.gif);
}

ul.iconlist li.pdf
{
	background-image: url(/images/bullets/icon-pdf.gif);
}

ul.iconlist li.ppt
{
	background-image: url(/images/bullets/icon-ppt.gif);
}

ul.iconlist li.doc
{
	background-image: url(/images/bullets/icon-doc.gif);
}

ul.iconlist li.xls
{
	background-image: url(/images/bullets/icon-xls.gif);
}

ul.iconlist li.file
{
	background-image: url(/images/bullets/icon-file.gif);
}

ul.iconlist li.folder
{
	background-image: url(/images/bullets/icon-folder.gif);
}

ul.iconlist li.folder-open
{
	background-image: url(/images/bullets/icon-folder-open.gif);
}

ul.iconlist li.fee
{
	background-image: url(/images/bullets/icon-money.gif);
}

ul.iconlist li.phone
{
	background-image: url(/images/bullets/icon-phone.gif);
}

ul.iconlist li.place
{
	background-image: url(/images/bullets/icon-building.gif);
}

ul.iconlist li.exclamation-mark
{
	background-image: url(/images/bullets/icon-exclamation-mark.gif);
}

/*******************************************************************************
Forward / Back navigation
*******************************************************************************/
div.fwdback {
	width: 100%;
	text-align: center;
}

div.fwdback div.back {
	float: left;
	text-align: left;
	max-width:50%;
}

div.fwdback div.jump {

}

div.fwdback div.forward {
	float: right;
	text-align: right;
	max-width:50%;
}

/*******************************************************************************
Big notices
*******************************************************************************/
div.notice {
	text-align: center;
	background: #ccc;
	border: 1px black solid;
}

div.notice div.headline {
	font-size: 2em;
}


/*******************************************************************************
generic forms
*******************************************************************************/
table.form td {
	text-align: left;
	padding-bottom: 0.5em;
}

table.form th,
table.form tr.labels td {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

table.form td.label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	padding-right: 1em;
}

table.form span.note {
	font-size: 0.8em;
}

table.form td.sectionheading {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 0.5em;
	background: #ccc;
}


/*******************************************************************************
floating table of contents
*******************************************************************************/
div.tableofcontents {
	border: 1px solid #bbb;
	float: right;
	max-width: 200px;
	padding: 0.25em;
	padding-left: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	background: white;
}

div.tableofcontents p {
	font-weight: bold;
	margin: 0;
}

div.tableofcontents ul {
	padding-left: 1em;
	margin-bottom: 0;
	margin-top: 0.5em;
}

div.tableofcontents ol {
	padding-left: 2em;
	margin-bottom: 0;
	margin-top: 0.5em;
}

div.tableofcontents ul li,
div.tableofcontents ol li {
	margin-bottom: 0.5em;
}

div.tableofcontents ul li a:link, 
div.tableofcontents ul li a:visited,
div.tableofcontents ol li a:link, 
div.tableofcontents ol li a:visited {
	text-decoration: none;
}

div.tableofcontents ul li a:hover,
div.tableofcontents ul li a:active,
div.tableofcontents ol li a:hover,
div.tableofcontents ol li a:active {
	text-decoration: underline;
}


/*******************************************************************************
table with borders
*******************************************************************************/
table.borders {
	border: 1px solid black;
	border-spacing: 0px;
}

table.borders th {
	border: 1px solid black;
	padding: 0.25em;
	font-weight: bold;
	text-align: center;
}

table.borders td {
	border: 1px solid black;
	padding: 0.25em;
}
	
/*******************************************************************************
form-like data display
*******************************************************************************/
table.formlike td {
	text-align: left;
}

table.formlike td.label,
table.formlike td.sublabel {
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}

table.formlike td.label {
	font-weight: bold;
}

table.formlike span.note {
	font-size: 0.8em;
}

/*******************************************************************************
Data Tables
*******************************************************************************/
table.data th {
	background-color: #000080;
	color: #fff;
}

table.data td {
	text-align: center;
	vertical-align: top;
	background-color: #D0D0D0;
	padding: 0.5em;
}

table.data td.description {
	text-align: left;
}

table.data td.price {
	text-align: right;
}


table.data td span.unpaid {
	color: red;
	font-weight: bold;
}

table.data td span.paid {
}


/*******************************************************************************
Bar graphs
*******************************************************************************/
table td.bargraph {
	background: white;
	text-align: left;
}

table td.bargraph div.graph{
	background: #E0E0E0;
	width: 100px;
	height: 1em;
	border: 1px solid black;
}

table td.bargraph div.graph div.bar{
	background:red;
	height: 100%;
}


/*******************************************************************************
Governing Board
*******************************************************************************/
table.board {
	margin-left:auto;
	margin-right:auto;
}

table.board td {
	vertical-align: top;
	width: 300px;
	padding: 0.75em 0em;
}

table.board td.person {
	text-align: right;
	padding: 0.75em 1em;
}


/*******************************************************************************
Awards
*******************************************************************************/
ul.awardrecipients {
	font-style:italic;
	list-style: none;
	padding-left: 1em;
}

ul.awardrecipients ul.names {
	list-style: none;
	padding-left: 2em;
	margin-bottom: 0;
	margin-top: 0;
}

/*******************************************************************************
CCTC
*******************************************************************************/
div.cctcfind {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 1.5em;
}

div.cctclist {
	text-align: center;
}

div.cctcstatelist {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

table.cctcmatrix td {
	text-align:center;
	padding-left: 1em;
	padding-right: 1em;
}

table.cctcmatrix tr.headings td {
	font-weight: bold;
}

table.cctcmatrix td.label {
	font-weight: bold;
	padding-right: 1em;
	text-align: right;
}

/*******************************************************************************
Member Info
*******************************************************************************/
img.photo {
	border:3px outset #D0D0D0;
}

div.alphalist {
	text-align: center;
	margin-bottom: 1em;
}

div.alphalist a.selected {
	font-size: 2em;
}


/*******************************************************************************
Elections
*******************************************************************************/
table.candidate td.vote {
	text-align: center;
}

table.candidate td p {
	margin-top: 0;
}

table.candidate td.photo {
	text-align: center;
	vertical-align: top;
}


/*******************************************************************************
Surveys
*******************************************************************************/
table.survey td {
	vertical-align: top;
	padding: 10px 10px;
}

table.survey tr.highlight {
	background: #E0E0E0;
}

table.survey tr.multiplechoice td {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

table.survey tr.multiplechoice div.multiple_choice_multiple_answer, 
table.survey tr.multiplechoice div.multiple_choice {
	padding-left: 20px;
	text-indent: -20px;
}

table.survey td.longanswer {
	text-align: right;
}

table.survey td.number {
	text-align: right;
}

/* Survey Results */
table.survey td.textreply {
	width: 200px;
}


/*******************************************************************************
Conference Sponsors
*******************************************************************************/
table.sponsors {
	width: 100%;
	text-align: center;
	margin: 1em 0;
}

table.sponsors caption {
	font-size: 1.5em;
	background: #ccc;
}

table.sponsors td {
	padding: 5px 0;
	vertical-align: middle;
}

table.sponsors img {
	border: 0;
	margin: 5px;
}

/* Platinum */
/* Gold */
table.platinum td,
table.gold td {
	width: 100%;
}

/* Silver */
table.silver td {
	width: 50%;
}

table.silver img {
	max-height: 165px;
	max-width: 360px;
}

/* Bronze */
table.bronze td {
	width: 33%;
}

table.bronze img {
	max-height: 110px;
	max-width: 230px;
}


/*******************************************************************************
Conference Agenda
*******************************************************************************/
table.agenda td {
	vertical-align: top;
}

table.agenda td.date {
	border-bottom: 2px solid black;
	padding-top: 2em;
	font-weight: bold;
	font-style: italic;
}

table.agenda tr.first td {
	padding-top: 1em;
}

table.agenda td.time {
	text-align: right;
	min-width: 5.6em;
}

table.agenda td.event {
	padding-left: 2em;
}


/*******************************************************************************
Conference Sessions
*******************************************************************************/
table.sessions td.heading {
	background-color: #ccc;
	text-align:center;
	font-style:italic;
	font-weight: bold;
}

table.sessions td.slot {
	width: 50px;
	vertical-align: top;
	padding-top: 0.5em;
	font-weight: bold;
}

table.sessions td.name {
	border-bottom: 1px solid black;
	padding-top: 0.5em;
	font-weight: bold;
}

table.sessions td.description {
	padding-top: 0.5em;
}

table.sessions td.files{
	padding-bottom: 2em;
}


/*******************************************************************************
Conference Manager
*******************************************************************************/
table.report {
	border-collapse: collapse;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	background: white;
}

table.report td{
	vertical-align: top;
	border: 1px solid black;
	padding: 3px;
}

table.report td.hidden {
	border: 0px;
	background: none !important;
}

table.report tr.colheadings td {
	text-align: center;
	vertical-align: middle !important;
	font-weight: bold;
	background-color: #ccc;
}

table.report td.groupheading {
	text-align: center;
	background-color: #ccc;
}


/*******************************************************************************
News Page
*******************************************************************************/
div.news {
	border-top: 1px solid black;
	margin-top: 1em;
	padding-top: 1em;
}

div.news:first-child {
	border-top: none;
}

div.news div.headline {
	font-size: 1.5em;
	font-weight: bold;
}

div.news div.byline {
	color: #666666;
}

div.news div.byline a:link,
div.news div.byline a:visited {
	text-decoration: none;
}

div.news div.byline a:hover,
div.news div.byline a:active {
	text-decoration: underline;
}

div.news div.article {
	margin-top:   0.5em;
	margin-left:  1em;
	margin-right: 1em;
}

/*******************************************************************************
Features Page
*******************************************************************************/
div.featureimage {
	float: left;
	margin: 0.25em;
}

div.featureimager {
	float: right;
	margin: 0.25em;
}

div.featureimage img, 
div.featureimager img {
	border-style: none;
}

div.featurelist {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
/*	padding-left: 0.25em;
	padding-right: 0.25em;
	width: 400px;
	float: left;*/
}

div.featurelist a {
	color: black;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

div.featurelist a:link,
div.featurelist a:visited {

}

div.featurelist a:hover {
	background: #ccc;
}

div.featurelist a:active {

}


div.featurelistimage {
	float: left;
	width: 200px;
	text-align: center;
}

div.featurelist img {
	margin-right: 0.25em;
	border-style: none;
	max-width: 200px;
}

div.featurelist div.headline {
	font-size: 1.5em;
	font-weight: bold;
}