body {
  font-family: "trebuchet ms",arial;
  font-size: 10pt;
  margin: 0px auto;
  border-collapse: collapse; 
  background-color: #4B6176;
  background-image: url(../imgs/background.gif); 
}

img{
  border: none; 
  vertical-align: bottom;
}

a {
  color: #800000;
  text-decoration: none;
}

a:hover {
  color: #800000;
  text-decoration: underline;
}

table.pageHeader {
  border-collapse: collapse;
  border: none;
  padding: 0;
}

tr.pageHeader {
  border-collapse: collapse;
  border: none; 
  padding: 0;
}
td.pageHeader {
  border-collapse: collapse;
  border: none; 
  padding: 0;
}

img.pageHeader {
  margin: 0; 
  padding: 0; 
  spacing: 0;
  height: 130px; 
}

.Content {
  font-family: "trebuchet ms",arial;
  font-size: 10pt;
  width: 491px;
  margin: 10px 0px 10px 10px;
}

.SideBar {
  font-family: "trebuchet ms",arial;
  font-size: 10pt;
  width: 170px;
  margin: 0px;
  padding: 10px;
}

.leftedge {
  background-image: none;
  background-repeat: repeat-y;
  margin: 0;
  padding: 0;
  spacing: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/leftedge.png',sizingMethod='scale');
}

.leftedge[class] {
  background-image: url(../imgs/leftedge.png);<td valign="top" align="center" width="3"   bgcolor="#cccccc"><img alt="" width="3" border="0" src="imgs/shim.gif" /></td>
}

.rightedge {
  background-image: none;
  background-repeat: repeat-y;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/rightedge.png',sizingMethod='scale');
}

.rightedge[class] {
  background-image: url(../imgs/rightedge.png);
}

/**************************** The navigation bar/menus ******************************/
.chromestyle
{
  width: 731px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 0px;
  margin-bottom: 0px;
}

.chromestyle:after
{ /*Add margin between menu and rest of content in Firefox*/
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  border-collapse: collapse;
}

.chromestyle ul
{
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-collapse: collapse;
  width: 731px;
  background-color: #E8C782;
  padding: 0;
  margin: 0;
  text-align: right; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li
{
  display: inline;
  background-color: #E8C782;
}

.chromestyle ul li a
{
  color: #494949;
  padding: 0 7px;
  margin: 0;
  text-decoration: none;
  border-right: 1px solid black;
  border-collapse: collapse;
}

.chromestyle ul li a
{
  color: #000000;
  text-decoration: none;
}

.chromestyle ul li a:hover
{
  background-color: #6CA6CD;
  color: #FFFFFF;
  text-decoration: none;
}

.chromestyle ul li a[rel]:after
{ /*HTML to indicate drop down link*/
  content: " >"; 
/*   content: " " url(../imgs/downimage.gif); */
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv
{
  position:absolute;
  top: 0;
  border: 1px solid black; /*THEME CHANGE HERE*/
  border-bottom-width: 0;
  font-size: 11px;
  font-weight: normal;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  line-height:18px;
  z-index:100;
  background-color: #E8C782;
/* background-color: #E8C782;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90;; */
  width: 200px;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);   /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a
{
  width: auto;
  display: block;
  text-align: left;
  text-indent: 3px;
  border-bottom: 1px solid black; /*THEME CHANGE HERE*/
  padding: 0px 0;
  text-decoration: none;
  font-weight: normal;
  color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
  width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
  background-color: #6CA6CD;
  color: #FFFFFF;
  text-decoration: none;
}

table.sched {
  border-collapse: collapse;
  border: 1px solid black;
  align: top center;
}

tr.sched {
  border-collapse: collapse;
  border: 1px solid black;
}
td.sched {
  border-collapse: collapse;
  border: 1px solid black;
  align: top center;
}

font.ContentHeader {
  font-family: "trebuchet ms",arial;
  font-weight: bold;
  font-style: italic;
  color: #a11919;
  font-size: 22pt;
  margin: 20px 20px 20px 20px;        
}

font.MediumContentHeader {
  font-family: "trebuchet ms",arial;
  font-weight: bold;
  font-style: italic;
  color: #a11919;
  font-size: 16pt;
  margin: 20px 20px 20px 20px;
}

font.SmallContentHeader {
  font-family: "trebuchet ms",arial;
  font-weight: bold;
  font-style: italic;
  color: #a11919;
  font-size: 12pt;
}

div.HRule {
  height: 1px;
  border-top: thin dotted #cccccc;
  width:98%;
}

div.SidebarHRule {
  height: 2px;
  border-top: thin dotted #a11919;
  width:90%;
}

/* *********************** Announcements section *************************** */
.announceList {
  width: 480px;
  border: 1px solid #006699;
  margin: 10px;
  padding: 0px;
}

.announceTitle {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #004262;	
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  padding: 2px;
  padding-left: 10px; 
  padding-right: 10px;       
}
.announceDesc {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #383838;
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  padding-left: 30px;        
}

.contact table {
  border-collapse: collapse;
  border: none;
}

.contact td {
  border-collapse: collapse;
  border: none;
  padding: 0px 10px;
  align: top;
}


/********************************  Login **************************************/

.login {
  width: 170px;
  align: center;
  border: 0;
}
.submit-btn {
  width: 54px;height: 20px;
  background:url(../login/images/submit.gif) no-repeat;
  outline: none;
  vertical-align:bottom;
  border:0;
  margin:5px 0 0 0;
  float:center
}

.submit-btn {
  margin:1px 0 0 0;#
}

.submit-btn:hover {
  background: url(../login/images/submit.gif) no-repeat 0 -20px;
}

.input {
  border: 1px solid black;
  width: 70px;
/*  background: #EEE8AA; */
  background: #FFFFFF;
  font: 8px verdana, sans-serif;
  color:#443;
  padding:2px;
  outline:none;
}

.input:focus {
  border:1px solid black;
  background: #e4ebeb;
}

.error {
  font: 10px verdana, sans-serif;
  color:red;
  margin:0;
  padding:0;
}


/**************************** The navigation bar/menus ******************************/
#nav {padding: 0px; margin:0; list-style:none; height:35px; width:731px; font-family:verdana, arial, sans-serif; font-size:12px; background:url(../imgs/back7.png) repeat-x; border-top:1px solid #d1e9fb;}
#nav li {float:left; width:104px; height:35px;}
#nav li a {display:block; float:left; width:108px; height:35px; line-height:35px; text-decoration:none; color:#000;}
#nav li a span {display:block; height:35px; width:100px; float:left; text-align: center; background:transparent;}
#nav li a b.p0 {display:block; width:8px; height:35px; background:transparent; float:left;}
#nav li a b.p1 {clear:left; float:left; display:block; height:8px; width:100px; background:transparent; font-size:1px;}
#nav li a b.p2 {display:block; float:left; height:8px; width:8px; background:transparent; font-size:1px;}

#nav li a:hover {position:relative; visibility:visible; cursor:pointer; line-height:32px;}

#nav li:hover {position:relative;}
#nav li:hover > a {line-height:33px;} 

#nav li:hover a b.p0 {background:url(../imgs/right.png);}
#nav li:hover a b.p1 {background:url(../imgs/bottom.png);}
#nav li:hover a b.p2 {background:url(../imgs/corner.png);}

#nav li a:hover span {background:url(../imgs/greytab2.png);}
#nav li:hover > a span {background:url(../imgs/greytab2.png);}

#nav ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0;}

#nav table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}

#nav :hover ul {left:0; top:35px; width:200px; z-index:500; background:url(../trans.gif);}
#nav :hover ul ul {position:absolute; left:-9999px;}

#nav :hover ul :hover ul {left:110px; top:0;}

#nav :hover ul li {height:25px; width:200px;}
#nav :hover ul li.pad1 {height:8px; width:200px; background:transparent;}
#nav :hover ul li.pad2 {height:8px; width:200px; background:transparent;}
#nav :hover ul li.pad1 b.p3 {display:block; width:8px; height:8px; font-size:1px; float:right; background:url(../imgs/right.png);}
#nav :hover ul li b.p4 {display:block; width:8px; height:25px; float:right; background:url(../imgs/side.png);}
#nav :hover ul li.pad2 b.p5 {display:block; width:192px; height:8px; font-size:1px; float:left; background:url(../imgs/bottom.png);}
#nav :hover ul li.pad2 b.p6 {display:block; width:8px; height:8px; font-size:1px; float:left; background:url(../imgs/corner.png);}
#nav :hover ul li.pad1 b.p7 {display:block; width:191px; height:7px; font-size:1px; float:left; background:#58a6cd; border-top:1px solid #a9cfe2; border-left:1px solid #a9cfe2;}
#nav :hover ul li a {height:25px; line-height:25px; padding-left:10px; width:181px; background:#58a6cd; border-left:1px solid #a9cfe2;}
#nav :hover ul li a.fly {background:#58a6cd url(../imgs/arrow.png) no-repeat 120px 5px;}

#nav :hover ul.green li.pad1 b.p7 {background:#E8C782; border-top:1px solid #E8C782; border-left:1px solid #E8C782;}
#nav :hover ul.green li a {background:#E8C782; width: 181px; text-align:left; border-left:1px solid #E8C782;}

#nav :hover ul li a:hover {color:#fff;}
#nav :hover ul li:hover > a {color:#fff;}

#nav :hover ul :hover ul li.pad1 b.p7 {background:#bab3d5; border-top:1px solid #e1deed; border-left:1px solid #e1deed;}
#nav :hover ul :hover ul li a {background:#bab3d5; border-left:1px solid #e1deed;}