/* This file contains the common styles across the site */

* { padding: 0; margin: 0; }

body {
	font-size:12px;
	color: #777777; /*---don't want to set this globally now */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.75;
	padding-bottom: 5px;
}


#wrapper { /* contains IE 6 hack for positioning */
	
	margin: 0 auto;
	padding: 0 0 154px 0;
	width: 800px;
	position:relative;
	background-image: url('images/back_strip.jpg');
	background-repeat: repeat-y;
	height: 500px; /*style of IE 6 only*/
	min-height: 500px; /*IE 6 can't read this */
}
/*styles for all other browsers (IE 6 can't read this */
html>body #wrapper  {
	height: auto;
	}

p { /*inserted by EM 7/7/08 for default <p>s*/
	font-size:12px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.75;
	padding-bottom: 5px;
}

a.default:link, a.default:visited, a.default:active { /*fix for links that are not getting correct style*/
	text-decoration: underline;
	color: #9185B1;
	font-size: 12px;
}

a.default:hover {	/*fix for links that are not getting correct style*/
	text-decoration: none;
	color: #36256C;
	font-size: 12px;
}

label {
		color: #aaa;
}


#header {
 width: 800px;
 position: absolute; 
 top: 0;
 height: 103px;
 margin: 0px 0px 0px 0px;
 background-image: url('images/top_bar.png');
 background-repeat: no-repeat;
}


#log_in {
 margin: 8px 0px 0px 670px;
}


#log_in a:link {
 font-size:10px;
 color: #ffffff;
 text-decoration: underline;
}
#log_in a:visited {
 color: #dddddd;
}
#log_in a:hover {
 color: #bbbbbb;
}
#log_in a:active {
 color: #ffffff;
 text-decoration: underline;
}

#logo_anim {
	height: 56px;
	width: 220px;
	margin: -3px 0px 0px 25px;
}

#menubar {
  height: 24px;
  width: 800px;
  top: 80px;
  margin: 11px 0px 0px 0px;
  padding: 1px 0px 0px 245px; /*Changed by EM 5/2/08 for new menu bar*/

}

#leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 10px;  
 width: 220px;
 position: absolute;
/* float: left;  */
 top:136px;  
/*  border: 1px solid #ccc; */

}

/*Added by EM 7/10/08*/

#leftcolumn a:link, #leftcolumn a:visited, #leftcolumn a:active { 
	text-decoration: underline;
	color: #36256C;
	font-size: 12px;
}

#leftcolumn a:hover {	
	text-decoration: none;
	color: #9185B1;
	font-size: 12px;
}

#leftcolumn ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#leftcolumn li {
	list-style-type: none;
	padding-top: .4em;
	padding-bottom: .2em;
	padding-left: 6px;
	font-size: 12px;
	}


#leftcolumn li ul li{
	list-style-type: none;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0px;
	font-size: 12px;
}


        
#leftcolumn li img {
	vertical-align: middle;
	}

/* */

#left_text {
  margin: 0px 0px 0px 24px;
  position: relative;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.75;
  font-size: 12px;
  font-stretch: ultra-condensed;
  color: #36256c;

}




#left_image {
  margin: -88px 0px 0px 24px;
  height: 435px;
  width: 176px;
  position: relative;
  z-index: 0;
/*   border: 1px solid #0ff;   */

}


/*content div for all pages on main level*/
#content { 
 position:relative; 
 top:136px;
 left:240px;
 margin: 0px 0px 0px 0px;
 padding: 10px;  
 width: 410px;
 height: 475px; /*style of IE 6 only -- need to make a little longer than other browsers because height is treated differently - this should be 25px less than #wrapper*/
 min-height: 450px; /*IE 6 can't read this - this should be 50 pixels less than #wrapper*/
}
 
/*styles for all other browsers (IE 6 can't read this */
html>body #wrapper #content  {
	height: auto;
	}



#content a:link, #content a:visited, #content a:active {
	text-decoration: underline;
	color: #9185B1;
	font-size: 12px;
}

#content a:hover {
	text-decoration: none;
	color: #36256C;
	font-size: 12px;
}


#rightcolumn {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 130px;
	position: absolute;
	/* float: right; */
 	top:136px;
	left:669px;
	font-size: 10px;
	color: #aaa;
}

.rightheader {
	margin: 0px 0px 0px 51px;
	position: relative;
	display: block;
}

.rightheader_catalog {
	display: block;
	margin: 20px 0px 0px 47px;
	position: relative;
	display: block;
	top: 40px;
}

#rightcontent {
	font-size: 10px;
	margin: 0px 10px 0px 0px;
	position: relative;
	text-align: right;
}

#rightcontent p {
	font-size:10px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
	padding-bottom: 5px;
}


#rightcolumn a:link, #rightcolumn a:visited, #rightcolumn a:active { 
	color: #777777;
	text-decoration: none;
	font-size: 10px;
}
#rightcolumn a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 10px;
}

#rightcolumn ul {
	margin: 0;
	padding: 0 5px 10px 0;
	text-align: right;
	font-size: 10px;
	}


#rightcolumn li {
	list-style-type: none;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 23px;
	font-size: 10px;
}


#rightcolumn li ul {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#rightcolumn li ul li{
	list-style-type: none;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0px;
	font-size: 10px;
}


/*For Toggle Menu function: */
#rightcolumn .open_menu {
	background-image:url(images/opened_right.png);
	background-position: 10.75em 0.6em;
	background-repeat: no-repeat;
	cursor:hand;
	cursor:pointer;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0px;
	font-size: 10px;
	padding-right: 20px;
}
#rightcolumn .closed_menu {
	background-image:url(images/closed_right.png);
	background-position: 10.75em 0.6em;
	background-repeat: no-repeat;
	cursor:hand;
	cursor:pointer;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0px;
	font-size: 10px;
	padding-right: 20px;
}





#rightcolumn li img {
	vertical-align: middle;
	}



#sign_off { /* container at bottom of page for copyright + footer nav -- contains IE 6 hack for positioning */
	/* border: thick solid #000000;  --For testing purposes only */
	width: 796px;
	padding: 0px;
	position: relative;
	top: 154px;/*style for IE 6*/
	clear: both;
}


#copyright {
	width: 796px;
	padding: 2px;
	position: relative;
	/*top: 154;*/
	clear: both;
	color: #aaa;
	text-align: right;
	z-index: 1;     /*  Only for demo!  */
	font-size: 9px;
}

#copyright p {
	font-size:9px;
	color: #aaa;
	margin-right: 10px;
	}

#copyright a:link, #copyright a:visited, #copyright a:active {
	font-size:9px;
	color: #aaa;
	text-decoration: underline;
}

#copyright a:hover {
	font-size:9px;
	color: #000000;
	text-decoration: none;
}

#footer {
	width: 796px;
	height: 20px;
	padding: 2px;
	position: relative;
	clear: both;
	background-image: url('images/footer.jpg');
	text-align: right;
	z-index: 1;     /*  Only for demo!  */
}


/*modified by EM 7/3/08*/
#footer a:link, #footer a:visited, #footer a:active {
 font-size:10px;
 color: #ffffff;
 text-decoration: none;
 vertical-align: middle;
}

#footer a:hover {
 font-size:10px;
 color: #bbbbbb;
 text-decoration: none;
 vertical-align: middle;
}




#searchform {
	margin: -40px 0 0px 653px;/*Changed by EM 5/2/08 for new menu bar*/
	padding: 0;
	border: 0;
	background-image: url('images/search_box.png');/*Changed by EM 5/2/08 for new menu bar*/
	background-repeat: no-repeat;
	width: 141px;/*Changed by EM 5/2/08 for new menu bar*/ 
	height: 30px;
}


#textbox {
	margin: 13px 4px 0 12px;
	padding: 0;
	border-width: 0px;
	background-color: transparent;  
	width: 101px;/*Changed by EM 5/2/08 for new menu bar*/
	/*width: 110px;*/  
	height: 12px;
	vertical-align: top;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

#gobutton {
	margin: 11px 0px 0px 1px;/*Changed by EM 5/2/08 for new menu bar*/
	padding: 0;
	border: 0;
	width: 19px;
	height: 19px;
}

#spangobutton {
	margin: 0px;
	padding: 0;
	border: 0;
	width: 19px;
	height: 19px;
	display: inline;
}

p#searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 0 20px !important;
	padding: 0 !important;
	border: 0;
	color: #2D037E;
	vertical-align: top !important;
	line-height: 10px !important;
	text-align: left;
	clear: both;
}

H1 { 
  font-size:12px;
  color:#333367;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
      }

H2 { /*modified by EM 7/7/08 - took off margin-top, margin-bottom, made this same as "hightext" - for all default <h2>s*/
	font-size:12px;
	color: #fca231;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
      }

H3 {
  font-size:12px;
  color:#fca231;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 5px;
  margin-right: 5px;
  text-align: right;
      }
p.righttext {
  font-size: 12px;
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  margin-bottom: 25px;
  margin-right: 7px;
}

span.hightext {
  font-size:12px;
  color: #fca231;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

span.lowtext {
  font-size:12px;
  color: #777777;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.75;
/*  text-indent: 20px;  */
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

p.contenttext {
	font-size:12px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.75;
	text-indent: 20px;
	padding-bottom: 5px;

}


ol li {
	color: #777777;
}


ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

li {
	list-style-type: disc;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 6px;
	font-size: 12px;
	color: #777777; /*---don't want to set this color globally, it might interfere with other specific li styles in site */
	}
        
li img {
	vertical-align: middle;
	}


/*For Toggle Menu function: */
.open {
	display: block;
	cursor:hand;
	cursor:pointer;
	}
.closed {
	display: none;
	cursor:hand;
	cursor:pointer;
	}
	
	
.footnote {
	font-size:11px;
}

/*for left side dynamic menu - to highlight current page in nav*/
.curr_loc {
	font-weight: bold;
	text-decoration: none;
	}