@charset "utf-8";
body  {
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/bg-stripe.gif);
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
}
.thrColAbsHdr #container {
	margin: 28px 30px; /* this overrides the text-align: center on the body element. */
	min-width: 780px;
	text-align: left;
	vertical-align: bottom;
} 

#bottomhalf-outer {
    position: relative;
    background-image: url(images/right-blue-fade.png);
    background-repeat: repeat-y;
    background-position: top right;
    top: 0px;
}

#bottomhalf {
    position: relative;
    background-image: url(images/internal-background.png);
    background-repeat: repeat-y;
    background-position: top left;
    margin-right: 10px;
    border-right: 1px solid #0054A8;
}


/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
.thrColAbsHdr #header {
} 
.thrColAbsHdr   #form1      {
	right: 0px;
}
.thrColAbsHdr    #searchbar        {
	position: absolute;
	right: 30px;
	bottom: 5px;
}
.thrColAbsHdr     #gobutton            {
	background-color: #007DFB;
	border: 2px solid #444444;
	font-size: 9px;
	padding: 2px;
	bottom: 3px;
	text-decoration: none;
	color: #000000;
	position: absolute;
	right: 0px;
}
.thrColAbsHdr     #gobutton:hover           {
	background-color: #B9DCFF;
}
.thrColAbsHdr    #gobutton:active          {
	background-color: #FFFFFF;
	border: 2px solid #999999;
}

.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 45px;
	left: 0; // Runs past the end of its containing container*/
	position: relative;
	float: left;
	width: 150px; 
	margin-bottom: 20px;
	margin-left: 11px;
	background-color: #CCC8B4;
	display: block;
	margin-left: 11px;
	font-size: 10pt;
}
.thrColAbsHdr  #container  #sidebar1  a.menubutton, div.menubutton, span.menubutton {
	display: block;
	color: #0054a8;
	background-color: #F0EBD4;
	background-image: url(images/bg-button.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 15px 8px 15px 8px;
	margin: 0 0 0 0px;
}

a:visited {
	color: #00366c;
}

a.menubutton span.new {
	color: red;
	text-decoration: none;
}
.thrColAbsHdr #sidebar2 {
	position: relative;
	top: 0px;
	right: 0;
	width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 20px 15px 20px; /* padding keeps the content of the div away from the edges */
	float: right;
}

.thrColAbsHdr #departmentMainContent, #faderMainContent {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.thrColAbsHdr #departmentMainContent {
	margin-left: 160px;
}
.thrColAbsHdr #wholeMainContent {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
}

#departmentMainContent p {
	font-size: 12pt;
}
.thrColAbsHdr #mainContent {
	margin-top: 5px;
	margin-right: 240px;
	margin-bottom: 0px;
	margin-left: 160px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
}
#mainContent p {
	font-size: 12pt;
}
.thrColAbsHdr #footer {
	clear: both;
} 
.thrColAbsHdr #footer p {
	margin: 0 0 0 11px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	background-color: #0e3f69;
	color: #ccc;
}
.thrColAbsHdr #banner_anim {
	background-color: #0054A8;
	height: 125px;
    z-index: 1;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.thrColAbsHdr #topshadow {
	background-image:url(images/banner-top.png);
	background-repeat: repeat-x;
	background-position: center top;
	position: relative;
	margin: 0px 26px 0 26px;
	padding-top: 11px;
}	

.thrColAbsHdr #leftshadow {
	background-image:url(images/banner-left.png);
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 136px;
	width: 26px;
}	

.thrColAbsHdr #rightshadow {
	background-image:url(images/banner-right.png);
	float: right;
	background-repeat: no-repeat;
	background-position: right top;
	height: 136px;
	width: 26px;
}	

#footer p {
	text-align: center;
}
div.sectionBlock {
	margin-bottom: 25px;
}
h1.bigtitle {
	font-size: 20pt;
	padding: 3px 7px;
	border-top: solid #a6a293 2px;
	border-bottom: solid #a6a293 2px;
}
h2.subtitle {
	font-size: 14pt;
}
h2.subtitle .date {
	font-size: 10pt;
}
h1.bigtitle a {
	text-decoration: none;
}
h1.bigtitle a:hover {
	text-decoration: underline;
}
p.rightlink {
	text-align: right;
	padding-right: 1em;
}
p.rightlink a {
	font-size: 8pt;
}

.sectionBlock #pictureBlock, #slideshow {
	border: 1px solid #ddd;
	padding: 10px auto 10px auto;
	position: relative;
}
#sidebar2 .sectionBlock, #pictureBlock, #slideshow {
	border: 1px solid #ddd;
	background-color: #efefef;
	padding: 10px;
}
#sidebar2 .sectionBlock h2.subtitle {
	margin: 0;
	padding: 0;
}

.thrColAbsHdr #tabs {
	background-color: #0054A8; 
	margin-left: 11px;
	padding-left: 0px;
	padding-right: 0px;
	min-width: 750px;
}

/* CSS FOR GLOSSY TABS */
  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	clear: both;
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 auto 0 auto;
	background: url('images/menub_bg.gif') repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#eee;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 7px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 7px 0 0px; /*Padding of menu items*/
}
.glossymenu li.home_current a, .glossymenu li a:hover {
	color: #fff;
	background: url('images/menub_bluehover_left.gif') no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.home_current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url('images/menub_bluehover_right.gif') no-repeat right top; /*right tab image path*/
}
.glossymenu li.current a, .glossymenu li a:hover {
	color: #000;
	background: url('images/menub_hover_left.gif') no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #000;
	background: url('images/menub_hover_right.gif') no-repeat right top; /*right tab image path*/
}

.glossymenu li a {
	color: #fff;
	background: url('images/menub_left.gif') no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li a b {
	color: #fff;
	background: url('images/menub_right.gif') no-repeat right top; /*right tab image path*/
	padding-bottom: 10px;
}


/* END GLOSSY TAB CSS */
/* ULTIMATE FADE-IN SLIDESHOW */
#fadeshow1 {
	z-index: 0;
}
/* begin dropdown menu tabs */
#tabs div.dropdown {
    z-index: 100;
    border-left: #CCC8B4 2px solid;
    border-right: #777 2px solid;
    border-bottom: #777 2px solid;
    background-color: #F0EBD4;
}
#tabs div.dropdown a {
    color: #0054a8;
    display: block;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-decoration: none;
}
#tabs div.dropdown a:hover {
    background-color: #CCC8B4;
    text-decoration: underline;
}
/* end dropdown menu tabs */

#searchbox {
	width: 170px;
	margin: auto auto;
}
.onePost {
    margin-bottom: 10px;
    background-color: #eee;
    padding: 5px 8px 5px 8px;
}
.postTitle {
    display: block;
    font-size: 14pt;
    font-weight: bold;
    background-color: #ddd;
    padding: 5px; 10px;
}
a.postTitle:hover {
    background-color: white;
    text-decoration: none;
}

/* BEGIN entry view page accordian  */
div.arrowlistmenu h3 a {
    color: #ddd;
}
div.arrowlistmenu h3 {
    background-color: blue;
    color: #ddd;
    padding: 5px;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
}
div.arrowlistmenu ul.categoryitems {
    border: 2px solid #aaa;
    background-color: #ddd; 
    padding: 5px;
}

.servicehdr {
    border-top: 3px solid #777;
    border-bottom: 3px solid #777;
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    background-color: #aaa; 
    padding: 5px;
    margin-top: 5px;
    margin-right: 7px;
}
.activeservicehdr {
    border-top: 6px solid #aaa;
    background-color: #fed;
    margin-top: 15px;
}

.servicedsc {
    border-bottom: 6px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 5px;
    margin-right: 7px;
    margin-bottom: 15px;
    background-color: #def;
}

 .bloglist {
    margin-left: 35px;
    padding-left: 5px;
    padding-right: 5px;
}
li {
    margin-bottom: 10px;
}
.subcategoryitems li.postbody {
    background-color: #fed;
    border: solid 1px #ccb;
    padding: 4px;
}
/*
a.button {
    border-top: 2px solid #ace;
    border-left: 2px solid #ace;
    border-bottom: 2px solid #68a;
    border-right: 2px solid #68a;
    background: #9ac;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    margin-top: 4px;
    position: relative;
    text-decoration: none;
}
*/
div.postbodytext {
    margin-top: 4px;
}
   

/* END entry view page accordian */

.userlist td {
    border-bottom: 1px #ddd solid;
    padding-top: 5px;
}

#CBA {
    color: #ddd;
    font-size: 64px;
    font-weight: bold;
    font-family: arial, sans;
    position: absolute;
    font-style: italic;
    right: 15px;
    top: 25px;
}

a.webmail_link {
     color: #aaa;
}

.disappear span.editbody {
    display: none;
}

.editbox * { 
    z-index: 101;
}

/* -- For guestbook -- */
.guestbook {
	margin-top: 10px;
}
.guestbook .amessage {
	margin-right: 150px;
	margin-bottom: 10px; 
}
.guestbook .themessage {
	color: #007;
	font-style: italic;
	font-size: medium;
}

.guestbook .messagefrom, 
.guestbook .affiliation {
	color: #333;
	font-size: x-small;
}
.guestbook .date {
	color: #888;
	font-size: x-small;
}

#slideshow {
    max-width: 739px;
}

    .opacity50 {
        opacity:0.50; /* firefox, opera, safari, chrome */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* IE 8 */
        filter:alpha(opacity=50); /* IE 4, 5, 6 and 7 */
        zoom:1 /* so the element "hasLayout"
        /* or, to trigger "hasLayout" set a width or height */
    }