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

IMPORT EXTERNAL STYLSHEETS

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

@import "extensions.css";
@import "sub.css";

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

CSS CREATED FOR SCCAOR
CSS CREATED NOVEMBER 2006

1. BODY, GENERAL
2. HEADER
3. NAVIGATION
4. SUB NAVIGATION/SIDE NAVIGATION
5. CONTENT
6. FOOTER
7. FORM ELEMENTS
8. OTHER/NEW STYLES

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


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

BODY, GENERAL ELEMENTS

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

body {
	margin: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 1.5em;
	text-align: center;
	background: #ebeaea;
}
h1 {
	margin: .5em 0;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #00529b;
}
h2 {
	margin: .5em 0;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #00529b;
}
a {
	color: #2a5482;
	text-decoration: underline;
}
a:hover {
	color: #000;
}

div.clear {
	height: 1%;
	line-height: 1%;
	font-size: 1%;
	clear: both;
}
img {
	border: 0px;
}
.btn_home {
	padding-left: 16px;
	background: url(../imgs/icon_home.gif) no-repeat center left;
}
.btn_contact {
	padding-left: 16px;
	background: url(../imgs/icon_contact.gif) no-repeat center left;
}
table, th, td {
	font-size: 10px;
}
/*//////////////////////////////////////////////////

HEADER ELEMENTS

//////////////////////////////////////////////////*/
#header {
	background: #FFF url(../imgs/header_bg.gif) repeat-x;
}
#header .inner {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
#header .top {
	padding-left: 25px; 
	line-height: 22px;
	text-align: left;
	font-size: 9px;
}
#header .top a {
	color: #333;
}
#header .head {
	height: 124px;
	background: url(../imgs/header.gif) no-repeat;
}
#header a.logo {
	display: block;
	position: absolute;
	height: 50px;
	width: 200px;
	margin: 20px 0 0 20px;
	text-decoration: none;
}
#header .topsearch {
	padding-top: 15px;
	margin: 0 16px 0 0;
	text-align: right;
}
/*//////////////////////////////////////////////////

CONTENT ELEMENTS

//////////////////////////////////////////////////*/
#content {
	background: #FFF;
	clear:both;
	margin-top:0px;
}
#content .inner {
	width: 752px !important; width: 754px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}
#leftcolumn {
	float: left;
	width: 492px;
	background: #FFF;
}
#rightcolumn {
	float: right;
	text-align: left;
	width: 255px;
}
.boxmain {
	text-align: left;
}
.boxmain .top,
.boxmain .bottom {
	height: 14px;
	background: url(../imgs/content_top.gif) no-repeat;
}
.boxmain .bottom {
	background: url(../imgs/content_bottom.gif) no-repeat;
}
.boxmain .content {
	padding: 1px 26px;
	background: url(../imgs/content_bg.gif) repeat-y;
}
.boxmain .content_ad {
	padding: 1px 13px;
	background: url(../imgs/content_bg.gif) repeat-y;
}
.breadcrumb {
	text-align: left;
	padding-left: 26px;
	line-height: 2em;
}
.leftcol,
.rightcol {
	float: left;
	width: 215px;
}
.rightcol {
	margin-left: 10px;
}
.sidenews {
	margin-top: 20px;
	padding: 0 10px;
}
ul.arrow_list {
	list-style: none;
	padding-left: 10px;
}
ul.arrow_list li {
	padding-left: 16px;
	_margin-left: -40px;
	background: url(../imgs/arrow_bullet.gif) no-repeat 0px 4px;
}
.sidenews ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidenews li {
	padding: 0 0 10px 10px;
	font-size: 10px;
	background: url(../imgs/arrow_green.gif) no-repeat 0px 5px;
}
.sidenews li .date {
	font-weight: bold;
	color: #479DEB;
}
.sidenews li a {
	font-weight: bold;
}
.sidenews li p.bodytext {
	margin: 0;
}
#user {
	padding: 10px 6px;
	font-size: 9px;
}
div.tx-newloginbox-pi1 #user {
	font-size: 9px;
	padding: 2px 1px;
}
div.tx-newloginbox-pi1 #pass {
	font-size: 9px;
	padding: 2px 1px;
}
#user .left {
	width: 120px;
	padding: 10px 0 0 4px;
	line-height: 1.3em;
	text-transform: uppercase;
}
#user .left2 {
	width: 104px;
	padding-top: 5px;
	padding-left: 18px;
	line-height: 1.5em;
	/* background: url(../imgs/icon_mail.gif) no-repeat 4px 8px; */
}
.mailnotify {
	background: url(../imgs/icon_mail.gif) no-repeat;
	padding-left: 5px;
}
#user .right {
	float: right;
	width: 102px;
	margin-left: 14px;
	padding-top: 24px;
	line-height: 1.5em;
}
/*//////////////////////////////////////////////////

SIDE MENU ELEMENTS

//////////////////////////////////////////////////*/
.sidebox {
	text-align: left;
	background: url(../imgs/side_bg.gif) repeat-y;
}
.sidebox .top {
	padding-top: 10px;
	background: url(../imgs/side_top.gif) no-repeat;
}
.sidebox .bottom {
	height: 14px;
	background: url(../imgs/side_bottom.gif) no-repeat;
}
.sidebox .con {
	padding: 0 5px;
}
.sidebox #link_home {
	display: block; 
	width: 120px; 
	height: 15px; 
	float: right; 
	position: relative; 
	top: -3px; 
	margin-bottom: -15px;
}
.sidemenu {
	width: 236px !important; width: 246px;
	padding: 5px 5px 0 5px;
	border-top: 1px solid #DDD;
}
.sidemenu a {
	display: block;
	text-decoration: none;
	height: 27px;
	line-height: 26px;
	font-size: 10px;
	margin-top: 4px;
	padding-left: 25px;
	color: #333;
	font-weight: bold;
	background: url(../imgs/menu_item.gif) no-repeat;
	background-position: top left;
}
.sidemenu a:hover {
	background-position: top right;
}
span.selected a { 
	background-position: top right;
}
.sidemenu a.getinvolved {
	background: url(../imgs/menu_getinvolved.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.getinvolved:hover {
	background-position: top right;
}
.sidemenu a.organizations {
	background: url(../imgs/menu_organizations.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.organizations:hover {
	background-position: top right;
}
.sidemenu a.tourinformation {
	background: url(../imgs/menu_tourinformation.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.tourinformation:hover {
	background-position: top right;
}
.sidemenu a.search {
	background: url(../imgs/menu_findamemeber.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.search:hover {
	background-position: top right;
}
.sidemenu a.realestate {
	background: url(../imgs/menu_realestate.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.realestate:hover {
	background-position: top right;
}
.sidemenu a.mls {
	background: url(../imgs/menu_mls.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.mls:hover {
	background-position: top right;
}
.sidemenu a.testimonials {
	background: url(../imgs/menu_testimonials.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.testimonials:hover {
	background-position: top right;
}
.sidemenu a.findamember {
	background: url(../imgs/menu_findamember.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.findamember:hover {
	background-position: top right;
}
.sidemenu a.media {
	background: url(../imgs/menu_media.gif) no-repeat;
	background-position: top left;
}
.sidemenu a.media:hover {
	background-position: top right;
}
.nav_3 {
	margin-top: 4px;
	background: url(../imgs/subsub_bg.gif) repeat-y;
 }
.sidemenu .nav_3 .top {
	height: 10px;
	font-size: 1%;
	line-height: 1%;
	background: url(../imgs/subsub_top.gif) no-repeat;
 }
.sidemenu .nav_3 .bottom {
	height: 10px;
	font-size: 1%;
	line-height: 1%;
	background: url(../imgs/subsub_bottom.gif) no-repeat;
 }
.nav_3 a {
	display: block;
	height: auto;
	margin: 0px;
	padding: 4px 26px;
	color: #666;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.3em;
	color: #333;
	font-weight: bold;
	background: url(../imgs/subsub_bg.gif) repeat-y;
 }
.nav_3 a:hover {
	text-decoration: underline;
	color: #025299;
	background: url(../imgs/subsub_bg.gif) repeat-y;
}
.nav_4 a {
	display: block;
	height: auto;
	margin: 0px;
	padding: 4px 26px;
	color: #666;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.3em;
	color: #333;
	background: url(../imgs/subsub_bg.gif) repeat-y;
 }
.nav_4 a:hover {
	text-decoration: underline;
	color: #025299;
	background: url(../imgs/subsub_bg.gif) repeat-y;
}
/*//////////////////////////////////////////////////

FOOTER ELEMENTS

//////////////////////////////////////////////////*/
#footer {
	clear: both;
	margin: 0 auto;
	padding-top: 30px;
	font-size: 90%;
	text-align: center;
	background: url(../imgs/footer_bg.gif) repeat-x;
}
#footer .inner {
	margin: 0 auto;
	width: 750px;	
}
/*//////////////////////////////////////////////////

FORM ELEMENTS

//////////////////////////////////////////////////*/
form {
	padding: 0;
	margin: 0;
}
input, select, textarea {
	font-size: 11px;
}
#user input.small {
	width: 120px !important; width: 110px;
	font-size: 9px;
	margin: 2px 0;
}
/*//////////////////////////////////////////////////

NAVIGATION ELEMENTS

//////////////////////////////////////////////////*/
#nav_null  {
	/ * height: 32px; 
	 margin: 0 auto; */
	top: 99px;
	width: 100%;
	height: 86px;
	z-index: 997;
	left: 0px;
	position:absolute;
	background: url(../imgs/nav_bg.gif) repeat-x;
	background-color:#000;
}
#mainNav_null  {
	display: block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding: 0;
	/* text-align: left; */
	list-style: none;
	font-size: 10px;
	width:810px;
	text-align:left;
	background: url(../imgs/nav_bg.gif) repeat-x;
}
#nav {
	position: absolute;
	top: 99px;
	z-index: 997;
	width: 710px;
	margin: 0px 0 0 24px;
	padding: 0;
	text-align:left;
}
#mainNav {
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;	
}
#mainNav li {
	z-index: 9998;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	background: url(../imgs/nav_bg.gif) repeat-x;
}
#mainNav li.left,
#mainNav li.right {
	float: left;
	width: 12px;
	height: 32px;
	background: url(../imgs/nav_left.gif) no-repeat;
}
#mainNav li.right {
	width: 10px;
	background: url(../imgs/nav_right.gif) no-repeat top right;
}
#mainNav li a {
	display: block;
	padding: 8px 7px;
	color: #FFF;
	text-decoration: none;
	background: url(../imgs/nav_divider.gif) no-repeat top right;
}
#mainNav li a:hover {
	background: url(../imgs/navOn_bg.gif) repeat-x top right;
}
#mainNav li.selected a {
	background: url(../imgs/navOn_bg.gif) repeat-x top right;
}

/*	DROP DOWN NAVIGATION	*/
#mainNav ul.nav_sub {
	display: none;
}
#mainNav li:hover ul.nav_sub,
#mainNav li.over ul.nav_sub {
	display: block;
	position: absolute;
	z-index: 9999;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #003c75;
	border-right: 1px solid #003c75;
	border-top: 1px solid #003c75;
	background: transparent;
	background: #14558f;
}
#mainNav ul.nav_sub li {
	white-space: nowrap;
	display: block;
	float: none;
	border-bottom: 1px solid #003c75;
}
#mainNav ul.nav_sub li a {
	display: block;
	line-height: auto;
	padding: 4px 10px;
	color: #FFF;
	background: #14558f;
}
#mainNav ul.nav_sub li a:hover {
	color: #FFF;
	background: #4e9ede;
}
/*//////////////////////////////////////////////////

CALENDAR / EVENT ELEMENTS

//////////////////////////////////////////////////*/
.event_detail h1 {
	line-height: 36px;
}
.event_detail .event_icons {
	float: right;
}
.event_detail h2 {
	padding-top: 1em;
	border-top: 1px dashed #CCC;
}
.event_detail .pagination {
	padding-top: 1em;
}
.event_detail .pagination .link_back {
	float: right;
}
.event_detail .pagination .link_register {
	float: left;
}
.calendar_item {
	padding: 1em 0;
	border-bottom: 1px dashed #CCC;
}
.calendar_item a {
	font-weight: bold;
}
.calendar_item .link {
	float: right;
	padding-left: 2em;
}
.calendar_return_month {
	margin-top: 2em;
	font-weight: bold;
	font-size: 10px;
}
#calendar_fullview {
	background: url(../imgs/content_full_bg.gif) repeat-y;
}
#calendar_fullview .top {
	height: 15px;
	background: url(../imgs/content_top_bg.gif) no-repeat;
}
#calendar_fullview .bottom {
	height: 15px;
	background: url(../imgs/content_bottom_bg.gif) no-repeat top left;
}
#calendar_fullview .con {
	padding: 1px 19px;
}
#calendar_fullview .daynames {
	height: 32px;
	margin-bottom: 1em;
	line-height: 32px;
	background: url(../imgs/calendar_day_bg.gif) repeat-x;
}
#calendar_fullview .daynames div {
	float: left;
	width: 100px;
	border-right: 1px solid #4193ed;
	border-left: 1px solid #79c5f5;
	color: #FFF;
}
#calendar_fullview .daynames div.day_sun {
	border-left: 0px;
	background: url(../imgs/calendar_sun_bg.gif) no-repeat;
}
#calendar_fullview .daynames div.day_sat {
	border-right: 0px;
	background: url(../imgs/calendar_sat_bg.gif) no-repeat top right;
}
.pagination {
	margin-top: 1em;
	text-align: center;
}
.pagination .next {
	float: right;
}
.pagination .previous {
	float: left;
}
table.calendar {
	border: 1px solid #c2c2c2;
}
table.calendar td {
	width: 100px;
	height: 80px;
	border: 1px solid #c2c2c2;
	padding: 2px;
	vertical-align: top;
}
table.calendar td.cur {
	border-color: #f4c063;
	color: #f4c063;
}
table.calendar td.none {
	background: #e5e5e5;
}
table.calendar td a {
	line-height: 1.2em;
	font-size: 9px;
	color: #006699;
}
table.calendar td a:hover {
	color: #000;
}
/*//////////////////////////////////////////////////

SITE MAP ELEMENTS

//////////////////////////////////////////////////*/
.csc-sitemap-level1 {
	line-height: 1em;
	margin-left: 0em;
	font-weight: bold;
}
.csc-sitemap-level2 {
	margin-left: 1em;
	padding-left: 19px;
	line-height: 1em;
	background: url(../imgs/sitemap_level2.gif) no-repeat left center;
}
.csc-sitemap-level3 {
	margin-left: 3em;
	padding-left: 19px;
	line-height: 1em;
	background: url(../imgs/sitemap_level2.gif) no-repeat left center;
}
.csc-sitemap-level4 {
	margin-left: 5em;
	padding-left: 19px;
	line-height: 1em;
	background: url(../imgs/sitemap_level2.gif) no-repeat left center;
}
.csc-sitemap-level5 {
	line-height: 7em;
	background: url(../imgs/sitemap_level2.gif) no-repeat left center;
}
.csc-sitemap-level6 {
	background: url(../imgs/sitemap_level2.gif) no-repeat left center;
}
.csc-sitemap-level7 {
	background: url(../imgs/sitemap_level2.gif) no-repeat left center;
}

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

OTHER/NEW STYLE ELEMENTS

//////////////////////////////////////////////////*/
table.contenttable p.bodytext {
	font-size: 11px;
}
#myfavs {
	margin-top: 4px;
	background: url(../imgs/fav_bg.gif) repeat-y;
}
#myfavs .top {
	padding: 10px 10px 0px 10px;
	background: url(../imgs/fav_top.gif) no-repeat;
}
#myfavs .bottom {
	height: 15px;
	background: url(../imgs/fav_bottom.gif) no-repeat;
}
#myfavs .con {
	font-size: 10px;
	padding: 1px 10px;
}
#myfavs li {
	line-height: 1.2em;
}
#myfavs a {
	font-weight: normal;
}
#myfavs .favs_toggle_close {
	float: left;
	display: block;
	margin-top: 10px;
	height: 10px;
	width: 10px;
	cursor: pointer;
	background: url(../imgs/favs_toggle_close.gif) no-repeat;
}
#myfavs .favs_toggle_open {
	float: left;
	display: block;
	height: 10px;
	width: 10px;
	margin-top: 10px;
	cursor: pointer;
	background: url(../imgs/favs_toggle_open.gif) no-repeat;
}
#myfavs .remove_page {
	float: right;
	margin-top: 6px;
	font-size: 10px;
}
.userlist-nav {
	width: auto;
	text-align: center;
}
.userlist-spacer {
	padding: 0 2px;
}
.userlist_pager {
	padding: 0px;
}
ul.arrow_list strong{
	font-weight: normal;
}

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

FLASH VIDEO OVERLAY

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

#container { 
	height: 100%; 
	overflow: auto; 
	position: relative; 
	z-index: 0;
}
#FlashMovie { 
	position: absolute; 
	bottom: 0px; _bottom: -300px;
	left: 40%;
	z-index: 1;
	border: 0px; 
}

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

TYPOe 4.3 rendered csc-default, we need to have that as inline

//////////////////////////////////////////////////*/
.csc-default {
	display:inline;
}