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

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

body {
  text-align:center;
}

div#header {
  height:94px;
  width:100%;

  margin:0;


}

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

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

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



div#content {
  float:left;
 width:600px;
margin-left: 46px;
 padding: 0px 5px 0px 5px ;
border: solid 0px black;

}

div#homecontent {
  float:left;
 width:440px;
 padding: 0px 5px 0px 5px ;
 background-color: White;
/*   border-left: solid 1px gray;
   border-right: solid 1px gray;
*/
}



div#navigation {
  float:left;
  width:150px;



}

div#rightbox {
  float:right;
 width:240px;
border: solid 0px black;
margin-top: 10px;
}



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

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

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

div#footer A {
color:White;
}


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

body {
  font-family: arial,sans-serif;

  color: #344556;
  cursor: default;
}



div#header {
  background-image: url(../images/logo.gif);
  background-repeat: no-repeat;
background-position: top right;

}

div#homeimage {

}


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/menugrade.jpg);
    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.5em 0.5em 0.5em 0.5em;
  border-right: solid 1px gray;
}

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

div#wrapper {
/*  margin-top: 1em; */
 
 margin-top: 0px;
 padding: 0px;

 
  }
  
  
  
div#homewrapper {
/*  margin-top: 1em; */
 
 margin-top: 0px;
 padding: 0px;

border-bottom: solid 1px white;
 
 height: 441px;
  }
  
  

div#homephotoholder {
/*  margin-top: 1em; */
 margin-top: 0px;
 padding: 0px;
height: 157px;  
border-bottom: solid 1px white;

 
  }





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

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



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

div#navigation li.navhidden {
    display: none;
}

div#navigation li.level1 
{
    padding: 5px;
  border-bottom: 1px solid #dfdfdf;
  background-color: #fcfcfc;  
}

div#navigation li:hover.level1 {
  background-image: none;

}

div#navigation li.level2 
{
        padding: 5px;
  border-bottom: 1px solid #dfdfdf;
  background-color: yellow;  
}

div#navigation li:hover.level2 {
  background-image: none;

}

div#navigation li.level3 
{
            padding: 5px;

  border-bottom: 1px solid #dfdfdf;
  background-color:#FFFFC7;  
}

div#navigation li:hover.level3 {
  background-image: none;

}

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 {

  text-align: left;
  padding:5px;
background-color: #16598d;
color:White;

}

div#Accessibility {
  border: 1px solid #ccc;
  width: 127px;
  background-color: #e5eef8;
padding:3px;

}
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;}








div#loginbar {
  border: 1px solid #ccc;
  width: 748px;
  background-color: #f8f8f8;
  color: #b0b0b0;
min-height: 20px;

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

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

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














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


h1, h2, h3 {
  margin-top: 10px;


  
}




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

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

img {
  border: none;
}



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

textarea {
  width: 95%;
  font-face: arial;
}

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, arial, 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;
	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;

}
.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;
		font-size:1em;
  		
  		}
.module-title a {
  		color:#fff;
  		
  		}


.login-title {
		background-image: url(../images/bg_topmenu.gif);
  		background-repeat: repeat-x;
  		padding:8px;
  		letter-spacing:0px;
  		color:#fff;
		font-size:1em;

  		
  		}
  		
.loginrow 
{
    background-color:#e5eef8;
    border-bottom:1px solid #ccc;padding:5px
    }
  		
  		
  	.loginrow ul {
  list-style: none;
  margin: 0;
  padding: 0em;
  padding-left: 0.5em;
}

.loginrow li {
  padding: 0.2em 0.2em 0.2em 0.2em;
  
}	
  		
#login-box {background-color:#e5eef8;border-bottom:1px solid #ccc;padding:5px;}

#feedbackform {border:solid 1px gray;
    background-color:#e5eef8;
    
    }




  		
/*******************************************************************
  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;}

.DayInMonth1 {background-color:#0000ff; color:White;}
.DayInMonth1 a {color:White;}
a.Date1 {font-size:0.7em;color:White;}

.DayInMonth2 {background-color:#ff6600;}
.DayInMonth2 a {color:White;}
a.Date2 {font-size:0.7em;color:White;}


.DayInMonth3 {background-color:#00ffff;}
a.Date3 {font-size:0.7em;}


.DayInMonth4 {background-color:gray;}
.DayInMonth4 a {color:White;}
a.Date4 {font-size:0.7em;color:White;}




.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;}






/* grid-view */

table.grid-view
{
	border: 1px solid #000;
	margin: 4px 0;
}
table.grid-view th 
{
	padding: 1px 4px; 
	background-color: #ccc; 
	background: #f0f0f0 url(images/Fade1Dull.gif) repeat-x left center;	
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000;
}

table.grid-view th.sorted {background: #a8a9f9;}

table.grid-view td {padding: 1px 4px; border-right: 1px solid #000; border-bottom: 1px solid #000;}

tr.odd {background-color: #e1e1e1;}
tr.even {background-color: #f8f8f8;}
tr.odd-selected { background-color: #D6D9DA; }
tr.even-selected { background: #D6D9DA;}




/* Opportunity search results */

.opportunities-search-results
{
	border-bottom: 4px solid #f8f8f8;
	padding: 4px;
}

.opportunities-search-results table
{
	border: 2px solid #ccc;
	width: 100%;
	margin: 4px 0 4px 0;
	clear: both;
}

.opportunities-search-results table caption 
{

	text-align: left;
	padding: 2px 0px;
}

.opportunities-search-results table th 
{
	background: #687787 url(images/tableheader.gif) repeat-x center center;
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 2px 4px;
		text-align: left;
}

.opportunities-search-results table th.sorted
{
	background: #a8a9f9;
} 

.opportunities-search-results table tr
{
	border-bottom: 1px solid #ccc;
} 

.opportunities-search-results table td
{
	border-bottom: 1px solid #eee;
	border-left: 1px solid #fff;
	padding: 1px 4px;
	font-size: 90%;
	color:#000;
}




}

.emailbox  {

 background-image:url(../images/icon_mail0.gif);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0em;
  padding-left: 25px;
}

.phonebox
  {

 background-image:url(../images/PhoneIcon.png);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0em;
  padding-left: 25px;
}




div#memberelementholder 
{
    border:solid 1px #ccc;
    background-color:#e5eef8;
    padding:5px;
  width:98%;     

    }


.memberelementholder h4 {margin-bottom:0.4em;padding:0;border:none}




div#membersevents {
   background: url("../images/events.gif") no-repeat;
  width:90%;   
  padding: 5px .2em 0em 35px;

    }
    
div#membersdocs {
   background: url("../images/documents.gif") no-repeat;
  width:90%;   
  padding: 5px .2em 0em 35px;
    }
    
div#membersforum {
   background: url("../images/forums.png") no-repeat;
  width:90%;   
  padding: 5px .2em 0em 35px;
    }
    


div#memberelementrow
{
    background-color:#ffffff;
    padding:5px;
    width:95%;
    border-bottom: dashed 1px #ccc;
    }




div#relateddocuments {
border: dashed 1px #ccc;
  padding: 5px;
    }


    


.contactlistoddrow {background-color:#FFF;border:1px solid #ccc;padding:5px;}


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



.contlist h3 {margin: 10px;}








.cell
{
background:#f2f5fa url(../images/cell_bg.jpg) top right no-repeat;
width:90%; 
position:relative; 
margin:auto; 
border:#a3b3c0 solid; 
border-width:1px;
color:#000;
text-align:left;
padding-bottom:10px;
}



.cell_top_left
{
width:25px; 
display:block; 
height:50px; 
position:absolute; 
top:-1px; 
left:-1px;
z-index:0; 
background:url(../images/sb_tl.gif) top left no-repeat;
}


.cell_bottom_right
{
width:300px; 
display:block; 
position:absolute; 
bottom:-1px; 
right:-1px; 
height:50px; 
z-index:1;
background:url(../images/sb_br.gif) bottom right no-repeat;
}




.cell_content
{
position:relative; 
z-index:2;
padding-left:5%;
padding-right:2%;
font-family:Arial, Helvetica, sans-serif;
}

	.cell_content h1
	{
	width:75%;
	border-bottom:#333 dashed thin;
	border-width:1px;
	color:#666;
	margin-top:5px;
	font-size:22px;
	background-color:#f2f5fa;
	}
	
	.cell_content h2
	{
	width:65%;
	border-bottom:#333 dashed;
	color:#666;
	border-width:1px;
	font-size:16px;
	background-color:#f2f5fa;
	text-align:left;
	position:relative;
	left:0px;
	margin-top:10px;
	}
	
	#noticeScreen h2
	{
	width:65%;
	border-bottom:#fff dashed;
	color:#3399cc;
	border-width:1px;
	font-size:16px;
	background-color:#333;
	text-align:left;
	position:relative;
	left:0px;
	margin-top:10px;
	margin-left:10px;
	}	


div#newsfeeder 
{
    border-bottom: solid 1px #D1D9D9;
padding:3px;
  padding-left: -20px;
	font-size:x-small;


}






fieldset {clear:both; position:relative} /* For legend positioning */ 
#el01 legend {padding:.5em; color:Gray; font-size:115%;} /* Remove padding */ 
#el01 img {border:solid 1px gray; padding: 1px;} /* Remove padding */ 

#el04 legend {padding:.5em; color:Gray; font-size:115%;} /* Remove padding */ 
#el04 img {border:solid 1px gray; padding: 1px;} /* Remove padding */ 



div#myindent {padding: 0 20px 0 20px;}