@charset "UTF-8";

BODY {
	/* This section shows up as an error because it only works in IE - that is OK */
	scrollbar-base-color: #57441a;
	scrollbar-arrow-color: #fff;
	background-color: #fff;
}
#navbar { /* width: 778px; */ }
#g_logo_prnt { display: none; }
.cdp { }

#cdp_main_photo_balboa {width: 486px; height: 220px; float:left; display:inline; background-image:url(../graphics/balboa/balboa_main.jpg);}

#cdp_main_photo_encino {width: 486px; height: 220px; float:left; display:inline; background-image:url(../graphics/encino/encino_main.jpg);}

.special_notice_sm { font-size: 24px;	font-weight:normal;	margin: 80px 0px 0px 10px; color: #ff0000;  float:left;	display:inline;	}

a.special_notice_sm:link { color: #ff0000; text-decoration:none; }
a.special_notice_sm:visited { color: #ff0000; text-decoration:none;  }
a.special_notice_sm:hover { color: #ff0000; text-decoration:none;  }
a.special_notice_sm:active { color: #ff0000; text-decoration:none;  }

.cdp h2 {
	font: 18px "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	margin: 0px 0px;
	padding: 3px 0px 0px 12px;
	color: #660000;
	background-color: #fefef2;
	font-weight: bold;
	float:left;
}
.cdp_map h2 {
	font: 18px "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	margin: 0px 0px;
	padding: 3px 0px 0px 12px;
	color: #660000;
	background-color: #fefef2;
	font-weight: bold;
	text-align:center;
}
.cdp h3 {
	font: 16px "Book Antiqua", "Palatino Linotype", "Times New Roman", Times, serif;
	margin: 0px 0px; 
	padding: 0px 0px 4px 12px;
	color: #fff;
	background-color:#660000;
}
.cdp h4 {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 6px 0px 4px 14px; 
	line-height: 1.35em; 
}
.cdp h5 {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 4px 0px 4px 14px; 
}
.cdp h6 { font: 11px  Verdana, Arial, Helvetica, sans-serif; color: #660000; margin: 6px 0px 0px 14px; line-height: 1.25em; 	float:left; display:inline;}

.treg_add { font: 11px  Verdana, Arial, Helvetica, sans-serif; color: #660000; margin: 4px 8px 0px 10px; line-height: 1.25em; float:right; padding-bottom: 8px;
}
.cdp p { font: 11px  Verdana, Arial, Helvetica, sans-serif; margin: 4px 4px 4px 14px; line-height: 1.25em; }

.popup_txt { font: 11px  Verdana, Arial, Helvetica, sans-serif; margin: 4px 4px 4px 14px; line-height: 1.25em; text-align:left; }

.course_name {
	width: 283px;
	height:26px;
	float:left; }
	
.course_location {
	width: 169px;
	height:22px;
	float:left; }

.cdp_btns {position: relative; margin: 3px 0px 0px 0px; height: 22px; float:left; display:inline; }
.cdp_btns li {width: 185px; height: 22px; position: absolute; top: 0px;  background: url(../graphics/btn_off_on.gif) 0 0 no-repeat; display: block; list-style: none; background-color:#3b2e12; color: #fff; z-index:200;}
.cdp_btns a {width: 185px; height: 22px; display: block; color:#fff; }
.cdp_btns .btn_off_on {left: 3px; z-index: 200; }
.cdp_btns .btn_off_on a:hover {background: url(../graphics/btn_off_on.gif) 0px -23px no-repeat;  z-index: 200; }
a.btn_txt:link {color: #fff; text-decoration: none; text-align:center; margin-top: 1px; }
a.btn_txt:visited {color: #fff; text-decoration: none; text-align:center; margin-top: 1px; }
a.btn_txt:hover {color: #fff; text-decoration: none; text-align:center; margin-top: 1px; }
a.btn_txt:active {color: #fff; text-decoration: none; text-align:center; margin-top: 1px; }


.after_ul_p { font: 11px  Verdana, Arial, Helvetica, sans-serif; margin: -8px 4px 4px 14px; line-height: 1.25em; }

.note {
	color: #ff0000;
	font-weight: bold;
}
.cs_note {
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;	
	margin: 40px 0px 4px 110px;
}

.accordion_txt {
	color: #000;
	font-size: 11px;	
	margin: 6px 10px 4px 10px;
}

.recycle {
	float:right;
	display:inline;
	margin: 6px 10px 0px 0px;
}
.red_text {
	color: #ff0000;
	font-weight: bold;
}
.cdp_button {
	float: left; 
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 14px; 
	width: 320px;
	font-weight: bold;  
	line-height: 1.5em;
}

.cdp_button_ms {
	float: left; 
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 14px; 
	width: 220px;
	font-weight: bold;  
	line-height: 1.5em;
}

.cdp_rp_button {
	float: left; 
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	margin: 4px 14px;
	width: 320px;
	font-weight: bold;  
	line-height: 1.5em;
}

.cdp_facts_button {
	float: left; 
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	margin: -2px 14px; 
	width: 320px;
	font-weight: bold;  
	line-height: 1.5em;
}

.submit {
	font: 10px  Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}

.cdp li.first { font: 11px  Verdana, Arial, Helvetica, sans-serif; margin: -16px 0px 0px; line-height: 1.25em; }

a.cdp:link {color: #000000; text-decoration: none; }
a.cdp:visited {color: #000000; text-decoration: none; }
a.cdp:hover {color: #660000; text-decoration: none; }
a.cdp:active {color: #000000; text-decoration: none; }

table.cd {
	width: 248px;
	border-width: 2px;
	border-spacing: ;
	border-style: solid;
	border-color: #660000;
	border-collapse: collapse;
	background-color: white;
}
table.cd th {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #660000;
	background-color: white;
	-moz-border-radius: ;
}
table.cd td {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #660000;
	background-color: white;
	text-align: center;
	-moz-border-radius: ;
}
.button_batto {
	float: right;
	margin: 1px 3px 0px 0px;
}
.button_lagc {
	float: right;
	margin: 1px 2px 0px -2px;
}
.map_title {
}
.map_title h3{
	width: 169px;
	height:23px;
	float:left;
}
.clear {
	clear: both;
}
div.views2w {
	float: left;
    margin: 4px 8px 0px 10px;
}
div.views2w p {
	text-align: center;
	width: 135px;
}
div.views3w {
	float: left;
	margin: 10px 0px 0px 12px;
	display: block;
	z-index: 2500;
}
div.views3w p {
	text-align: center;
	width: 80px;
}

.small_type {
	font: 10px  Verdana, Arial, Helvetica, sans-serif;
	margin: 4px 8px 8px 12px;
}

<!--[if IE 6]>
.AboutTregnanContent ul {}

.AboutTregnanContent ul li {
	width: 340px;
	margin: 6px 0px 6px 0px;
	vertical-align: middle;
	font: 11px  Verdana, Arial, Helvetica, sans-serif; line-height: 1.35em; 
}
<![endif]-->

.AboutTregnanContent ul {
	width: 340px;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px 0px 6px 10px;
}
.AboutTregnanContent ul li {
	width: 310px;
	margin: 6px 0px 6px 0px;
	vertical-align: middle;
}


/*---------- CDP tooltip - BEGIN -----------*/
<!--[if IE ]>
a.pop_uptop {
    text-decoration: none;
    display: inline-block !important;
    display: inline;
}
a.pop_uptop span.pop_up {
    visibility: hidden;
    display: block;
    position: absolute;
    left: 6px;
    top: 34px;
    padding: 2px;
    background: #57441a;
	z-index:3000;
}
a.pop_uptop:hover {
    border-bottom: 0px solid #9fc;
    text-decoration: none;
}

a.pop_uptop p {
    text-decoration: none;
}
a.pop_uptop:hover span.pop_up {
    visibility: visible;
    /* blow up width, could be zeroed by opera hack*/
	position: absolute;
    left: 6px;
    top: 34px; 
    width: auto;
	display:block;
    text-align: center;
}

a.pop_uptop:hover span.content { /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	font-weight: normal;
}
<![endif]-->
/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
    a.pop_uptop span.pop_up {
        left: inherit;
        top: inherit;
        margin-top: 12px;
        width: 0;
    }
}
/*---------- CDP tooltip - END -----------*/

/*---------- Facts tooltip - BEGIN -----------*/


	
<!--[if IE ]>
a.pop_facts {
    text-decoration: none;
    display: inline-block !important;
    display: inline;
}

	a.pop_facts span.pop_up {
	color:#000000;
	text-align:left;
    visibility: hidden;
    display: block;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;	
	line-height: 1.25em;
	border:#57441a 2px groove;
	margin: -198px 8px 0px -10px;/**/
    position: relative;
    width: 316px;
    padding: 8px;
    background: #fefef2;
	z-index: 3400;
}


a.pop_facts:hover {
    border-bottom: 0px solid #9fc;
    text-decoration: none;
}
a.pop_facts:hover span.pop_up {
    visibility: visible;
    /* blow up width, could be zeroed by opera hack */
    width: 316px;
	display:block;
    text-align: left;
}

a.pop_facts:hover span.content { /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	font-weight: normal;
}
<![endif]-->


/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
    a.pop_facts span.pop_up {
        left: inherit;
        top: inherit;
        margin-top: 12px;
        width: 0;
    }
}
/*---------- Facts tooltip - END -----------*/


/*---------- Popup Tooltip - BEGIN -----------*/
a.txt_pg {
    position:relative;
    text-decoration:none;
}
a.txt_pg span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.txt_pg:hover{ color: #660000; background:;}
a.txt_pg:hover span.tooltip{
    display:block;
}

a.txt_pg:hover span.content { /* different middle bg for stretch */
    display:block;
    position:absolute;
    top:-330px; left:0px;
}
/*---------- popup tooltip - END -----------*/

/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
    a.tooltiptop span.tooltip {
        left: inherit;
        top: inherit;
        margin-top: 12px;
        width: 0;
    }
}

#footer { }

#footer h5 {
	font-family:  Verdana, arial, helvetica, sans-serif;
	color:#ffffff;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	line-height: 1.25em; 
	margin: 0px;
	background-image: url(../graphics/grad_footer_lg.gif);
}

#fb_link {  float: left; display: inline; margin: 0px 0px 0px 6px; color:#ffffff; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; height:40px; width: 154px; padding: 1px 0px 0px 0px; }

#fb_logo {  float: left; display: inline; margin: 2px 0px 0px 6px; }

#fb_txt {  float: left; display: inline; margin: 0px 0px 0px 8px; color:#ffffff; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; height:36px; width: 92px; padding: 4px 0px 0px 0px; text-align:left; }

#tw_link {  float: left; display: inline; margin: 0px 0px 0px 14px; color:#ffffff; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; height:40px; width: 154px; padding: 1px 0px 0px 0px;  }

#tw_logo {  float: left; display: inline; margin: 2px 0px 0px 6px; }

#tw_txt {  float: left; display: inline; margin: 0px 0px 0px 8px; color:#ffffff; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; height:36px; width: 88px; padding: 4px 0px 0px 0px; text-align:left; }

a.pop_facts:link {color: #000000; text-decoration: none; cursor:default; }
a.pop_facts:visited {color: #000000; text-decoration: none; cursor:default;  }
a.pop_facts:hover {color: #660000; text-decoration: none; cursor:default;  }
a.pop_facts:active {color: #000000; text-decoration: none; cursor:default;  }

a.cdp:hover {color: #660000; text-decoration: underline; }

a.footer:link {	color: #FFF; text-decoration: none; }
a.footer:visited {color: #FFF; text-decoration: none; }
a.footer:hover {color: #F5EE1B; text-decoration: none; }
a.footer:active {color: #FFF; text-decoration: none; }

#footer { height: 44px;  width: 778px; background-image: url(../graphics/grad_footer_lg.gif); }

.footer_txt_links { width: 450px; height: 36px; margin: 3px 0px 0px 0px; font-family: Verdana, arial, helvetica, sans-serif; color:#ffffff; font-size: 11px; font-weight: normal; text-align: center; display:inline; float: left; line-height:1.5em; }