/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

html { height:100%;}
html, body, p, .text { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 22px; color: #333; text-align:left; }
#main_body { padding: 0; margin: 0px; background: #fff url(../images/bg.jpg) repeat-x center top; height:100%; }
#main_container { height: 100%; width: 750px; margin-right: auto; margin-left: auto;}

.text p { margin:0px 0px 10px 0px; }
.text h1 { font-family:Arial, Helvetica, sans-serif;font-size: 22px; line-height: 30px; color: #1e56a0; font-weight: normal; margin:0px 0px 5px 0px; }
.text h2, .text h3, .text h4, .text h5 { font-family:Arial, Helvetica, sans-serif;font-size: 14px; line-height: 16px; color: #1e56a0; font-weight: normal; margin:15px 0px 2px 0px; }

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px; margin-top: 10px; padding-left: 10px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 5px; margin-left: 5px; }

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

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px dashed #ccc; border-right: 0px; border-bottom: 0px; border-left: 0px; padding-bottom:5px; margin: 18px 0px 13px 0px !important; margin: 0px 0px 13px 0px; }

.formbox, .formtextarea, .formselect, .formbutton {  border: 1px solid #999; font-size: 11px; line-height:13px; color: #666666; }
.formbox { padding: 2px 3px; background: #fff; }
.formtextarea { padding: 2px 0px; background: #fff; }
.formselect { padding: 0px 0px 0px 5px; background: #fff; }
.formbutton { padding: 2px 3px; background: #efefef; cursor:pointer; }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; padding:0px 0px 10px 20px;}
.photoleft { float:left; padding:0px 20px 10px 0px;}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { display:block; }


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { color:#999; font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:10px; border-top:dashed 1px #ccc; padding:10px 0px 15px 0px; text-align:right; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#999; }
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; }


/*----- TIER 1 NAVIGATION ELEMENTS (apply these to td) -----*/

/* OFF */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { text-align:left; width:155px;padding:5px 0px 5px 0px;font-size: 11px; line-height: 13px; text-decoration:none;color:#b0b0b0;display:block;border-top: 1px dashed #ccc;}
/* OFF HOVER */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { text-align:left; color: #ff0000 ; }
/* ON */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier1_Active a:active { text-align:left; width:155px;padding:5px 0px 5px 0px;font-size: 11px; line-height: 13px; text-decoration:none;color:#1e56a0;display:block;border-top: 1px dashed #ccc;}


/*----- TIER 2 NAVIGATION ELEMENTS (apply these to td) -----*/

/* OFF */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { text-align:left; width:145px;padding:4px 0px 4px 10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; text-decoration:none;color:#b0b0b0;display:block;background: #fff url(../images/navigation/Tier2_Off.gif) no-repeat 0 7px; }
/* OFF HOVER */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { text-align:left; background: url(../images/navigation/Tier2_OffHover.gif) no-repeat 0 7px; color: #ff0000; }
/* ON */.Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active { text-align:left; width:145px;padding:4px 0px 4px 10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; text-decoration:none;color:#1e56a0;display:block;background: #fff url(../images/navigation/Tier2_On.gif) no-repeat 0 7px; }


/*----- TIER 3 NAVIGATION ELEMENTS (apply these to td) -----*/

/* OFF */.Tier4_Inactive a:link, .Tier4_Inactive a:visited { text-align:left; width:135px;padding:4px 0px 4px 20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; text-decoration:none;color:#b0b0b0;display:block;background: #fff url(../images/navigation/Tier3_Off.gif) no-repeat 0 7px; }
/* OFF HOVER */.Tier4_Inactive a:hover, .Tier4_Inactive a:active { text-align:left; background: #fff url(../images/navigation/Tier3_OffHover.gif) no-repeat0 7px; color: #ff0000;}
/* ON */.Tier4_Active a:link, .Tier4_Active a:visited, .Tier4_Active a:hover, .Tier4_Active a:active { text-align:left; width:135px;padding:4px 0px 4px 20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; text-decoration:none;color:#1e56a0;display:block;background: #fff url(../images/navigation/Tier3_On.gif) no-repeat 0 7px; }


/*----- FOOTER ELEMENTS -----*/

.Footer { color: #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; }
.Footer a:link, .Footer a:visited { color: #999; text-decoration:underline; }
.Footer a:hover, .Footer a:active { color: #999; text-decoration:none; }


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.blue {color:#1e56a0}
.caption { font-size: 9px; line-height: 12px; color: #999; padding:2px 2px 2px 2px; font-family:Arial, Helvetica, sans-serif;}
.sideNav { border-top:1px dashed #ccc;border-bottom:1px dashed #ccc; line-height: 18px; color: #b0b0b0; padding:10px 0px; text-align:left;}


/*----- FAMILY TREE TABLES -----*/

.t_text { padding-left:5px;}
.t_text_top { padding:0px 0px 0px 5px;}
.tline_1 { border-left:solid 1px #000; padding:5px 0px 0px 0px;}
.tline_2 { padding:0px 0px 0px 0px;}
.header { border-bottom:solid 1px #000;}
.border_left { border-left:solid 1px #000;}
#table_2 { margin-left:100px;}
#table_3 { margin-left:60px;}
#table_4 { margin-left:20px;}
#table_borderleft { border-left:solid 1px #000;}
.vertical { background:url(/Tremaine/images/Customer-Images/vert.gif) no-repeat 0 0; }

/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

.home_buttons { background:#e6eaee; padding:10px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin-top:20px;}
.home_buttons h2 { font-family:Arial, Helvetica, sans-serif;font-size: 18px; line-height: 22px; color: #1e56a0; font-weight: normal; margin:0px 0px 5px 0px; }
.home_buttons a:link, .home_buttons a:visited { width:159px; padding:7px 5px 7px 69px; border-top:1px dashed #ccc; display:block;font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#1e56a0; background:url(../images/home/button_bg_off.gif) no-repeat 47px 0; text-decoration:none;}
.home_buttons a:hover, .home_buttons a:active { width:159px; padding:7px 5px 7px 69px; border-top:1px dashed #ccc; display:block;font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#1e56a0; background:url(../images/home/button_bg_on.gif) no-repeat 47px 0; text-decoration:none;}
.art { background:url(../images/home/art.jpg) no-repeat 0 0; border-bottom:1px dashed #ccc;}
.environment { background:url(../images/home/environment.jpg) no-repeat 0 0; border-bottom:1px dashed #ccc;}
.education { background:url(../images/home/eductation.jpg) no-repeat 0 0; border-bottom:1px dashed #ccc;}
.transparency { background:url(../images/home/transparency_accountability.jpg) no-repeat 0 0; border-bottom:1px dashed #ccc;}