* { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	line-height:160%; } 
img { border:0px none; }
body { background-image:url(/images/mainback.gif); text-align:center; font-weight:normal; }
p, li, th, td { color:#222; font-weight:bold; }
h1 { font-size:18px; color:#ee3a43; padding: 0px; padding-top:10px; margin: 10px; font-weight:normal; }
h2 { font-size:13px; font-weight:bold; color:#ee3a43; margin: 0; padding:0; }
a { color:#9d080d; }
a:hover { color:#f7941c; }
#mainBody { position:relative; width:730px;	top:10px; padding: 0 0  20px 0; }
hr { padding:0; margin:20px 0px 20px 20px; border:none; border-bottom:1px solid #bbb; }

#header { background-image:url(/images/header.jpg); background-repeat:no-repeat; background-color:#000000; width:730px; height:150px; }
#header1 { background-image:url(/images/header1.jpg); background-repeat:no-repeat; background-color:#000000; width:730px; height:175px; }
#logoOverlay { position:absolute; top:10px; left:16px; }

#mainNav { position:absolute; top: 116px; left: 13px; padding:0; width:730px; margin:0; list-style:none; text-align:left; }
#mainNav li { height:23px; padding:0; float:left; margin: 0 1px 0 0; }
#mainNav a { font-size:10px; letter-spacing:1px; text-decoration:none; padding: 4px 6px 7px 6px; color:#f7941c; font-weight:bold; }	
#mainNav a span { color:#9d080d; text-decoration:none; }
#mainNav a:hover{ color:#fff; }
#mainNav a:hover span { color:#fff; }

#mainNav2 { position:absolute; top: 151px; left: 13px; padding:0; width:730px; margin:0; list-style:none; text-align:left; }
#mainNav2 li { height:23px; padding:0; float:left; margin: 0 1px 0 0; }
#mainNav2 a { font-size:10px; letter-spacing:1px; text-decoration:none; padding: 4px 6px 7px 6px; color:#fff; font-weight:bold; }	
#mainNav2 a span { color:#f7941c; text-decoration:none; }
#mainNav2 a:hover{ color:#f7941c; }
#mainNav2 a:hover span { color:#f7941c; }

#main{ position:relative; width: 730px; padding:10px 0 20px 0; margin:0; text-align:left; background-color:#fff;}
h1 { color:#9d080d; font-size:20px; font-weight:bold; border-bottom:1px solid #bbb; margin:0 20px 20px 20px; padding:0; }
h1 span { color:#9d080d; font-size:20px; font-weight:normal; }

.job { border-bottom:1px solid #bbb; margin:20px; padding:0 0 10px 0; }
.job h2 { color:#444; font-size:14px; font-weight:bold; margin:0px 0px 0 0px; padding:0; }
.job h3 { color:#9d080d; font-size:10px; font-weight:bold; margin:0px 10px 0 0px; padding:0; }
.job p { padding: 0px 10px 0px 0px; color:#666; font-weight:normal; }
.job h4 { color:#9d080d; font-size:10px; font-weight:bold; margin:10px 10px 0 0px; padding:0; }
.job a { color:#001f56; }
.job a:hover { color:#f7941c; }

.clear { clear:both; }
#left { float:left; width:450px; }
#left h2 { color:#444; font-size:14px; font-weight:bold; border-bottom:1px solid #bbb; margin:20px 10px 0 20px; padding:0; }
#left h3 { color:#9d080d; font-size:10px; font-weight:bold; margin:5px 10px 0 20px; padding:0; }
#left h3 span {color:#666; font-weight:normal; }
#left p { padding: 0px 10px 10px 20px; color:#666; font-weight:normal; }
#left p span { color:#9d080d; }
#left p a { color:#001f56; }
#left p a:hover { color:#f7941c; }
#left .redBox { background-image:url(/images/back2.jpg); background-repeat:no-repeat; width:420px; margin: 30px 0 20px 20px; padding: 0 0 20px 0; border:1px solid #f7941c; background-color:#9d080d; position:relative; border-bottom:none; }
#left .redBox h1 { color:#f7941c; background-image:url(/images/back1.gif); font-size:11px; font-weight:bold; position:relative; top:-12px; left:15px; padding:2px 0px 2px 0px; margin:0; border:1px solid #f7941c; width:195px; text-align:center;}
#left .redBox h2 { color:#fff; padding: 5px 20px 0px 30px; margin:0; font-size:13px; font-weight:bold; border:none; }
#left .redBox p { color:#fff; padding: 0px 20px 0px 30px; font-weight:normal; }
#left .redBox .bottom { width:420px; height:11px; background-image:url(/images/bottom1.jpg); background-repeat:no-repeat; position:absolute; bottom:-10px; left:0px; }

#right { width:265px; margin: 0 0 0 460px; position:relative; }
.whiteBox { width:230px; margin:30px 0 0px 10px; padding: 0px 0 30px 0; border:1px solid #f7941c; background-color:#fff; position:relative; border-bottom:none; }
.whiteBox h1 { color:#f7941c; background-image:url(/images/back1.gif); font-size:11px; font-weight:bold; position:relative; top:-12px; left:17px; padding:2px 0px 2px 0px; margin:0; border:1px solid #f7941c; width:195px; text-align:center;}
.whiteBox .bottom { width:230px; height:11px; background-image:url(/images/bottom2.jpg); background-repeat:no-repeat; position:absolute; bottom:-10px; left:0px; }
.whiteBox p { padding: 10px 10px 0px 10px; color:#666; font-weight:normal;}
.whiteBox .biglink { text-align:center; }
.whiteBox .biglink a { colo:#001f56; text-decoration:underline; font-size:10px; font-weight:bold; }
.whiteBox .biglink a:hover { color:#f7941c; }
#right .whiteBox .logo { text-align:center;  padding-bottom:10px;}
#right h3 { margin: 30px 28px 0px 10px; border-bottom:1px solid #999; color:#999; padding:0 0 3px 0; font-size:10px; font-weight:bold;}
#right .logo { margin:0; padding:10px 20px 0px 20px;}

.links { padding:0px 0 0 30px; margin:0; font-size:10px; text-align:left; }
.links li { display:inline; font-size:9px; list-style:none; color:#fff; }
.links li a { font-size:10px; color:#f7941c; text-decoration:underline; } 
.links li a:hover { color:#fff; }
.links li span { color:#001f56; }

#left .links1 { padding:0; margin:0; font-size:10px; text-align:left; color:#9d080d; font-weight:bold; }
.links1 a { font-size:10px; color:#001f56; text-decoration:underline; font-weight:bold; } 
.links1 a:hover { color:#f7941c; }

#body_contact table { width:60%; margin:0 20px 0 20px; }
#body_contact table td {color:#555; font-weight:normal; vertical-align:top; padding:0; margin:0;}
#body_contact table .topRow td { color:#9d080d; font-weight:bold; }
#body_contact table a { color:#001f56; }
#body_contact table a:hover { color:#f7941c; }
#body_contact #contact2 { width:95%; }
#body_contact #contactForm { width:90%; margin:0 0 0 50px;}
#body_contact #contactForm td{ color:#001f56; padding:5px; }
#body_contact #contactForm td span{ color:#9d080d; }
#body_contact #contactForm .column1 {padding:5px 0 5px 0;}
#body_contact #contactForm input { width:150px; }
#body_contact #contactForm textarea { width:260px; height:70px; }
#body_contact #contactForm .radio { width:auto; }
#body_contact #contactForm .button { width:auto; }

.directory { width:690px; margin:0 20px 0 20px; }
.directory th { color:#9d080d; padding-top:0; }
.directory th, .directory td { text-align:left; vertical-align:top; border-bottom:1px solid #bbb; padding:5px 0 5px 0; color:#636363; font-weight:normal; }
.directory th { color:#9d080d; padding-top:0; font-weight:bold; }
.directory .name { font-weight:bold; }
.directory td a { color:#001f56; }
.directory td a:hover {color:#f7941c; }

.simple_message { margin:0 20px 0 20px; }

.login { margin:0 20px 0 20px; }
.login th { color:#9d080d; }
.login th, .login td { text-align:left; vertical-align:top; border-bottom:1px solid #bbb; padding:5px 5px 2px 5px; color:#636363; font-weight:normal; }
.login th { color:#9d080d; padding-top:0; font-weight:bold; }
.login .name { font-weight:bold; }
.login td a { color:#001f56; }
.login td a:hover {color:#f7941c; }

.update { margin:0 20px 0 20px; }
.update th { color:#9d080d; }
.update th, .update td { text-align:left; vertical-align:top; padding:5px 5px 2px 0px; color:#636363; font-weight:normal; }
.update th { color:#9d080d; padding-top:0; font-weight:bold; }
.update .name { font-weight:bold; }
.update td a { color:#001f56; text-decoration:none; }
.update td a:hover {color:#f7941c; }

#body_mycpomanage h2 { margin:0 20px 0 20px; color:#9d080d; }
#body_mycpomanage p { margin:0 20px 0 20px; }

#footer { background-color:#001f56;	position:relative; width: 730px; height: 120px; margin:0; padding: 0px 0px 0px 0px; text-align:center; clear:both; }
#footer p { padding: 10px; margin: 0; text-align:center; font-size:9px; color:#fff; line-height: 150%; font-weight:normal; }
#footer a {color:#fff; }
#footer a:hover {color:#f7941c; }
#footer ul { padding: 20px 0 0 0; margin:0; font-size:10px; text-align:center; }
#footer ul li { display:inline; font-size:9px; list-style:none; color:#fff; }
#footer ul li a { font-size:10px; color:#f7941c; } 
#footer ul li a:hover { color:#fff; }
#footer .bottom { width:730px; height:9px; background-color:#f7941c; border-top:2px solid #9d080d; position:absolute; bottom:0px; left:0px; }
	
#body_membership #mnav_membership a, #body_membership #mnav_membership span, #body_membership #nav_membership { color:#fff; }
#body_about #mnav_about a, #body_about #mnav_about span, #body_about #nav_about { color:#fff }
#body_conference #mnav_conference a, #body_conference #mnav_conference span, #body_conference #nav_conference { color:#fff }
#body_contact #mnav_contact a, #body_contact #mnav_contact span, #body_contact #nav_contact { color:#fff }
#body_associations #mnav_associations a, #body_associations #mnav_associations span, #body_associations #nav_associations { color:#fff }
#body_privacy #mnav_privacy a, #body_privacy #mnav_privacy span, #body_privacy #nav_privacy { color:#fff }
#body_calendar #mnav_calendar a, #body_calendar #mnav_calendar span, #body_calendar #nav_calendar { color:#fff }
#body_library #mnav_library a, #body_library #mnav_library span, #body_library #nav_library { color:#fff }
#body_mycpo #mnav_mycpo a, #body_mycpo #mnav_mycpo span, #body_mycpo #nav_mycpo { color:#fff }
#body_mycpojobs #mnav_mycpo a, #body_mycpojobs #mnav_mycpo span { color:#fff; }
#body_mycpojobs #mnav_mycpo_jobs a { color:#f7941c; }
#body_mycponews #mnav_mycpo a, #body_mycponews #mnav_mycpo span { color:#fff; }
#body_mycponews #mnav_mycpo_news a { color:#f7941c; }
#body_mycponewsletter #mnav_mycpo a, #body_mycponewsletter #mnav_mycpo span { color:#fff; }
#body_mycponewsletter #mnav_mycpo_newsletter a { color:#f7941c; }
#body_mycpodirectory #mnav_mycpo a, #body_mycpodirectory #mnav_mycpo span { color:#fff; }
#body_mycpodirectory #mnav_mycpo_directory a { color:#f7941c; }
#body_mycpoupdate #mnav_mycpo a, #body_mycpoupdate #mnav_mycpo span { color:#fff; }
#body_mycpoupdate #mnav_mycpo_profile a { color:#f7941c; }
#body_mycpomanage #mnav_mycpo a, #body_mycpomanage #mnav_mycpo span { color:#fff; }
#body_mycpomanage #mnav_mycpo_accounts a { color:#f7941c; }

.required_mark  { color:#F00; }

/* dp for date picker javascript library for calendar functionality */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	width:200px; // Dapper best guess. Style 'auto;' worked fairly well except in IE6
	// offending style from site that messes up date picker = table { width:689px; margin:20px; padding:0; text-align:left; border-collapse:collapse; }
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}