/* Link Colors */
a:link, a:visited{
  color: #333;
}

/* Can be used to center page, the template as a whole */
#template{
/* margin: 20px auto; */
}

h1{
position: absolute;
margin-top: -25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
z-index: 3;
}

/* Drop down menu configuration */
#dropmenu{position: absolute; list-style: none; margin: 0; padding: 0; background: #CCEEFF; overflow: hidden;}
#dropmenu li{display: block;}
#dropmenu li a{display: block; text-decoration: none; padding-left: 5px; background:#D9F7D9;  border-bottom: 2px solid #FFF;}
#dropmenu li a:hover{color: #000; background: #FFF;}

/* Comment out below in order to remove white border around pictures */
#pageimg_border{
	position: absolute;
	width: 220px;
	height: 165px;
	border: 1px solid #FFF;
	margin-left: 193px;
	margin-top: 5px;
	opacity: .4;
	filter: alpha(opacity=40);
	left: 313px;
}
* html body #pageimg_border{ margin-left: 187px; }
/************************************ Recommended not to change ANYTHING below this line *******************************/

/* Basic formatting and styles for whole page */

body{
  margin: 0; padding: 0;
  font-family:Verdana,Arial,Helvetica;
  font-size:11px;
  color:#333333
}

table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
input{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

ul.lstcol{
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0px 50px;
}

ul.lstcol li{float: left; width: 115px;  padding-bottom: 0px; }
ul.stars li{background: url(/images/bullet_star.png) top left no-repeat; padding-left: 16px;}

#navmenu{display: block; list-style: none; margin: 0; padding: 0;}
#navmenu li{display: inline;}
#navmenu li a:hover{text-decoration: none !important;}

#pagetitle img{
 width: 300px;
 height: 75px;
}
#pageimg img{
 height: 175px;
 width: 230px;
}
/* Copyright element at bottom of every page
	50px margin to the bottom
	smaller than normal text and centered */
#copyright{
 font-size: 10px;
 text-align: center;
 display: block;
 margin-top: 15px;
 clear: both;
}



/* Header element of every page */
#header{
 display: block;
 height: 142px;
 width: 750px;
}

/* Wrapper of the sidebar, has a repeating image and a resize hack */
#sidebar_wrap{
 background: url(../../images/repeat.png) repeat-y top left;
 width: 182px;
 margin-left: 40px;
 float: left;
 
 /* Resize Hack, Uses RESIZE.CSS for compatibility on EVERY major browser
		IE5, IE6, IE7, FF, Opera, Safari */
 padding-bottom: 32767px !important;
 margin-bottom: -32767px !important; 
}

* html body #sidebar_wrap{
 /* fix ie's spacing problems */
 margin-top: -5px;
}

/* NOTE. template_ie6.css is included as conditional comment for ie6 problems */

/* The sidebar */
#sidebar{
 background: url(../../images/sidebar.png) top left no-repeat;
 width: 182px;
 height: 372px;
}

/* The content */
#content{
 width: 525px;
 float: left;
}

* html body #content{ width: 510px; }

/* Because browsers treat padding differently, we will put the padding INSIDE of the div */
div.padd{
 padding: 4px;
}
div.padd h2{
 text-align: left;
}

div.padd2{
 padding: 6px;
 padding-left: 12px;
 padding-right: 12px;
}

#sidebar_logo{
 display: block;
 height: 80px;
 cursor: pointer;
 margin-bottom: 10px;
}

/* Now lets work on the sidebar */
#sidebar_links{
 border-right: 1px solid #FFF;
 width: 160px;
 z-index: 10;
 margin-left: 15px;
 margin-top: 15px;
}

* html #sidebar_links{ padding-top: 5px; margin-top: 0px; }

	#sidebar_links ul{
	  list-style: none;
	  padding: 0; margin: 0;
	  text-align: right;
	  
	  text-transform: uppercase;
	  font-size: 9px;
	  padding-right: 15px;
	}
	
	#sidebar_links li{
	  padding-right: 8px;
	  background: url(../../images/navback.png) top right no-repeat;
	  border-bottom: 1px solid #FFF;
	  cursor: default;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  font-size: 10px;
	  float: left;
	  margin-left: -7px;
	  height: 12px;
	  width: 140px;
	  margin-left: 15px;
	}
	
	* html body #sidebar_links li{height: 24px; width: 140px; margin-left: 20px; float: right;}
	
	#sidebar_links img{
	  border: 0px;
	  /*height: 8px;
	  width: 133px;*/
	  position: absolute;
	  margin-top: 5px;
	  margin-left: -140px;
	  z-index: 55;
	  padding-right: 20px;
	}
	
	#abstract{background: #FFF; width: 1px; height: 200px; position: absolute; margin-left: 161px; margin-top: -25px; height: 200px;}
	* html body #abstract{margin-top: -155px; height: 280px;}
	
	#sidebar_links li.hover{
	  background: url(/images/hover.png) no-repeat top right
	}
	
		#sidebar_links li a, #sidebar_links li a:visited{
		 text-decoration: none;
		 font-family: Arial;
		 font-weight: 600;
		 color: #432F09;
		 letter-spacing: 0.5px;
		}
		

#tpilogo{position: absolute; left: 0; margin-left: 60px; margin-top: -50px;}
#tpilogo img{border: 0; text-decoration: none;}

/* That cool little sidebar overlay */
#objsidepng{
 position: absolute; 
 z-index: 1; 
 cursor: pointer;
 width: 165px;
 height: 26px;
 margin-left: -135px;
 margin-top: 3px;
 }

/* IE7 Margin Fix */

 * html body #objsidepng
 {
 margin-top: -140px;
 margin-left: -136px;
 }
 
/* Disable Borders */
#border1, #border4{
 display: block;
 height: 15px;
}

#border2{
 position: absolute;
 height: 300px;
 width: 15px;
}

#border3{
 position: absolute;
 height: 300px;
 width: 15px;
 margin-left: 177px;
}

/*Navigation menu*/
#navmenu{
 display: block;
 float: right;
}

#navmenu ul{
 margin: 0; padding: 0;
 font-size: 11px;
}

#navmenu ul li{
 display: inline;
 margin-left: 3px;
 padding-left: 4px;
 border-left: 1px solid #CCC;
}

  #navmenu ul li a:link, #navmenu ul li a:visited{
	color: #000;
  }
  
  #navmenu ul li a:hover{
    text-decoration: none;
  }
  
#displaymenu{
 margin-top: 12px;
 width: 150px;
 display: none;
 position: absolute;
 background: #FFF;
}

#displaymenu ul{
 margin: 0; padding: 0; list-style: none;
 padding-left: 2px;
}

#displaymenu ul li{
 font-size: 11px;
 margin-top: 3px;
 display: block;
 margin-left: 0;
 padding-left: 0;
 border: 0;
}

/* Page Titles (Dynamic) */
#pagetitle{
 display: block;
}

 #pagetitle img{
  margin-left: 220px;
 }
 
.clear{
 clear: both;
 display: block;
}

#pageimg{
 float: right;
 margin: 10px; margin-right: 0px; margin-top: 0px;
}



#sitemap a.indent{padding-left: 10px;}
#sitemap{line-height: 20px;}

/* These are only called/used on the front page, so why include them on every page.... */

/* Header level 2 for front page */
h2{
 padding: 0; margin: 0;
 font-size: 11px; color: #003300;
 font-weight: normal;
 text-align: center;
 
 padding-bottom: 7px;
}

/* Subscription email element on front page*/
#subscribe{
 margin-top: 15px;
 margin-left: 40px;
 
 color: #666;
 padding-left: 24px;
 display: block;
 
 background: url(../../images/mail.png) top left no-repeat;
}

/* Subscription div box overlay */
#suboverlay{
 display: none;
 z-index: 3;
 height: 585px;
 width: 750px;
 background: #333;
 
 position: absolute;
 top: 0; left: 0;
 
 opacity: .8;
 filter: alpha(opacity=80);
}

#suboverlay_div{
 display: none;
 z-index: 5;
 position: absolute;
 top: 0; left: 0;
 
 height: 150px;
 margin-top: 200px;
 
 width: 300px;
 margin-left: 250px;
 
 background: url(/images/vacationbar.png) bottom left no-repeat #FFF;
 border: 1px solid #000;
 
 opacity: 1.0;
 filter: alpha(opacity=100);
}

#ccoptin{
 padding-left: 50px;
 padding-top: 30px;
}

ul.horzlist{width: 500px; margin: 10px 65px;}
* html body ul.horzlist{width: 100%; margin-left: 85px;}
ul.horzlist li{display: inline;}
ul.horzlist.withborder li{padding: 2px; border-right: 1px solid #EEE; border-left: 1px solid #EEE; margin: 3px;}
ul.horzlist a{color: #333; text-decoration: underline;}
ul.horzlist a:hover{color: #000; background: #EEFFEE;}

.padd2{min-height: 220px;}
* html body .padd2{height: 220px;}

/* More Abstract FX */
#abscross{height: 1px; width: 155px; background: url(../../images/white.jpg) repeat-x top left; line-height: 1px; height: 1px; position: absolute; margin-top: 15px; margin-left: 30px;}
* html body #abscross{height: 1px; width: 160px; background: url(../../images/white.jpg) repeat-x top left; line-height: 1px; height: 1px; position: absolute; margin-top: 6px; margin-left: 18px;}