/* 
CSS Adapted from Blogger Template Style, By Author:   Dan Cederholm

*/

/* ---( page defaults )--- */


.notation {
	font-family: "Courier New", Courier, mono;
	color: #FF3300;
	font-weight: bold;
}
*, html, * html {
  margin: 0;
  padding: 0;
  }

ul, li{
margin:0;
padding:0;

}

li{
padding-left:10px;
margin-left:30px;
} 

h1, h2, h3, h4, h5{
  margin: 0;
  padding: 10px;
  color: #444;
  }
table, td, th {
vertical-align:top;
  }
th {  
  color: #444;
  }
body {
  margin: 0;
  padding: 0;
  font-family:  Verdana, sans-serif;
  font-size: small;
  text-align: center;
  color: #333;
  background: #e0e0e0;
  }

blockquote {
  margin: 0 0 0 20px;
  padding: 15px 0 20px 20px;
  font-size: 90%;
  line-height: 1.5em;
  color: #666;
  background: url(images/quotes.gif) no-repeat top left;
  }

blockquote p {
  margin-top: 0;
  }

abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }

code {
  color: #996666;
  }

hr {
  display: none;
  }

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin: 0 0 20px 30px;
  padding: 0;
  }

li {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 3px;
  background: url(images/tictac_blue.gif) no-repeat 0 6px;
  }

/* links */

a:link, a:visited {
  color: #4488bb;
  }
a:hover {
  color: #369;
  }
a:active {
  color: #369;
  text-decoration: none;
  }

/* ---( layout structure )---*/

#wrap {
  width: 947px;
  margin: 0 auto;
  text-align: left;
  background: url(images/tile.gif) repeat-y;
  }

#content {
   margin-left:62px;
  }

#topmenu{
	text-align:right;
	padding-top:3px;
	width:890px;
	height:15px;
line-height:100%;
 }
 
#topmenu a{
  padding:0px 5px;
  font-size:x-small;
  font-weight: bold;
  text-transform:uppercase;
  text-decoration:none;
  color: #333;
}
  
#topmenu a:hover{
  color: #000;
  background: #ddf;}

.menuPad{
padding-top:1px;padding-right:4px;padding-bottom:1px;padding-left:4px; }
  
#main-content {
  float: left;
  display:inline;
  width: 560px;
  margin: 20px 0 0 0;
  padding: 0 20px 0 0 ;
  line-height: 130%;
  }
  
  #main-content.full {
  float: left;
  display:inline;
  width: 800px;
  margin: 20px 0 0 0;
  padding: 0 20px 0 0 ;
  line-height: 130%;
  background: #ffffff;
  }
#main-bottom {
  float: left;
  width: 560px;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 85%;
  line-height: 1.4em;
  color: #999;
  background-color:#eee;
  }

#sidebar {
  margin: 0 48px 0 640px;
  padding: 20px 0 0 0;
  font-size: 85%;
  line-height: 130%;
  color: #666;
  background-image:url(images/sidebar_bg.gif);
  background-repeat:no-repeat;
  }
 
#top_cakebox {
	position:absolute;
	margin:105px 0px 0px 450px;
	padding:5px;
	width:430px;
	border: 1px solid #CCC;
	font-size:90%;
	color: #333333;
}


/* ---( header and site name )--- */

#header {
	position:relative;
	margin: 0;
	padding: 0;
	height:219px;
	font-family: "Lucida Grande", "Trebuchet MS";
	background-color: #e0e0e0;
	background-image: url(images/top_div_blue_plain.gif);
	background-repeat: no-repeat;
	background-position: left top;
	line-height:100%;
	text-align:left;
  }
#header h1 {
	position:absolute;
	font-size: 40px;
	font-weight: bold;
	color: #003399;
	margin:60px 0px 65px 330px;
	padding: 0 20px;
	line-height:100%;
	width:500px;
	background-color:#FFF;
	opacity:.50;
	filter:alpha(opacity=50);
}


/* ---( main column )--- */
#main-content h1, #main-content h2, #main-content h3 {
  margin-top: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  line-height: 100%;
  letter-spacing: -1px;
  }
#main-content h1 {
  font-size: 160%;
  }
#main-content h2 {
  font-size: 150%;
  }
#main-content h3 {
  font-size: 130%;
  color: #9d0a0e;
  }
#main-content .picture  p, .sidebar_block .picture p{
  font-size: 11px;
  font-style: italic;
  color: #6699cc;
  padding: 0 5px;
  }
#main-content img, .sidebar_block .picture img {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  background-color: #FFFFFF;
  }
.main-block {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 14px;
  border-bottom: 1px solid #ddd;
  }
 .main-block h4 {
  margin: 0;
  padding:0 20px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 115%;
  }
.main-block .footer {
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 88%;
  color: #999;
  background: url(images/tictac_grey.gif) no-repeat 0 8px;
  }

/* ---( sidebar )--- */
.sidebar_block.special {
  background-color:#FFFFFF;
  border:1px solid #666;
  color: #c00;
  margin:10px;
  }
 
h2.sidebar-title{
  margin: 0 0 0 0;
  padding: 25px 0 0 50px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  line-height:120%;
  color: #666;
  text-decoraton:none;
  background: url(images/sidebar_icon.gif) no-repeat 20px 15px;

  }
 .sidebar_block.special .sidebar-title {

  background: url(images/sidebar_icon_wt.gif) no-repeat 20px 15px;

  }  

h2.sidebar-title  a{
  color: #666;
  text-decoration:none;
  }


#sidebar ul, #sidebar p {
  margin: 0;
  padding: 5px 20px 1em 20px;
  border-bottom: 1px solid #ddd;
  }

#sidebar li {
  background: url(images/tictac_blue.gif) no-repeat 0 5px;
  }

/* profile block */

.profile-img img {
float:left;
  margin: 0 10px 0 0;
  padding: 4px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  background: #fff;
  background-image:none;
  }


/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

#footer{
  margin: 0;
  padding: 0 0 9px 0;
  font-size: 85%;
  color: #ddd;
  background: url(images/bottom_sill.gif) no-repeat bottom left;
  text-decoration:none
  }
  #footer a.credit{
  font-size: 80%;
  color: #666;
  text-decoration:none
  }
  #footer a{
  color:#eee;
  text-decoration:none;

  }
 #footer a:hover{
  color:#fff;
  text-decoration:underline;
  }

#footer p {
  margin: 0;
  padding: 20px 320px 20px 95px;
  background: url(images/bottom_sash.gif) no-repeat top left;
  }

#sitemap th  a{ 
  color:#049; 
  text-decoration:none;
  }
  
#sitemap th a:hover{ 
  color:#48b; 
  text-decoration:underline;
  }
.pad p {
	margin-bottom: 6px;
}
.pad h3 {
	margin-top: 10px;
}
