/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

* html{
	
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	font-size:100%;
	word-wrap: break-word;
	
	background: #585858 url(../images/main_bg.png) repeat-x left top;
	
	}

body{
	
	padding:0;		
	margin:0 auto;
	
	font-size:75%;
	color: #333333;	
		
/*	background-color:#CCCCFF;
	width:800px;
	text-align:center;
	width: 95%;
	height:660px;
	text-align:center;
*/
}

div {
	
	 	/*border:3px solid blue;
Turn this on to see divisions better
	height:1%; */
}

table {
	margin:5px;
	text-align:center;
	
	cellspacing:0px;
	
	background-color:#FFF;
	border-width:2px;
	border-color: #F00;
	border-style: solid;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 9px;
	width: 100%;
	caption-side: top;
	empty-cells: show;
	
}

td {
	
	padding:2px;
	margin:0px;
	font-weight:bold;
	
	border-style:solid;
	border-width:1px;
	border-color:#666;
	
	}
	
td.subject {
	background-color:#000;
}
	
a:link {
	color: #0000FF;
	text-decoration: none;
}

p:target {
border:red 1px solid;
background-color:#CCCCCC;
color:red;
}

a:visited {
	color:#660000;
	}


a:hover {
	text-decoration: underline;
	color:#000066;
	cursor: auto;
}
/*
.specimg a:hover img {
	width:200px;
	height:160px;
	padding:5px;
	background-color:#fff;
	border:1px solid #333;
	z-index:100;
	}
 overrides decoration from previous rule for hovered links */

p {
	text-align:left;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	
	text-align:center;
	
	margin: 0px;
	
	padding: 5px;
	
	line-height:1.2em;
}

h1{
 	font-size: 1.5em;
	color: #006699;
	background-color:#FFF;
}

h2{
 	font-size: 1.25em;
 	color: #333366;
}

h3{
 	font-size: 1.20em;
 	color: #334d55;
}

h4{
 	font-size: 1.10em;
 	font-weight: normal;
 	color: #333333;
}

h5{
 	font-size: 1.0em;
 	color: #334d55;
}

h6 {
	font-size:1em;
	}

ul{
	text-align:left;
	list-style-type: none;
	line-height:1.2em;
	padding-top: 0px;
	padding-bottom: 0px;
	
	background-color:#FFF;
}

ul ul{
 list-style-type: disc;
 font-size: 1em;
}

ul ul ul{
 list-style-type: none;
}

li li {
	font-size: 1em;
	}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				
caption {
	font-variant:small-caps;
	font-weight:bold;
	font-size:1em;
	}
	
title {
	font-style:italic;
	}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* hide from Mac IE5 
html #mainframe #content {
	height:1%;
	}
/* END hide from Mac IE5 */

#mainframe {
	
	position:relative;
	margin: 0 auto;
	width:900px;
	
	border-left: 1px solid black;

	border-right: 1px solid black;

	overflow: hidden; /* show white background through page when partially loaded */

	
	/*
	
	text-align: center;
	border:2px solid blue;
	*/
	
	}

#masthead{
	
	margin: 0 auto;
	text-align:center;

}

#middle{
	
	position:relative;
	
	border: solid white 1px;
	
	}
	
/*********** #navBar link styles ***********/
#navBar{
	position:absolute;
	
	top:0px;
	left:0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	text-align:left;
	z-index:auto;
	
	width:120px;
	
	padding:5px;
	
	background-color: #eeeeee;
	
	/*
	border: 2px solid red;
	*/
}

#navBar ul a:link, #navBar ul a:visited 
	{
	display: block;
	background-color: #FFFFFF;
	}


#navBar ul 
	{
	list-style: none; margin: 0; padding: 0;
	}
	
#navBar li {
	border-bottom: 1px solid #EEE;
	font-size:0.75em;
	}

#content{
		
	margin:0 0 0 132px;
	padding-left:10px;
	background-color:#FFFFFF;
	overflow:auto;
	
	/*
	border: solid black 2px;
	*/
	}

#newInfo{
	clear:both;
	
	/*border-bottom: 1px solid black;
	float:right;
	*/
	}
	



/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	/*background: url(../images/WED_Logo2.gif) top no-repeat;*/
	margin: 0px;
	padding-top:20px;
	width: 100%;
	height:60px;
	font-size:2.0em;
}
#siteName span {
	display:block;
	}



/*************** #pageName styles **************/

#pageName{
	
	position:relative;
	padding: 10px 0px 10px 10px;
		
	/*
	margin-top:5px;
	float:left;
	width:100%;
	*/
}


/*************** #pageName styles **************/
#intro {
	
	text-align:center;
	
	}
/*float:left;*/

/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 10px 0px;

}
/* white-space: nowrap;
'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 1em;
	padding: 0px 4px 0px 0px; 
}

/* Image Replacement System */

#imgReplace {
	width:200px;
	height:200px;
	}

#imgReplace h1 {
	background-image:url(../images/ExhaustedKen.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	}

#imgReplace span {
	display:none;
	}
	


/************* #breadCrumb styles *************/

.breadCrumb {
	
	position:relative;
	font-size: 1em;
	padding: 5px 0px 10px 10px;
	border-bottom-color:#00F;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: 150px;
}

.breadCrumb ul li {
	float: left;
	position:relative;
	margin: 2px 5px 0 0; /* gaps between menu items*/
	list-style-type: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #99F;
	border-right-color: #99F;
	display: block;
	color: #333;
	background-color: #FFF;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	}

/************** .feature styles ***************/
/* adjust margins to change separation between the feature image and text flowing around it */

.feature{
	
	padding: 0px 0px 10px 10px;
	/* border: solid yellow 2px; */
}

.feature img{
	position:relative;
	float: right;
	margin-left: 5px;
	padding: 10px;
	width:200px;
	height:auto;
	
	/*
	
	border:solid black 1px;
	
	*/
	
	
}

.feature script{
	
	position:relative;
	
	float: right;
	
	margin-left: 5px;
	
	padding: 10px;
}



/************** .story styles *****************/

.story{
	
	padding: 10px 10px 10px 10px;
	
	}

.story p{
	
	padding: 10px 10px 15px 10px;

}

/************* General Styles *****************/
/************* General Styles *****************/
.impt{
	font-weight:bold;
	color:#FF0000;
	}
	
.extspeaker{
	font-weight:bold;
	background-color:#FFFF00;
	text-align:center;
	}

.rad{
	color:#FFFFFF;
	background-color:#000000;
	text-align:center;
	font-weight:bold;
	}
	
.otherspec{
	color:#FFFFFF;
	background-color:#0000FF;
	text-align:center;
	font-weight:bold;
	}

.headings{
	color:#FFFFFF;
	background-color:#666666;
	border-color:#FFF;
	text-align:center;
	font-weight:bold;
	}
	

/************* #siteInfo styles ***************/

#siteInfo{
	position:relative;
	
	border: 1px solid #cccccc;
	color: #600;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

/* 

clear: both;
negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/
/*
#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
}

#search form{
	margin: 0px;
	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}



.box {
	background-color:  #eeeeee;
	padding: 8px;
	}
	
.box:before {
	content: url(../images/top_navbar.gif);
	display: block;
	line-height: 0.1;
	margin:-8px -8px -22px -8px;
	}
	
.box:after {
	clear:both;
	content: url(../images/bottom_navbar.gif);
	display:block;
	line-height:0.1;
	margin:0 -8px -8px -8px;
	}
	
.box h2 {
	background: transparent url(../images/top_navbar.gif) no-repeat top left;
	margin: -8px -8px auto -8px;
	padding: 8px 8px 0 8px;
	}
	
.box > h2 {
	background-image: none;
	margin: 0 0 auto 0;
	padding:0;
	}

*/


/*
 hack to fix IE/Win's broken rendering of block-level anchors in lists 


/* fix for browsers that don't need the hack 
html>body #navBar li {border-bottom: none;}
*/

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	/*margin: 0px;
	padding: 0px;*/
	border-bottom: 1px solid #cccccc;
	font-size:1.2em;
}

#sectionLinks h3{
	padding: 10px 0px 0px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	/*position:relative;*/
	padding: 0px 0px 10px 10px;
	font-size:1.2em;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #map_buddy styles **************/

#map_buddy{
	/*padding: 10px -10px 0px 10px;*/
	padding-top: 10px;
	margin-right: -10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/*                  */

#advert 
	{
	/* border:4px solid #0F0; */
	}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	padding: 10px 0px 20px 10px;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/*                     */

.p_padded {
	font-size:1.25em;
	font-style:normal;
	font-weight:bold;
	display: block;
	padding: 5px;
}
.journal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #33CC66;
	text-align: center;
}

.topics {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFCA;
}

.grandround {
	background-color:#CC0000;
	color:#FFFFFF;
	font-weight:bold;
	}
.authors {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-variant: small-caps;
}
.book_title {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: capitalize;
	padding: 0px;
}

.Xmas {
	
	height:60px;
	background-repeat:repeat-x;
	background-position:top left;

}

.Xmas span{
	display:none;
}

.extlink {
	border:thin solid black;
	padding:5px;
	text-align:center;
}

.tutorleave {
	background-color:#F0F;
}