/***********************************************/
/* style.css                                   */
/* Use with College of Commercial Abritrators  */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-size: 11px;
	font-family: Arial, sans-serif;
	line-height: 15px;
	padding: 2px 0px 2px 0px;
	background-color: #ffffff;
}

.header-bottom 
{
	background: url(../images/header_bottom.jpg);
}

a:link, a:visited {
	color: #3766A4; /* #6a452a; */
	text-decoration: underline; /* none; */
}

a:hover {
	color: #1E385A; /* #6a452a; */
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
h1{
	font-family: Times New Roman, Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #0756A5;
	font-style: italic;
	padding-bottom: 12px;
}
/* main gold headers for all pages */

h2 
{
	padding-top: 10px;
	 font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #052147;
	/* font-variant: small-caps; */
}
/* smaller, lighter gold headers */

h3 {
	font-size: 110%;
	color: #7E0D07;
	font-weight: bold;
}
/* red sub headers */

h4 {
 font-family: Times New Roman, Times, serif;
 font-size: 90%;
 color: #A86B2A;
}
/* black bold */

h5 {
	font-size: 100%;
	color: #000000;
	font-weight: bold;
}

h6 {
	font-size: 100%;
	color: #185B8D;
	font-weight: normal;
}

/***********************************************/
/*Global navigation MENU*/
/***********************************************/
.mainnav 
{
	height: 50px;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	vertical-align: top;	
	/*font-variant: small-caps;*/
}

.mainmenu {
	padding: 0px 0px 0px 0px;
	/* width: auto; */
	height: 25px;
	white-space: nowrap;
	float:left;
}

.mainmenu ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	border: none;
	background-color: Transparent;
	font-size: 12px;
	line-height: 12px;
}

.mainmenu li 
{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	display: block;
} 

.mainmenu a {
	padding: 4px 8px 6px 8px;
	width: auto;
	font-weight: bold;
	vertical-align: middle;
	background-color: #1E385A;
	text-align: center;
	white-space: nowrap;
	display: block;
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	text-decoration: none;
}

.mainmenu a:visited { color: #FFFFFF; }
.mainmenu a:hover 
{
	color: #FFFFFF;
	background-color: #C16716;
	text-decoration: none;
}

.mainmenu .selected a {}

.mainmenu .selected a
{
	color: #FFFFFF;
	background-color: #3766A4;
	text-decoration: none;
}
.mainmenu .selected a:visited { color: #FFFFFF; }
.mainmenu .selected a:hover
{
	color: #FFFFFF;
	background-color: #C16716;
	text-decoration: none;
}

.mainmenu-spacer-init 
{
	background-color: Transparent;
	width: 15px;
	border: none;
}
.mainmenu-spacer {
	background-color: transparent;
	width: 1px;
	border: none;
}

/* hack to fix float bug with IE/MAC - commented backslash hack hides rule on that browser \*/
.mainmenu a {float:none; padding:4px 8px 6px 8px;}
/* hack to fix anchor width bug in IE/PC - width:.1em in #headerNav a */
.mainmenu > ul a {width:auto;}

/**********************************************/
/*************  Flyouts           *************/
/**********************************************/

.flyout 
{
	font-size:11px;
	line-height: 14px;
	width: 175px;
	position: absolute;
	background: #C16716;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:1px;
	border-style:solid;
	border-color:#ffffff;
	z-index:2;
	visibility:hidden;
}
.flyout ul 
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.flyout li 
{
	margin:0px;
	padding: 0px;
	list-style:none;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-style:solid;
	border-color:#ffffff;
}
.flyout a 
{
	display:block;
	width:auto;
	font-family:verdana, arial, sans;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px;
}
.flyout a:hover {text-decoration:underline; color:#FFFFFF; background:#A35713; padding-right:-5px;}
.flyout a:visited { color: #FFFFFF; }


/**********************************************/
/*************  Subnavigation     *************/
/**********************************************/


.main-left {
	background-image: url(../images/marble_sidebar.jpg);
	background-repeat: repeat-y;
	width: 170px;
	margin: 0px;
	vertical-align: top;
	height: auto;
	text-align: center;
}
		
.main-left h2{
	margin: 10px 0px 8px 0px;
	vertical-align: top;
	text-align: center;
}


.subnav 
{
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border: 0;
	text-align: center;
	font-size: 12px;
	/* font-variant: small-caps; */
	background-image: url(../images/marble_inset.jpg);
	background-repeat: repeat-y;
	width: 140px;
	height: auto;
}

.subnav ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.subnav li 
{
	margin:0px;
	padding:0px;
	list-style:none;
} 

.subnav a 
{
	margin: 0px;
	padding: 4px 4px 5px 4px;
	vertical-align: middle;
	color: #000000;
	width: 120px;
	text-align: left;
	display: block;
	text-decoration: none;
}

.subnav a:visited { color: #000000; }
.subnav a:hover {
	background-color: #C16716;
	color: #000000;
	text-decoration: none;
}

.subnav .line 
{
	font-size: 1px;
	line-height: 1px;
	width: 120px;
	height: 1px;
	vertical-align: middle;
	background-image: url(../images/submenu_line.gif);
	background-repeat: repeat-x;
}
.subnav .selected 
{
	font-weight: bold;
}	
	

/**********************************************/
/*************  Main Content area  *************/
/**********************************************/
		
.main-content {
	padding: 30px 40px 30px 40px;
	margin: 0px;
	width: 580px;
	text-align: left;
	height: auto;
	vertical-align: top;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 20px;
	background-color: #ffffff;
}

.main-right 
{
	width: 210px;
	margin: 0px;
	height: auto;
	background-color: #e9e3e4;
}

.home_image {
	margin: 5px 5px 10px 5px;	
	float: left;
	text-align: left;
	vertical-align: top;
}
	
.copyright {
	margin: 10px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #BBBBBB;
}


/* FAQ */
.faqQuestion			{ padding-top: 5px; padding-left: 20px; line-height: 110%; }
.faqQuestion A:link		{ text-decoration: underline; }
.faqQuestion A:visited	{ text-decoration: underline; }
.faqQuestion A:active	{ text-decoration: underline; }
.faqAnswer				{ margin: 3px; margin-left: 20px; padding: 5px; border: solid 1px #333333; background-color: #EEEEEE; }

/* LOCATOR */
.locator				{ width: 400px; font-size: 12px; line-height: 16px; }
.locator TD				{ padding-bottom: 2px; padding-right: 5px; }
.locator .left			{ width: 130px; text-align: right; }
.locator .right			{ width: 270px; text-align: left; }
.locator .heading		{ font-weight: bold; }
.locator .button		{ font-size: 11px; line-height: 16px; }

/* BIO RESULTS */
.bioresults				{ width: 100%; font-size: 12px; line-height: 16px; }
.bioresults TD			{ padding: 1px; margin: 0px; }
.bioresults P, UL, LI	{ margin-top: 0px; margin-bottom: 0px; }

/* LOGIN PAGE */
.login					{ width: 400px; font-size: 12px; line-height: 16px; }
.login TD				{ padding-bottom: 2px; padding-right: 5px; }
.login .left			{ width: 130px; text-align: right; }
.login .right			{ width: 270px; text-align: left; }
.login .button			{ font-size: 11px; line-height: 16px; }

/* FORMS */
.forms					{ width: 100%; }
.forms	TH				{ font-size: 11px; line-height: 15px; border-bottom: solid 1px #CCCCCC; padding-bottom: 2px; padding-right: 5px; }
.forms	TD				{ font-size: 11px; line-height: 15px; border-bottom: solid 1px #CCCCCC; padding-bottom: 2px; padding-right: 5px; }

/* ARTICLES */
.articles				{ width: 100%; }
.articles TH			{ text-align: center; font-size: 11px; line-height: 15px; border-bottom: solid 1px #CCCCCC; padding: 2px 5px 2px 2px; background-color: #000000; color: #FFFFFF; }
.articles TD			{ text-align: center; font-size: 11px; line-height: 15px; border-bottom: solid 1px #CCCCCC; padding: 2px 5px 2px 2px; }
.articles .noborder		{ border-bottom: none; }

.article_submit			{ width: 100%; }
.article_submit TD		{ text-align: left; font-size: 11px; line-height: 15px; padding: 2px 5px 2px 2px; }

/* NEW! */
.new_text_box			{ background-color:#00CC33; font:bold 9px verdana,sans-serif;  color:#FFFFFF; border:1px solid; border-color:#000000; padding:0px 2px 0px 2px;  text-decoration:none; margin:0px; vertical-align:middle;}
.added_text_box			{ background-color:#00FF33; font:bold 9px verdana,sans-serif;  color:#FFFFFF; border:1px solid; border-color:#000000; padding:0px 2px 0px 2px;  text-decoration:none; margin:0px; vertical-align:middle;}
.updated_text_box		{ background-color:#00FF33; font:bold 9px verdana,sans-serif;  color:#FFFFFF; border:1px solid; border-color:#000000; padding:0px 2px 0px 2px;  text-decoration:none; margin:0px; vertical-align:middle;}

/* ERROR */
.error					{ color:Red; padding:5px; margin:10px; border:1px dotted #cc0000; background-color:#ffffdd;}
.errortext				{ color:Red; font-size: 11px; line-height: 14px;}

/* PROFILE EDITTING */
.status_box				{ margin: 2px 0px 2px 0px; padding: 3px; }
.status_changed			{ border: solid 1px Black; background-color: #EEEEEE; color: Black; }
.status_waiting			{ border: solid 1px #997733; background-color: #FFFFDD; color: #997733; }
.status_rejected		{ border: solid 1px #AA3333; background-color: #FFEEEE; color: #AA3333; }
.status_approved		{ border: solid 1px #33AA33; background-color: #EEFFEE; color: #33AA33; }
.status_unknown			{ border: solid 1px #AA3333; background-color: #FFEEEE; color: #AA3333; }

.edit_box				{ }
.edit_box A, .edit_box A:link, .edit_box A:visited	{ background-color: #3766A4; color: White; text-decoration: none; margin: 0px 10px 2px 0px; border: solid 1px #000000; padding: 2px 5px 2px 5px; }
.edit_box A:link:hover, .edit_box A:visited:hover	{ background-color: #C16716; color: White; text-decoration: none; margin: 0px 10px 2px 0px; border: solid 1px #000000; padding: 2px 5px 2px 5px; }
.edit_box BUTTON		{ background-color: #3766A4; color: White; margin: 0px 10px 2px 0px; }

.update_box				{ margin: 0px; border: dotted 1px #666666; padding: 5px; font-size: 12px; line-height: 16px; }
.update_box P, UL, LI	{ margin-top: 0px; margin-bottom: 0px; }

.attention_box			{ border: solid 3px Red; }

.small_button			{ font-size: xx-small; }

/* ##### bug fixes ##### /*
/* IE/PC bug fix - solves problem of form dropdowns appearing through flyout menus (documented z-index bug) */
#iframeFixLayer {position:absolute; left:0px; top:0px; border:0px; display:none;}
#ieFlyoutFixLayer {}
/* IE/Mac bug fix - solves FLOAT bug in that browser */
.macIeFix {display:none;}
form {margin:0px; padding:0px;}