/* eb.css */


/** Global **/
/* technique explained @ http://leftjustified.net/journal/2004/10/19/global-ws-reset/  */

* {
    margin:0;
    padding:0;
}


/* links */
a {
	color: #000;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #fff;
}
/** end global **/



/* setting the base font size to 90% allows even scaling by the user while keeping font-size 'xx-small' legible */
body {
	background: #C7322C;
	font: 1.0em/1.2 verdana, sans-serif;
	font-size:90%;
}


/********
the #outer div is the key element to the flexibility of this design.
By setting maximum and minimum widths in 'em', whilst the width is set in '%', 
we effectively create the perfect combination of 'fluid' and 'elastic' layouts.
Javscript is used to add support for min/max width in IE

Any elements inside #outer that require a set width or horizontal margins/padding use the '%' unit for that value.
This means that regardless of what causes the #outer div to expand (font size or screen size), 
the content will seemlessly re-flow to fill that space.
*********/

#outer {
	position: relative;
	margin: 0 auto;
	margin-top: 14px;
	width: 956px;
	text-align: left;
} 


/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */

#header:after, #content:after, #footer:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}

* html# header, html# content, html# footer {
	height:1%;
}

.fixclear:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}



/* divs  */

/* home page */

/* front page header */

#header {
	position: relative;
	width: 956px;
	height: 166px;
	background: transparent url(images/header.jpg) top  left no-repeat;
}

/* front page middle */

#content {
	position: relative;
	width: 956px;
	background: transparent url(images/slice.jpg) top left repeat-y;
}


#content_left {
	position: relative;
	float: left;
	width: 239px;
	background: transparent;
}

#content_middle{
	position: relative;
	float: left;
	width: 478px;
	background: transparent;
	color: #6f6f6f;
	font-size: 11px;
	line-height: 22px;
	padding-top: 76px;
	padding-bottom: 15px;
}

#content_middle p {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 16px;
}

#content_middle img {
	margin-left: 35px;
	margin-bottom: 16px;
}

#content_middle h1 {
	margin-left: 40px;
	margin-bottom: 0;
}

#content_middle h2 {
	margin-left: 40px;
	margin-bottom: 0;
}

#content_middle h3 {
	margin-left: 40px;
	margin-bottom: 0;
}


#content_middle a:link {
	color: #4b88e4;
}

#content_middle a:visited {
	color: #4b88e4;
}

#content_middle a:active {
	color: #000;
}

#content_middle a:hover {
	color: #000;
}

#content_right {
	position: relative;
	float: left;
	width: 237px;
	background: transparent;
} 

#castle_bottom {
	position: absolute;
	top: 0;
	left: 128px;
	width: 214px;
	height: 36px;
	background: transparent url(images/castle_bottom.jpg);
}

#content_left_menu {
	position: relative;
	margin-left: 17px;
	width: 216px;
	border-right: solid 1px #ccc;
	background: transparent;
}

#content_left_menu_box {
	position: relative;
	width: 212px; 
	border-bottom: solid 1px #ccc;
	min-height: 72px;
}

#content_left_flash {
	position: relative;
	margin-left: 17px;
	width: 216px;
	border-right: solid 1px #ccc;
	background: transparent;
}

#content_left_flash_box {
	position: relative;
	width: 212px; 
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
}

#content_left_flash_box object {

}

#content_left_snippet {
	position: relative;
	margin-left: 17px;
	width: 216px;
	border-right: solid 1px #ccc;
	background: transparent;
}

#content_left_snippet_box {
	position: relative;
	width: 212px; 
	border-bottom: solid 1px #ccc;
	min-height: 96px;
	padding-top: 4px;
}


#content_left_snippet_box img {
	float: left;
	padding-right: 4px;
	padding-bottom: 2px;
}

#content_left_snippet_box h1 {
	color: c8322d;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 0;
}

#content_left_snippet_box p {
	color: #6f6f6f;
	font-size: 10px;
	margin: 0;
}

#content_left_snippet_box a:link {
	color: #4b88e4;
}

#content_left_snippet_box a:active {
	color: #000;
}

#content_left_snippet_box a:hover {
	color: #000;
}

#content_left_snippet_box a:visited {
	color: #4b88e4;
}

#content_left_calendar {
	position: relative;
	margin-left: 17px;
	width: 216px;
	border-right: solid 1px #ccc;
	background: transparent;
} 

#content_left_calendar_box {
	position: relative;
	width: 212px; 
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
}



#content_right_menu {
	position: relative;
	width: 216px;
	border-left: solid 1px #ccc;
	background: transparent;
}

#content_right_menu_box {
	position: relative;
	width: 212px; 
	margin-left: 4px;
	border-bottom: solid 1px #ccc;
	min-height: 72px;
}

#content_right_flash {
	position: relative;
	width: 216px;
	border-left: solid 1px #ccc;
	background: transparent;
}

#content_right_flash_box {
	position: relative;
	width: 212px; 
	margin-left: 4px;
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
}

#content_right_flash_box object {

}

#content_right_snippet {
	position: relative;
	width: 216px;
	border-left: solid 1px #ccc;
	background: transparent;
}

#content_right_snippet_box {
	position: relative;
	width: 212px; 
	margin-left: 4px;
	border-bottom: solid 1px #ccc;
	min-height: 96px;
	padding-top: 4px;
}

#content_right_snippet_box img {
	float: right;
	padding-left: 4px;
	padding-bottom: 2px;
}

#content_right_snippet_box h1 {
	color: c8322d;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 0;
}

#content_right_snippet_box p {
	color: #6f6f6f;
	font-size: 10px;
	margin: 0;
}

#content_right_snippet_box a:link {
	color: #4b88e4;
}

#content_right_snippet_box a:active {
	color: #000;
}

#content_right_snippet_box a:hover {
	color: #000;
}

#content_right_snippet_box a:visited {
	color: #4b88e4;
}

#content_right_calendar {
	position: relative;
	width: 216px;
	border-left: solid 1px #ccc;
	background: transparent;
}

#content_right_calendar_box {
	position: relative;
	width: 212px; 
	margin-left: 4px;
	border-bottom: solid 1px #ccc;
	padding-top: 10px;
}


#footer {
	position: relative;
	width: 956px;
	height: 129px;
	background: transparent url(images/footer.jpg) top  left no-repeat;
}



/* legal normal vert menu */
#legalnormalmenu  {
	position: relative;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    }

html>#legalnormalmenu	{
}

#lnlink1a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/leg_tech_over.jpg) no-repeat;
	}


#lnlink1b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/leg_tech.jpg) no-repeat;
	}	


a#lnlink1b:hover {
    	background:url(images/leg_tech_over.jpg) no-repeat;
	}



#lnlink2a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/leg_disc_over.jpg) no-repeat;
	}


#lnlink2b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/leg_disc.jpg) no-repeat;
	}	


a#lnlink2b:hover {
    	background:url(images/leg_disc_over.jpg) no-repeat;
	}

#lnlink3a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/leg_for_over.jpg) no-repeat;
	}


#lnlink3b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/leg_for.jpg) no-repeat;
	}	


a#lnlink3b:hover {
    	background:url(images/leg_for_over.jpg) no-repeat;
	}
	

#lnlink4a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/leg_cle_over.jpg) no-repeat;
	}


#lnlink4b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/leg_cle.jpg) no-repeat;
	}	


a#lnlink4b:hover {
    	background:url(images/leg_cle_over.jpg) no-repeat;
	}
	
.alt	{
	display: none;
}

/* legal reversed vert menu */



/* business normal vert menu */

#busnormalmenu  {
	position: relative;
    margin: 0;
    padding: 0;
    }

html>#busnormalmenu	{
}

#buslink1a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/bus_sec_over.jpg) no-repeat;
	}


#buslink1b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/bus_sec.jpg) no-repeat;
	}	


a#buslink1b:hover {
    	background:url(images/bus_sec_over.jpg) no-repeat;
	}



#buslink2a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/bus_rec_over.jpg) no-repeat;
	}


#buslink2b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/bus_rec.jpg) no-repeat;
	}	


a#buslink2b:hover {
    	background:url(images/bus_rec_over.jpg) no-repeat;
	}

#buslink3a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/bus_shred_over.jpg) no-repeat;
	}


#buslink3b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/bus_shred.jpg) no-repeat;
	}	


a#buslink3b:hover {
    	background:url(images/bus_shred_over.jpg) no-repeat;
	}
	

#buslink4a {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 188px;
	height: 18px;
    background:url(images/bus_incid_over.jpg) no-repeat;
	}


#buslink4b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 188px;
	height: 18px;
    	background:url(images/bus_incid.jpg) no-repeat;
	}	


a#buslink4b:hover {
    	background:url(images/bus_incid_over.jpg) no-repeat;
	}


/* business reversed vert menu */

/* footer horizontal menu */


#footermenu  {
	position: absolute;
	top: 0;
	left: 319px;
    margin: 0;
    margin-top: 8px;
    padding: 0;
	width: 310;
	background: transparent;
    	}

html>#footermenu	{
	width: 208px;
}

#footerlink1a {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
    width: 56px;
	height: 12px;
    background:url(images/about_over.jpg) no-repeat;
	}


#footerlink1b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 56px;
	height: 12px;
    	background:url(images/about.jpg) no-repeat;
	}	


a#footerlink1b:hover {
    background:url(images/about_over.jpg) no-repeat;
	}


#footerlink2a {
	position: absolute;
	top: 0;
	left: 56px;
	margin: 0;
	padding: 0;
	border: 0;
    width: 56px;
	height: 12px;
    background-image: url(images/team_over.jpg);
	}


#footerlink2b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 56px;
	height: 12px;
    background-image: url(images/team.jpg);
}


a#footerlink2b:hover {
    background-image: url(images/team_over.jpg);
}


#footerlink3a {
	position: absolute;
	top: 0;
	left: 112px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 56px;
	height: 12px;
    background-image: url(images/contact_over.jpg);
}


#footerlink3b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 56px;
	height: 12px;
    	background-image: url(images/contact.jpg);
}


a#footerlink3b:hover {
    background-image: url(images/contact_over.jpg);
}


#footerlink4a {
	position: absolute;
	top: 0;
	left: 168px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 76px;
	height: 12px;
    background-image: url(images/privacy_over.jpg);
}


#footerlink4b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 76px;
	height: 12px;
    	background-image: url(images/privacy.jpg);
}


a#footerlink4b:hover {
    background-image: url(images/privacy_over.jpg);
}


#footerlink5a {
	position: absolute;
	top: 0;
	left: 244px;
	margin: 0;
	padding: 0;
	border: 0;
	width: 76px;
	height: 12px;
    background-image: url(images/disclaim_over.jpg);
}


#footerlink5b {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 76px;
	height: 12px;
    	background-image: url(images/disclaim.jpg);
}


a#footerlink5b:hover {
    background-image: url(images/disclaim_over.jpg);
}

.alt {
	display: none;
}

.news_date {
	color: #ac0c12;
	font-weight: bold;
}



/* table formatting */

table {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 170px;
	font-size: 0.9em;
	color: #000;
	border-collapse: collapse; 
}

thead a.normal_text {
	font_size: 0.9em;
	font-weight: normal;
	color: #000;
}

thead a.normal_text:hover {
	font_size: 0.9em;
	font-weight: normal;
	color: #c7322c;
}

thead td.month {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 5px;
}


thead a.month_text {
	color: #000;
}

thead a.month_text:hover {
	color: #c7322c;
}


thead th.dow {
	text-align: center;
	font-size: 10px;
	font-weight: normal;
width: 25px;
/* border-right: 1px solid black; */
}

tbody {
	font-weight: normal;
	font-size: 10px;
}

tbody td {
/*	border: 1px solid; */
}

tbody td.data {
	text-align: center;
	width: 25px;
	background-color: #bbc;
	border: 1px solid #fff;
}

tbody td.data a.employee {
	color:#dd0000;
	text-decoration: none;
}


tbody td.nodata {
	text-align: center;
	width: 25px;
}

.leftborderblack {
	border-left: 2px solid black;
}

/* event_popup.tcl css */



#popup_outer {
        position: relative;
        margin: 0 auto;
        width: 500px;
        min-height: 500px;
        text-align: left;
        background: #fff;
}

#popup_content {
        position: relative;
        width: 450px;
        margin: 0 auto;
        padding-top: 80px;
        background: transparent;
}

#popup_content h1, h2, p {
        margin-left: 20px;
        margin-right: 110px;
}


#popup_content h1 {
        font-size: 14px;
        font_weight: bold;
        margin-bottom: 14px;
}

#popup_content h2 {
        font-size: 11px;
        font-weight: bold;
}

#popup_content p {
        font-size: 11px;
        font-weight: normal;
        margin-bottom: 11px;
}

#popup_content p.closewindow {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        margin-top: 16px;
        font_size: 10px;
}

#popup_content a:link {
	color: #f00;
	text-decoration: none;
}

#popup_content a:hover {
	color: #00f;
	text-decoration: underline;
}

.white_background {
	background: #fff;
}

#home_link_top {
	position: absolute;
	top: 75px;
	left: 375px;
	width: 200px;
	height: 91px;
	background: transparent;
	border: 0;
}

#home_link_bottom {
	position: relative;
	width: 214px;
	height: 36px;
	background: transparent;
	border: 0;
}


/* data entry rows */


.form_row {
        clear: both;
        padding-top: 0.5em;
	font-size: 1.0em;
	width: 350px;
}

.form_row span.label {
        float: left;
        width: 140px;
        text-align: right;
}

.form_row span.data {
        float: right;
        width: 200px;
        text-align: left;
}


.form_row select {
	font-size: 0.9em;
}

.form_row input {
	font-size: 1.0em;
}

.form_row textarea {
	font-size: 1.0em;
}




.button {
	margin-top: 1.0em;
}

.margin_top_1em {
	margin-top: 1.0em;
}


/* end */


/* header horizontal menu */


#headermenu  {
	position: absolute;
	top: 15px;
	right: 25px;
    margin: 0;
    padding: 0;
	width: 450px;
	background: transparent;
	font-size: 0.75em;
    	}

html>#headermenu	{
	width: 196px;
}

#headermenu a:link, a:visited {
	color: #55f;
	text-decoration: none;
}

#headermenu a:hover, a:active {
	color: #999;
	text-decoration: none;
}


.alt {
	display: none;
}

img.floatRight { 
    float: right;
}

.floatright {
	float: right;
}