/*------------------------------------------
Basic Global Styles
------------------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd {
	list-style: none; 
	margin: 0;
	padding: 0; 
}
body { 
	font-size: 13px; 
	font-family: arial, 'sans serif';
}
a { 
	color: #444; 
	font-weight: bold; 
	text-decoration: none; 
}
a:hover {text-decoration: none;}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }

/*------------------------------------------
Global Fixes
------------------------------------------*/
a:focus {outline: 0;}
#fiximgspace img{margin:-3px 0;}

/*------------------------------------------
Begin Main Skin Styles
------------------------------------------*/
/* Main */
#bdimain { 
	margin: 0px auto; 
	width: 900px; 
	margin-bottom: 10px;
}

/* Heading Styles */
#mainTitle, #maintitle a {text-align: center;}
#mainTagline { 
	display:block; 
	text-align: center; 
	font-size: 15px; 
}

/* Referer Keyword */
#referer{display:none}

/* Wrapper for Elements Below Nav */
#bdimainArea { padding: 1em; }

#mirror {margin-bottom: 50px;}

/*------------------------------------------
Navigation Bars
------------------------------------------*/
#topLinks, #bottomLinks, #leftLinks {
	font-size: 1.5em; 
	line-height: 2em; 
	text-align: center;
}
#leftLinks {font-size: 1.0em;}
#topLinks li, #bottomLinks li, #leftLinks li {
	display: inline; 
	list-style: none;
}
#topLinks li a, #bottomLinks li a {margin: 0 .5em;}
#leftLinks li a{ 
	border-right:1px solid #000; 
	padding-right:3px;
}
#topLinks li a:hover, #bottomLinks li a:hover, #leftLinks a:hover {text-decoration: underline;}

/* COLORS Top, Bottom, and Left Links */
#topLinks li a, #bottomLinks li a {color: #ccc; }
#leftLinks a { color: #000; }

/*------------------------------------------
Related Links
------------------------------------------*/
.centerrelated{ 
	text-align:center; 
	font-size:15px; 
	clear:both;
}
#relatedInfo { 
	font-size:13px; 
	margin: 5px auto; 
	padding: .5em; 
	text-align:justify; 
}
#relatedInfo li { display:inline; }
#relatedInfo h3 { 
	font-size: 15px; 
	text-align:center; 
}
#relatedInfo a{ 
	border-right: 1px solid #000; 
	padding-right:3px;
}
#relatedInfo a:hover { text-decoration:underline; }

/* COLORS Related Info */
#relatedInfo h3 { color: #000; }
#relatedInfo li { color: #000; }
#relatedInfo a { color: #000; }
#relatedInfo a:hover { color: #101010; }

.bdimenu a {color: #000}
.bdimenu a:hover {color: #999}
/*------------------------------------------ 
Sitemap
------------------------------------------*/

/* Sitemap Link */
#sidesm {
	padding: 1em; 
	width: 100px;
	margin: 0 auto;
	text-align: center;
}
#sidesm li { line-height: 1.55em; }
#sidesm a:hover { text-decoration: underline; }

/* COLORS Sitemap Link */
#sidesm { background-color: none; }
#sidesm a, #sidesm a:link { color: #000; }

/* Sitemap Page (from following sitemap link) */
#sitemap { margin-left:5px; }
#sitemap dt { margin-left:10px; }
#sitemap h3 { 
	margin-left:10px; 
	text-decoration: underline; 
}
#sitemap dd { 
	margin-left:20px; 
	text-transform: capitalize; 
}

/*------------------------------------------
WebLink Top And Bottom
------------------------------------------*/

/* WebLinks Both */
#webLinkTop, #webLinkBottom { margin:1em auto; }
#webLinkTop a:focus, #webLinkBottom a:focus {outline:0;}

/* Web Link Top */
/* no hover effects, hides text */
#webLinkTop {
	height: 150px;
	width: 500px; 
	padding:2em;
	background: url('/content/images/weblink.png') center no-repeat;
}

#webLinkTop h2 { text-align:center; }
#webLinkTop a {
	display: block;
	text-indent: -99999px; 
	height: 155px; 
	z-index: -5;
}

/* Web Link Bottom */
/* image changes on hover, shows text */
#webLinkBottom, #webLinkBottom:hover {
	height: 150px;
	width: 800px;
	background: url('/content/images/weblink2.png') center no-repeat;
}

#webLinkBottom { background-position: center top; }
#webLinkBottom:hover { background-position: center bottom; }

#webLinkBottom h2 a, #webLinkBottom h2 a:hover {
	text-align:center; 
	height: 120px;
	height: 110px;
        margin-left: 40px;
}

#webLinkBottom h2 a { 
	font-size:18px;
	color:#2F2F2F;
}

#webLinkBottom h2 a:hover{
	font-size:20px;
	color:#000;
}

#webLinkBottom a {
	display: block;
	height: 75px;
	z-index: -5;
	padding-top: 50px;
}

/*------------------------------------------
Content Style 
When Changing HEIGHT OR WIDTH 
Make Sure To Change All In Content Equal Increments  !!!
------------------------------------------*/

/* SIZES to Adjust */
/*******************/
#bdicontentwrap{
	width: 850px;	/* width */
	height: 500px;	/* height */
}

#bdicontentwrap ol{
	width:850px !important;	/* width */
}
#bdicontentwrap li{ 
	width:850px;	/* width */
	height:480px;	/* height */
}
/*******************/

/* Content, All Other Params */
#bdicontent img {
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	margin: 8px;
	max-height:150px;
}
	
#bdicontentwrap{
	background:#999 url('/content/images/contentwrapbk.png') no-repeat center;
	border: 0px solid #000;
	margin:0 auto;
	padding:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}	

#bdicontent p {
	padding:10px;
	line-height: 1.3em;
}

#bdicontentwrap ol{
	margin:0;
	padding:0;
	list-style:none;
	background: url('/content/images/olbk.png');
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

#bdicontentwrap li{
	overflow:hidden; 
	text-align:left;
}
	
#endcontent {
	text-align:center; 
	font-size:20px;
}	
#bdicontent ol li h2, #bdicontent ol li h1 { padding: 5px; }
#bdicontentolclear{ display:none; }

/* Next & Prev Buttons */
span#prevBtn a, span#nextBtn a {
	background: url('/content/images/olbk.png');
	color:#000;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 0px solid #000;
	padding: 0 5px 2px 5px;
	font-size:15px;
}	

span#prevBtn a { float: left; }
span#nextBtn a { float: right; }	
	
span#prevBtn a:hover, span#nextBtn a:hover{
	background: url('/content/images/olbk.png');
	color:#000;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 0px solid #000;
	opacity:0.6;filter:alpha(opacity=60);
}                   

/* Blog */
.blog, #content fieldset {
	background: url('/content/images/olbk.png');	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.blog { 
	border-top: 2px solid #000;
	height:120px !important; 
	overflow: hidden;
}
.blog img { display:none !important; }
.blog object { display:none !important; }
.blog legend { font-weight:bold; }
.blog legend a { 
	display:block; 
	max-width: 400px; 
	overflow: hidden; 
}
.blog div {
	font-size: 12px; 
	overflow: hidden; 
	margin: 0 auto;
}

/*------------------------------------------
Opt In Form
------------------------------------------*/
#optin { 
	border: 2px solid #ccc; 
	margin: 1em 0; 
	padding:1em; 
	background-color: #ccc;
}
#optin label { display:block;}
#optin label span { 
	width:45px; 
	float:left; 
	margin:7px 0; 
	font-size:14px; 
	font-weight:bold; 
}
#optin label input { 
	width:130px; 
	height:15px; 
	margin:5px 0;
}
#optin input[type="submit"] { }

/*------------------------------------------
Contact Form (from pagecurl)
------------------------------------------*/
#bdicontent form { text-align:center; }
#bdicontent form span { 
	display:block; 
	clear:both; 
}
#bdicontent form span label { 
	width:75px; 
	float:left; 
	text-align:right; 
	line-height:24px;
}
#bdicontent form span input[type=text], #content form label textarea { width: 375px; }
#bdicontent form span textarea { 
	height:75px; 
	width:375px; 
}
#bdicontent form input[type=submit] { margin:0 auto; }
	
/*------------------------------------------
Pop Out Weather And Cotd
------------------------------------------*/
/* Interior Cotd */
#cotd  h2{
	font-size: 12px;
	padding: 0 45px;
	color: #fff;
}
#cotd img {
	margin: 0px 15px;
	height: 150px;
	width: 250px;
	border: none;
}
	
#cotd {float:left;}

/* Interior Weather */
#weather{
	width: 200px;
	height: 100px;
	font-size: 14px;
	text-align: left;
	padding-left: 5px;
	padding-top: 0px;
	float: right;
	color: #fff; 
	font-weight: bold; 
}

#weather img{
	height: 70px;
	width: 70px;
	float: right;
}

/* Osx Container */

#osx-modal {
	position: fixed;
	bottom: -3px; 
	left: 0px;
}

#osx-container #osx-modal-title {
	color: #000; 
	background-color: #ccc; 
	border-bottom: 1px solid #ccc; 
	font-weight: bold; 
	padding: 6px 8px; 
	text-shadow: 0 1px 0 #f4f4f4;
	text-align: center;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
}

#osx-container .close a {
	display: block; 
	color: #777; 
	font-size: 12px; 
	font-weight: bold; 
	padding: 6px 12px 0; 
	text-decoration: none; 
	text-shadow: 0 1px 0 #f4f4f4;
	float: right !important; 
}

#osx-container .close {
	display:none; 
	float:right !important;
}
#osx-container .close a:hover {
	color:#f00;
	font-size:12px;
}
#osx-container #osx-modal-data {padding:1px 12px;}

#osx-container {
	width:540px; 
	background-color:#000; 
	color:#fff;
	background-image: url('/content/images/popupbk.png'); 
	background-position:top center;
	background-repeat:no-repeat;
	padding-bottom:15px; 
	-moz-border-radius-topleft:6px; 
	-webkit-border-top-left-radius:6px; 
	-moz-border-radius-topright:6px; 
	-webkit-border-top-right-radius:6px; 
	-moz-box-shadow:0 0 64px #000; 
	-webkit-box-shadow:0 0 64px #000;
}

#osx-modal img{border:none}
#osx-modal-content, #osx-modal-data {display:none;}
#osx-overlay {background-color:#000;} /* controls the overlay color when weather pops up */


/*
 ____  _  _  ____  
( ___)( ( )(  _  
 )__)  )  (  )(_) )
(____)(_)_)(____/ 
*/

html, body {
 margin: 0;
 padding: 0;
 background: url("/content/images/bg_01.jpg") top left repeat-x;
}
.wrap {
 width: 100%;
 height: 100%;
 background: url("/content/images/gui_06.jpg") 0 186px no-repeat;
}

.wrap .header {
 vertical-align: top;
}
.wrap .header h1 {
 margin: 0;
 padding: 0;
 width: 743px;
 height: 155px;
 background: url("/content/images/gui_01.jpg") top left no-repeat;
}
.wrap .header .nav {
 list-style: none;
 margin: 0;
 padding: 0;
 width: 738px;
 height: 29px;
}
.wrap .content {
 height: 100%;
 vertical-align: top;
}
.wrap .content .child {
 padding: 26px;
 width: 70%;
}
.wrap .footer {
 height: 60px;
 background: url("/content/images/bg_02.jpg") top left repeat-x;
}
.wrap .footer p {
 margin: 0;
 padding: 0;
 width: 489px;
 height: 60px;
 background: url("/content/images/gui_10.jpg") top left no-repeat;
}

/* Content */
.content, .content table td {
 font: normal 10pt/14pt Arial, sans-serif;
 color: #000;
}
.content h2 {
 margin: 10px 0;
 padding: 0;
 font: normal 12pt Arial, sans-serif;
 color: #59788D;
 text-transform: uppercase;
}
.content .title {
 margin-bottom: 26px;
}
.content h2.pageTitle {
 margin: 0;
 padding: 0;
 font: normal 16pt Arial, sans-serif;
 color: #60869F;
 font-weight: bold;
 text-transform: uppercase;
}
.content a, .content a:link {
 color: #7395AC;
 text-decoration: none;
}
.content a:hover {
 color: #60869F;
 text-decoration: underline;
}

.error404, .error404 td, .error404 th {
 border: 0;
}
.error404 th {
 text-align: left;
}

.hide {
 display: none;
}
.twoColumnLayout .twoColumnTd1{
width: 48%;
}
.twoColumnLayout .twoColumnTd2{
width: 48%;
}

/* Main Flora Style Sheet for jQuery UI ui-datepicker */
#ui-datepicker-div { font-family: Arial,Helvetica,sans-serif; font-size: 14px; padding: 0; margin: 0; background: #7A9BBD; width: 185px; display: none; border: 1px solid #000044; z-index: 10; }
#ui-datepicker-div a { color:#000044; }

/* all row wrappers */
.ui-datepicker-control, 
.ui-datepicker-links, 
.ui-datepicker-header, 
.ui-datepicker { clear: both; float: left; width: 100%; color: #FFFFFF; }

/* top 2 rows */
.ui-datepicker-control { background: #000044; padding: 2px 0px; }
.ui-datepicker-links { background: #AAAAAA; padding: 2px 0px; }
.ui-datepicker-control, 
.ui-datepicker-links { font-weight: bold; font-size: 80%; letter-spacing: 1px; }
.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }
.ui-datepicker-current { float: left; width: 30%; text-align: center; }
.ui-datepicker-close, 
.ui-datepicker-next { float: right; width: 34%; text-align: right; }
.ui-datepicker-new-year { width:40%; }
.ui-datepicker-new-month { width:60%; }
#ui-datepicker-div .ui-datepicker-control a, 
#ui-datepicker-div .ui-datepicker-links a { padding: 2px 5px; }
#ui-datepicker-div .ui-datepicker-control a { color: #DDDDDD; }
     /* hover section of top two rows */
#ui-datepicker-div .ui-datepicker-control a:hover { background: #CDDAE7; color: #000044; }
#ui-datepicker-div .ui-datepicker-links a:hover, 
#ui-datepicker-div .ui-datepicker-title-row a:hover { background: #C6CBD0; color: #111177; }

/* month and year selection row */
.ui-datepicker-header { padding: 1px 0 3px; background: #7A9BBD; text-align: center; font-weight: bold; height: 1.3em; }
#ui-datepicker-div select { background-color:#7A9BBD; color: #000000; border: 0px; font-weight: bold; margin:0; padding:0; }

/* entire days area */
.ui-datepicker { text-align: center; }
.ui-datepicker a { display: block; width: 100%; }

/* day of week bar */
.ui-datepicker-title-row { background: #7A9BBD; color: #000000; }
#ui-datepicker-div .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #000044; }
#ui-datepicker-div .ui-datepicker-title-row .ui-datepicker-week-end-cell a { font-weight:bold; color:#DDDDDD; }

/* week rows */
.ui-datepicker-days-row { background: #FFFFFF; color: #666666; }

/* day cells in general */
.ui-datepicker-days-cell { color: #000000; border: 1px solid #888888; }
.ui-datepicker-unselectable { color: #888888; } /* days impossible to be selected */
.ui-datepicker-days-cell-over, 
#ui-datepicker-div .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell { background: #C6CBD0; border: 1px solid #777777; }

/* weekend related */
#ui-datepicker-div .ui-datepicker-week-end-cell { background: #AAAAAA; }

/* current day box */
#ui-datepicker-div .ui-datepicker-today { background: #7A9BBD; }
#ui-datepicker-div .ui-datepicker-current-day { background: #5C748E; }
#ui-datepicker-div .ui-datepicker-current-day a { font-weight: bold; color:#CDDAE7; }


/* ********************************************************* DEPRECATED *************************************************** */
/*
#ui-datepicker-div { display: none; border: 1px solid #7A9BBD; z-index: 10; }
.ui-datepicker-inline { float: left; display: block; border: 0; }
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-dialog { padding: 5px !important; }
button.ui-datepicker-trigger { width: 25px; }
img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }
.ui-datepicker-prompt { float: left; padding: 2px; background: #ff0000; color: #000; }
*html .ui-datepicker-prompt { width: 185px; }
.ui-datepicker-dialog { border: 4px ridge #7A9BBD; }
.ui-datepicker-links label { padding: 2px 5px; color: #000044; }
.ui-datepicker-rtl .ui-datepicker-clear, 
.ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }
.ui-datepicker-rtl .ui-datepicker-close, 
.ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }
.ui-datepicker-header select { color: #000; border: 0px; font-weight: bold; }
.ui-datepicker-week-over, 
.ui-datepicker-week-over .ui-datepicker-week-end-cell { background: #B1DB87 !important; }
.ui-datepicker-status { background: #ff0000; width: 1000%; font-size: 80%; text-align: center; }
#ui-datepicker-div a, 
.ui-datepicker-inline a { cursor: pointer; margin: 0; padding: 0; background: none; color: #000; }
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important;}
.ui-datepicker-multi .ui-datepicker { border: 1px solid #83C948; }
.ui-datepicker-one-month { float: left; width: 185px; }
.ui-datepicker-new-row { clear: left; }
.ui-datepicker-cover { display: none; display: block; position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 193px; height: 200px; }
 */

.nav {
 background: url("/content/images/nav.jpg") top right no-repeat;
}
.nav div, .nav div a {
 display: inline;
 float: left;
 margin: 0;
 padding: 0;
 height: 31px;
 background-repeat: none;
 background-position: 0 0;
}
.nav div a:hover, .nav div.active, .nav div.active a {
 background-position: 0 -31px;
}

#nav01, #nav01 a {
 width: 71px;
 background-image: url("/content/images/nav_01.jpg");
}
#nav02, #nav02 a {
 width: 99px;
 background-image: url("/content/images/nav_02.jpg");
}
#nav03, #nav03 a {
 width: 158px;
 background-image: url("/content/images/nav_03.jpg");
}
#nav04, #nav04 a {
 width: 145px;
 background-image: url("/content/images/nav_04.jpg");
}
#nav05, #nav05 a {
 width: 84px;
 background-image: url("/content/images/nav_05.jpg");
}
#nav06, #nav06 a {
 width: 119px;
 background-image: url("/content/images/nav_06.jpg");
}

/* Second tier */
.navHide {
 list-style: none;
 margin: 0;
 padding: 0;
}
.navHide .first {
 display: inline;
}
#secondTier {
 clear: both;
 list-style: none;
 margin: 0 0 5px 0;
 padding: 5px 0 0 0;
 width: 100%;
 height: 24px;
 background: url("/content/images/nav_bg.jpg") top left repeat-x;
}
* html #secondTier {
 height: 29px;
}
#secondTier li {
 display: inline;
 margin: 0;
 padding: 5px 0;
 width: auto;
}
#secondTier li a {
 padding: 0 10px;
 color: #fff;
 font: normal 14px Times, 'Times New Roman', serif;
 text-decoration: none;
 text-transform: uppercase;
}
#secondTier li.active a {
 text-decoration: underline;
}

/* Third Tier */
#thirdTier {
 list-style: none;
 position: absolute;
 top: 215px;
 left: 0;
 margin: 0;
 padding: 3px 0 0 0;
 width: 100%;
 height: 25px;
 background: #ADB9C0;
}
#thirdTier li {
 display: inline;
 margin: 0;
 padding: 0;
 height: 18px;
 background: #ADB9C0;
}
#thirdTier li a {
 padding: 0 10px;
 color: #fff;
 font: normal 12px Times, 'Times New Roman', serif;
 text-decoration: none;
}
#thirdTier li.active a {
 text-decoration: underline;
}



img, div, a, input { behavior: url(http://www.comproins.com/images/iepngfix.htc) }