/*******************************************************************
  Core Layout - NO styles in here, please.
*******************************************************************/

html,body {
  margin:0;
  padding:0;
  background-image:url(../images/bg_body.gif);
}

body {
  text-align:center;
}

div#header {
  height:94px;
  margin:0;

}

div#topnavigation {
  width: 750px;
  min-height:2em;
}

div#topnavigation-dynamic {
  width: 750px;
  height:25px;
  background-color:#ccc;
  padding:0;
  
}

div#container {
  text-align:left;
  width:750px;
  margin:0 auto;
  background-color:#fff;
  padding:4px;
  border:1px solid #ccc;
}

div#content {
  float:right;
 width:570px;
}

div#navigation {
  float:left;
  width:180px;
}

div#navigation-dynamic {
  float:left;
  width:180px;
}

div#extra {
  float:left;
  clear:left;
  width:180px;
}

div#footer {
  clear:both;
  height:0.01%;
  width:auto;
}


/*******************************************************************
  Display Styles
*******************************************************************/

body {
  font-family: arial,sans-serif;
  font-size: 1em;
  color: #344556;
  cursor: default;
}



div#header {
  background-image: url(../images/toplogo.png);
  background-repeat: no-repeat;
}

div#header h1 {
  display: none;
}

div#search-box {float:right;border:1px solid #FFCA10;background-color:#df7714;margin:20px 10px 10px 10px;padding:10px 5px 5px 5px;}

*html div#search-box {width:230px;}

div#topnavigation {
  background-image: url(../images/bg_topmenu.gif);
  background-repeat: repeat-x;
  
}

div#topnavigation ul {
  list-style: none;
  margin: 0;
  padding: 0em;
  padding-left: 0.5em;
}

div#topnavigation li {
  float: left;
  padding: 0.2em 0.5em 0.2em 0.2em;
}

div#topnavigation li a {
  color: white;
  font-weight: bold;
}

div#topnavigation li a:hover {
  color: yellow;
  font-weight: bold;
}
div#wrapper {
  margin-top: 1em;
}



div#pagetext {
  margin-bottom: 1em;
}

div#related {
  border: 1px solid #e4e4e4;
  background-color: #f4f4f4;
  padding: 10px;
}

div#navigation {

}

div#navigation ul {
  width: 90%;
  margin: 0;
  padding: 0;
  list-style: none;
}

div#navigation ul li {
  border-top: 1px solid #dfdfdf;
  background-image: url(../images/bg_leftmenu.gif);
  padding: 0.1em 0.4em;
}

div#navigation ul li:hover {
  background-image: none;
  background-color: #fcfcfc;
}

div#navigation ul li.lastlink {
  border-bottom: 1px solid #dfdfdf;
}

div#extra {
  /* This can be used for items below the left nav. Handy for adverts, features, etc..
     Just use display: none; to hide.
  */
  margin-top: 1em;
  border: 1px solid #f4f4f4;
  width: 162px;
  background-color: #f8f8f8;
  color: #b0b0b0;
}

div#extra p {
  padding: 5px;
  margin: 0px;
}

div#footer {
  font-size: 0.8em;
  color: #c4c4c4;
  text-align: left;
  border-top:1px solid #4670a0;
  padding:5px;
}

div#Accessibility {
  border: 1px solid #ccc;
  width: 162px;
  background-color: #f8f8f8;
  color: #b0b0b0;
  font-size:0.7em;

}
div#Accessibility ul li{
  border: 0;
  width:100%;


}

.Accessibility-title {font-size:1em; padding:4px; font-weight:bold;}

.flags {padding:4px 1px 1px 1px;float:none;}

.HideFromMain {Display:None;}

/*******************************************************************
  HTML Elements
*******************************************************************/


h1, h2, h3 {
  margin: 0px;
  letter-spacing: -2px;
}

a {
  text-decoration: none;
  font-weight: normal;
  color: #ff6600;
}

div#content a:hover {text-decoration:underline;}

img {
  border: none;
}

fieldset {
  border: none;
  line-height: 1.5em;
}

label {
  float: left;
  width: 180px;
  clear: both;
}

textarea {
  width: 100%;
}

acronym {
  cursor: help;
}

th {
  background-image: url(../images/bg_topmenu.gif);
  background-repeat: repeat-x;
  color: white;
  font-weight: bold;
}

td {
  vertical-align: top;
}

tr.highlight, td.highlight {
  background-color: #ffee66;
}

tr.row1, td.row1 {
  background-color: #f4f4f4;
}

tr.row2, td.row2 {
  background-color: #ffffff;
}

tr.unread, td.unread {
  background-color: #ffdd55;
}

hr {
border-top:1px solid #4670a0;
border-right:none;
border-bottom:none;
border-left:none;

height:1px; color:#4670a0;}

/*******************************************************************
  Horizontal Dynamic Menu Styles
*******************************************************************/
ul.horizontal, ul.horizontal li {
  margin:0;
  padding:0;
  list-style-type:none;
  font-size:100%;
  }

ul.horizontal {

  width:100%;
  cursor:default;
  z-index:2000;
  margin-left: -10.55em;
  padding: 0 0 0 1px;
  }

ul.horizontal li {
  width:auto;
  float:left;
  position:relative;
  cursor:pointer;
  cursor:hand;
  text-align:left;
  left:10.55em;
  margin:0 0 0 -1px;
  }

* html ul.horizontal li {
  margin:0 -10.55em 0 10.5em;
  }

ul[class^="horizontal"] li {
  margin:0 -10.55em 0 10.45em;
  left:0.05em;
  }

ul.horizontal ul {
  z-index:2020;
  padding:0;
  cursor:default;
  position:absolute;
  top:auto;
  width:8.2em;
  margin:0 0 0 0;
  left:-10000px;
  }

ul.horizontal ul li {
  width:8.2em;
  left:auto;
  margin:-1px 0 0 0;
  }

ul.horizontal ul.wider, ul.horizontal ul.wider li {
  width:12.2em;
  }

ul.horizontal ul ul {
  margin:-0.45em 0 0 7.65em;
  }

@media Screen, Projection {
  ul.horizontal li:hover > ul { left:auto; }
  ul.horizontal ul li:hover > ul { top:0; }
  }

ul.horizontal a, ul.horizontal a:visited {
  display:block;
  cursor:pointer;
  cursor:hand;
  background:#e4e4e4;
  border:1px solid #ccc;
  padding:5px 7px;
  font:normal normal bold 0.7em tahoma, verdana, sans-serif;
  color:#333;
  text-decoration:none;
  letter-spacing:1px;
  }

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
  background:#f4f4f4;
  color:#666;
  }



ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
  * html ul.horizontal li {
    display:inline;
    f\loat:left;
    background:#ffffff;
    }
  }
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { displa\y:block; }

/*******************************************************************
  Vertical Dynamic Menu Styles
*******************************************************************/
ul.vertical, ul.vertical li {
	margin:0 0 0 -3px;
	padding:1px;
	list-style-type:none;
	font-size:100%;
	}

ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	padding:0px;
	width:9.5em;
	}
	
/* this is the main menu */

ul.vertical li {
	position:relative;
	text-align:left;
	cursor:default;
	width:10em;
	padding:0px;
	margin:-1px 0 0 5px;
	
	}

/* this is the sub menu */

ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	width:8.2em;
	margin:10px 0 0 9em;
	top:-100em;
	left: 5px;
	padding:0px;
	}
	
ul.vertical ul li {
	width:8.2em;
	}

ul.vertical ul ul {
	margin:10px 0 0 6.5em;
	}

@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}

ul.vertical a, ul.vertical a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-decoration: none;
	font-weight: bold;
	list-style-type: square;
	display: block;
	text-decoration: none;
	border:   solid #dfdfdf 1px ; 
	background: #fcfcfc;
	padding:4px;
	}
	
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	display: block;
	border:   solid #dfdfdf 1px ; 
	background: #f2f2f2;
	cursor: pointer;
	text-decoration: none;
	}



@media screen, projection {
	* html ul.vertical li {
		display:inline; 
		f\loat:left; 
		background: #124969;
		}
	}
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }

/*******************************************************************
  Generic Classes
*******************************************************************/



.hidden, .printonly {
  display: none;
}

.calendar {
  background-color: #FAF4C8;
  border-right: 1px solid #E3DE9F;
  border-bottom: 1px solid #E3DE9F;
  width: 40px;
  text-align: center;
  font-size: 0.7em;
  float: left;
  margin: 0px 5px 5px 0px;
  line-height: 1.5em;
  font-weight: normal;

}

.eventTxt {float:none;margin-left:50px;}

.eventTxt a {font-weight:bold;text-decoration:none;}
.eventTxt a:hover {font-weight:bold;text-decoration:underline;}

.StandardRecordSet {float:none;margin:1em 0 1em 0;}

.StandardRecordSet a {font-weight:bold;text-decoration:none;}
.StandardRecordSet a:hover {font-weight:bold;text-decoration:underline;}

.eventItem {
  clear: both;
  margin-bottom: 1.5em;
}

.more {float:right;padding:2px;margin:-30px 4px 4px 4px;font-size:0.8em;background-color:#86a2c0;color:#fff;border:1px solid #ccc;width:80px;}
.smaller {
  font-size: 0.8em;
}

.warning {
  background-image: url(../images/icon_exit.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  font-weight: bold;
  color: #f00;
}

.required {
  color: #f00;
  font-weight: bold;
  vertical-align: top;
  margin-left: 0.05em;
  font-size: 1.4em;
}

.linkItem {
  background-color: #f4f4f4;
  margin-bottom: 1em;
  padding: 5px;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.searchTerm {
  background-color: #ffff99;
}

.origURL {
  color: green;
  font-size: 0.8em;
}
.titleBlock {
  background-color: #ddeeff;
}

.titleLine {
  background-color: #333333;
}

.rssimage {
  background-image: url(images/rss.gif);
  background-position: top;
}

.rssimage:hover {
  background-position: bottom;
}

div.messagingtoolbar {
  width: 100%;
  height: 2em;
  line-height: 2em;
  margin-bottom: 1em;
  font-size: 0.9em;
  background-color: #FAF4C8;
  border-right: 1px solid #E3DE9F;
  border-bottom: 1px solid #E3DE9F;
}

div.messagingtoolbar img {
  vertical-align: middle;
  margin-left: 20px;
}

.dynamic-extra-links a{background-color:#def8f8!important;}
.dynamic-login-links a{background-color:#f6eeae!important;}

.oddrow {background-color:#FFF;border-bottom:1px solid #ccc;padding:5px;min-height:2.2em;height:2.2em;}

.evenrow {background-color:#e5eef8;border-bottom:1px solid #ccc;padding:5px;min-height:2.2em;height:2.2em;}

#module-box {background-color:#e5eef8;border-bottom:1px solid #ccc;padding:5px;}

.module-title {
		background-image: url(../images/bg_topmenu.gif);
  		background-repeat: repeat-x;
  		padding:8px;
  		letter-spacing:0px;
  		color:#fff;
  		
  		}
  		
/*******************************************************************
  Calendar Styles
*******************************************************************/

 #arrow-left {background: #e5eef8 url("../images/arrow_left.gif") no-repeat; background-position: center center; padding:2px; height:16px;width:16px;border:1px solid #ccc;}
 #arrow-right {background: #e5eef8 url("../images/arrow_right.gif") no-repeat; background-position: center center; padding:2px; height:16px;width:16px;border:1px solid #ccc;}

.DayNotInMonth {background-image:url(../images/bg_body.gif);}

.DayInMonth {background-color:#e5eef8;}

.EventOnDay {background-color:#ffffcc;}

.Months {background-image: url(../images/bg_topmenu.gif);font-weight:bold;text-align:center;color:#fff}
.Date {font-size:0.7em;}
a.Date  {color:#046380;text-decoration:none;}
a:hover.Date  {text-decoration:underline;}
.Event-Title {font-size:0.7em;min-height:40px;}
.More-Events {font-size:0.7em;border-top:1px solid #fff;margin-top:10px;}

.Event-Box {background: #e5eef8;border:1px solid #ccc;margin:5px;padding:5px;height:0.01%;}
.Event-Box h3{letter-spacing:0px;}
.OnBlueLink {background: #ffffcc ;padding:2px;border:1px solid #ccc;font-size:0.8em;margin:10px 0px 0px 0px;}




.pagination {background: #e5eef8;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em;font-size:0.7em;}
.pagination p {position:relative;text-align:left;}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
.pagination p a:hover {background:#4670a0;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}


.complete {background-color:#ccff99;padding:5px;border:1px solid #339900;}
.error{background-color:#ffc0A9;padding:5px;border:1px solid #cc0000;}


.directory-categories li {display:inline;padding:10px;}

.thread {border-bottom:1px solid #ccc;}