/* CSS Document */
body {
	margin:24px 0px 24px 0px;
	background-image:url(images/_c21-bg_1.jpg);
	background-repeat:repeat;
}

.c21_button {
 background-image:url(images/_c21_button.jpg);
 background-repeat:no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
 text-align:center;
 
}

a.c21_button_text:link {
	color: #FFFFFF;
	text-decoration:none;
}
a.c21_button_text:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a.c21_button_text:hover {
	color: #EFBD28;
	text-decoration:none;
}
a.c21_button_text:active {
	color: #FFFFFF;
	text-decoration:none;
}

.c21_bottom_copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.c21_page_bottom {
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.featured_box {
 border-color:#000000;
 border-style:solid;
 border-width:1px;
 background-image:url(images/_c21-featured_bg.jpg);
 background-repeat:repeat-x;
}
.property_image {
 border-style:solid;
 border-color:#000000;
 border-width:1px;
}

.c21_subnav {font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#999999; 
	font-weight:bold; 
	text-decoration:none;
	background-image:url(images/_c21-bg_2.jpg); 
	background-repeat:repeat-x;
	text-align:center; }
a.prop_nav:link {color:#999999; text-decoration:none;}     /* unvisited link */
a.prop_nav:visited {color:#999999; text-decoration:none;}  /* visited link */
a.prop_nav:hover {color: #000000; text-decoration:none;}   /* mouse over link */
a.prop_nav:active {color:#999999; text-decoration:none;}   /* selected link */

hr {
	border: 1px solid #404040;
	color: #404040;
	background-color: #404040;
	height: 0px;
}

th {
	font-size:11px;
	color: #ffffff;
/*	background-color: #000000; */
}

.filter_header {
/*	background-image: url('http://www.paradoxlabs.com/images/filter_header.jpg');
	background-repeat: repeat-x;
*/	background-color: #fbcd2f;
}

td {
	font-size: 11px;
	font-family: Verdana;
	color: #404040;
}



h3 {
	font-size: 12px;
}

.main_content {
	background-color: #ffffff;
	height: 100%;
}

.small {
	font-size: 8px;
	color: #909090;
}

a.menu:link {
	color: #909090;
	font-size: 10px;
	text-decoration: none;
}

a.menu:visited {
	color: #909090;
	font-size:10px;
	text-decoration: none;
}

a.menu:hover {
	color: #303030;
	font-size:10px;
	text-decoration: underline;
}

a.feed:link {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight:bolder;
}

a.feed:visited {
	color: #ffffff;
	font-size:12px;
	text-decoration: none;
	font-weight:bolder;
}

a.feed:hover {
	color: #404040;
	font-size:12px;
	text-decoration: underline;
	font-weight:bolder;
}

a.port_feed:link {
	color: #404040;
	font-size: 12px;
	text-decoration: none;
	font-weight:bolder;
}

a.port_feed:visited {
	color: #404040;
	font-size:12px;
	text-decoration: none;
	font-weight:bolder;
}

a.port_feed:hover {
	color: #ffffff;
	font-size:12px;
	text-decoration: underline;
	font-weight:bolder;
}

.crumb {
	color: #909090;
	font-size:9px;
}

a.crumb:link {
	color: #909090;
	font-size: 9px;
	text-decoration: none;
}

a.crumb:visited {
	color: #909090;
	font-size:9px;
	text-decoration: none;
}

a.crumb:hover {
	color: #909090;
	font-size:9px;
	text-decoration: underline;
}

a.news_link:link {
	color: #909090;
	font-size: 12px;
}

a.news_link:visited {
	color: #909090;
	font-size:12px;
}

a.news_link:hover {
	color: #909090;
	font-size:12px;
	text-decoration: none;
}

.footer {
	font-size: 10px;
	color: #000000;
}

a.bottom_nav:link {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

a.bottom_nav:visited {
	color: #909090;
	font-size:10px;
	text-decoration: none;
}

a.bottom_nav:hover {
	color: #909090;
	font-size:10px;
	text-decoration: underline;
}

a.sitemap:link {
	color: #909090;
	font-size: 10px;
	text-decoration: none;
}

a.sitemap:visited {
	color: #909090;
	font-size:10px;
	text-decoration: none;
}

a.sitemap:hover {
	color: #909090;
	font-size:10px;
	text-decoration: underline;
}

.bottom_border {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

.bottom_border_gray {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c0c0c0;
}

.box {
	padding: 2px;
}

.border {
	border-style: solid;
	border-width: 1px;
	border-color: #fbcd2f;
}

/* this is for drop down menus...  you WILL need to add to go deeper */
.horizontal {
	width: 20px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2;
	background-color: #ffffff;
}

#nav a:link {
	display: block;
	width: 15em;
	padding: 0 5 0 5;
	color: #000000;
	text-decoration: none;
}

#nav a:visited {
	display: block;
	width: 15em;
	padding: 0 5 0 5;
	color: #000000;
	text-decoration: none;
}

#nav a:hover {
	display: block;
	width: 15em;
	color: #000000;
	padding: 0 5 0 5;
	background-color: #D8EAED;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	width: 15em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: solid #D8EAED;
	border-width: 1px 1px; 

}

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

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover 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;
}

.childgrouptable {
	border-style: solid;
	border-width: 1px;
	border-color: #303030;
	width:100%;
}

.childdiv {
	border-style: solid;
	border-width: 1px;
	border-color: #303030;
	padding: 10px;
	float: left;
	font-size:10px;
	text-align:center;
}

.childgroup {
	font-size:12px;
}

.productgrouptable {
	border-style: solid;
	border-width: 1px;
	border-color: #303030;
	width:100%;
}

.productdiv {
	border-style: solid;
	border-width: 1px;
	border-color: #303030;
	padding: 10px;
	float: left;
	font-size:10px;
	text-align:center;
}

.product {
	font-size:12px;
}

	#vertical, #vertical ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}
	
	#vertical li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.7;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#vertical li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}
	
	#vertical li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#vertical li a {
		width: 11em;
		w\idth : 10em;
		display : block;
		text-align:right;
		font-size:14px;
		color : #ffffff;
		font-weight : bold;
		text-decoration : none;
		background-color : #404040;
/*		border : 1px solid black;
*/		padding : 0 .5em;
	}
	
	#vertical li a:hover {
		color : #df9131;
/*		background-color : black; */
	}
	
	#vertical li:hover ul ul, #vertical li:hover ul ul ul, #vertical li.sfhhover ul ul, #vertical li.sfhhover ul ul ul {
		left: -999em;
	}
	
	#vertical li:hover ul, #vertical li li:hover ul, #vertical li li li:hover ul, #vertical li.sfhhover ul, #vertical li li.sfhhover ul, #vertical li li li.sfhhover ul { /* lists nested under hovered list items */
		left: auto;
	}