/* CSS Document For Stylized Beauty
   Design by super j man
   (http://www.jdavidmacor.com) */

/******** Basic Body ********/
	body {
		background-color: #000000;
		background: #000000 url(images/bg.png) top repeat-x;
		}
	
	h1 {
		margin: 0;
		color: #FFFFFF;
		font-family: "Trebuchet MS" "Times New Roman";
		font-size: 35px;
		padding-left: 20px;
		padding-top: 35px;
		}
	
	h2 {
		margin: 0;
		color: #000000;
		font-family: "Trebuchet MS" "Times New Roman";
		font-size: 22px;
		font-variant: small-caps;
		border-bottom: 1px solid #000000;
		}
		
	img {
		border: 0;
		}
		
	.icon {
		border: 0;
		vertical-align: text-bottom;
		}
	
	#container {
		width: 760px;
		margin: 0 auto;
		padding: 0px;
		}
	#radio{
		width:100px;
		margin-top: 0px;
		margin-right : 10px;
		margin-left : 20px;
		float : right;
	}		
/******** Header ********/		
	#header {
		width: 760px;
		height: 116px;
		background: url(images/header.gif) top no-repeat;
		}
		
	#header form {
		float: right;
		font-size: 9px;
		margin-right: 10px;
		margin-top: 85px;
		}
	
	#location {
		font-size: 12px;
		color: #FFFFFF;
 		position: relative;
		padding-left: 25px;
		padding-top:18px;
	}
	#header form img {
		vertical-align: bottom;
		}
		
	#header input {
		background: #FFFFFF url(images/input.png) top left no-repeat;
		color: #000000;
		border: 0;
		font-size: 11px;
		padding: 3px;
		}
	#header input.button{
		padding: 2px;
		background: #88ac0b url('images/menu-background.png') top left repeat-x;
		color: #FFFFFF;
		border: 0;
		font-size: 11px;
	}
	#header input.button:hover{
		padding: 2px;
		background: #88ac0b url('images/menu-hover.png') top left repeat-x;
		color: #FFFFFF;
		border: 0;
		font-size: 11px;
	}
	
	.button {
		padding: 2px;
		background: #88ac0b url('images/menu-background.png') top left repeat-x;
		color: #FFFFFF;
		border: 0;
		font-size: 11px;
		}

	.button:hover {
		padding: 2px;
		background: #88ac0b url('images/menu-hover.png') top left repeat-x;
		color: #FFFFFF;
		border: 0;
		font-size: 11px;
		}

/******** Menu ********/	
	#menu_container {
		width: 748px;
		_width: 750;
		background: #EEEEFF; 
		height: 26px;
		padding-left: 5px;
		padding-right: 7px;
		_padding-right: 5px;
		}
	
	#menu {
		width: 100%;
		background: #255274 url('images/menu-background.png') top left repeat-x;
		float: left;
		font-size: 95%;
		white-space: nowrap;
		padding-right: 2px;
		padding-left: 0px;
		margin-top: 0;
		margin-bottom: 0;
		}
	
	* html #menu #jukebox_menu{
		padding-right: 0;
		}
	
	#menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		border-left: 1px solid #9999CC;
		border-right: 1px solid #9999CC;
		width: 100%;
		}
	
	#menu li {
		display: inline;
		}
	
	#menu a:link, #menu a:visited {
		padding: 0.25em 0.5em;
		background: transparent;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
		border-right: 1px solid #9999CC;
		}
	
	#menu a:hover {
		background: #FFFFFF url('images/menu-hover.png') repeat-x;
		color: #FFFFFF;
		}

/******** Main Content ********/		
	#content {
		width: 748px;
		background: #EEEEFF; /* #DDDDEE; */
		padding: 5px;
		padding-left:7px;
		}
	
	#posts {
		width: 535px;
		background: #EEEEFF; /*#DDDDEE;*/
		margin-right: 15px
		}
		
	#posts p {
		text-align: justify;
		font: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
		line-height: 150%;
		color: #000000;
		}

		
	#posts a {
		color: #06386a;
		text-decoration: none;
		}
		
	#posts a:visited {
		color: #03196a;
		text-decoration: none;
		}
		
	#posts a:hover {
		color: #06386a;
		text-decoration: underline;
		}

	a {
		color: #06386a;
		text-decoration: none;
		}
		
	a:visited {
		color: #03196a;
		text-decoration: none;
		}
		
	a:hover {
		color: #06386a;
		text-decoration: underline;
		}
		
	.dropcap {
		float: left;
		width: .67em;
		font-size: 3.1em;
		line-height: 95%;
		}
	
	.blockquote {
		border: 2px dotted #88ac0b;
		background-color: #EFEFEF;
		margin: 30px;
		padding: 5px;
		overflow: hidden;
		text-align: justify;
		color: #CCCCCC;
		font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
	
	.comments {
		color: #999999;
		font-size: 75%;
		text-align: right;
		}




/******** leftbar ********/
	#leftbar{
		  width: 200px;
		  float: left;
                  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 5px;
		  padding-right: 5px;
                  margin-right: 10px;
                  margin-top: 15px;
 		  background-color: #dee3ef; /*#EEEEFF;*/
		  border: #999999 1px solid;
		}


/******** Sidebar ********/		
	#sidebar {
		width: 195px;
		float: right;
		padding-top: 0px;
		padding-bottom: 5px;
		}
		
	.sidebar_content{
		display: block
		}
		
	.sidebar_content *{
		display: block;
		height: 1px;
		overflow: hidden;
		background: #dee3ef;
		}
		
	.sidebar_content1{
		border-right: 1px solid #dee3ef;
		padding-right: 1px;
		margin-right: 3px;
		border-left: 1px solid #dee3ef;
		padding-left: 1px;
		margin-left: 3px;
		background: #dee3ef;
		}
		
	.sidebar_content2{
		border-right: 1px solid #dee3ef;
		border-left: 1px solid #dee3ef;
		padding: 0px 1px;
		background: #dee3ef;
		margin: 0px 1px;
		}
		
	.sidebar_content3{
		border-right: 1px solid #dee3ef;
		border-left: 1px solid #dee3ef;
		margin: 0px 1px;
		}
		
	.sidebar_content4{
		border-right: 1px solid #dee3ef;
		border-left: 1px solid #dee3ef;
		}
		
	.sidebar_content5{
		border-right: 1px solid #dee3ef;
		border-left: 1px solid #dee3ef;
		}
		
	.sidebar_content_content{
		padding: 0px 5px 0px; 5px;
		background: #dee3ef; 
		color: #03196a; /*#EFEFEF;*/
		text-align: justify;
		font: .8em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
		line-height: 130%;
		}
	
	.sidebar_content_content a {
		color: #06386a;
		text-decoration: none;
		/*letter-spacing: 5px;*/
		}
		
	.sidebar_content_content a:visited {
		color: #06386a;
		text-decoration: none;
		/*letter-spacing: 5px;*/
		}
		
	.sidebar_content_content a:hover {
		color: #06386a;
		text-decoration: underline;
		/*letter-spacing: 5px;*/
		}
	
	.sidebar_content_content ul {
		margin: 5px 0px 5px 0px;
		text-decoration: none;
		}
	.sidebar_content_content li {
		margin: 0px 0px 0px 15px; /*this sucks for windows its +15 and for mozilla -15*/
		text-decoration: none;
		}
	
	.side_content_header {
		margin: 0px 0px 0px 0px;
		color: #000000;
		font-family: "Trebuchet MS" "Times New Roman";
		font-size: 20px;
		font-variant: small-caps;
		}

/******** Footer ********/	
	#footer {
		width: 750px;
		height: 73px;
		background: url(images/footer.gif) top no-repeat;
		margin-top: 0px;
		padding: 5px;
		}

	#banner {
		width: 750px;
		height: 90px;
		background: #EEEEFF;
		margin-top: 0px;
		margin-left:0px;
		padding-left: 10px;
		padding-right: 0px;
		align:center;
		}
		
	#footer p {
		padding: 25px;
		text-align: center;
		font-size: 9px;
		color: #222222;
		}
		
	#footer p a {
		color: #000000;
		font-weight: 100;
		text-decoration: none;
		border-bottom: 1px dotted #000000;
		}
		
	#footer p a:visited {
		color: #000000;
		font-weight: 100;
		text-decoration: none;
		border-bottom: 1px dotted #000000;
		}
			
	#footer p a:hover {
		color: #000000;
		text-decoration: none;
		border-top: 1px dotted #000000;
		}

/*********** tables **********/
table.pictures{
	border: none;
}
table.pictures img{
	 cursor: -moz-zoom-in; /*, url("first.cur"), pointer; */
}
table.pictures a{
	color: #000000;
}


table.files {
  padding: 0;
  margin: 0;
  margin-left: 0ex;
  border-collapse: collapse;
  border: 1px solid #999999;
}

table.files td {
  padding: 1px 1ex 1px 1ex;
  border:  #999999 1px solid;
  text-valign: top;
  background-color: #EEEEFF;
  color: #000000;
  font-size: 0.8em;
}

table.files th {
  padding: 2px 1ex 2px 1ex;
  border: #999999 1px solid;
  text-align:left;
  background-color: #FFFFFF;
}

table.files a {
	color:#FFFFFF;
}



table.contact {
  /* font-size: 100%; */ /* circumvents a rendering bug in MSIE 6 */
  padding: 0;
  margin: 0;
  margin-left: 0ex;
  border-collapse: collapse;
  border: 1px solid #999999;
  font-size:1em;
  font-decoration:none;
}

table.contact td {
  padding: 1px 1ex 1px 1ex;
  border: none; #999999 1px solid;
  text-valign: top;
  background-color: #dee3ef;
  color: #000000;
  font-decoration:none;

}

table.contact th {
  padding: 2px 1ex 2px 1ex;
  border: none;
  text-align:left;
  background-color: #255274;
  font-decoration:none;
}

table.contact a {
	color:#06386a;
}



table.guestbook {
  padding: 0;
  margin: 0;
  margin-left: 0ex;
  border-collapse: collapse;
  border: 1px solid #999999;
}

table.guestbook td {
  padding: 1px 1ex 1px 1ex;
  border: none; #999999 1px solid;
  text-valign: top;
  background-color: #255274;
  color: #FFFFFF;
  font-size: 0.8em;
}

table.guestbook th {
  padding: 2px 1ex 2px 1ex;
  border: none;
  text-align:left;
  font-size: 1.2em;
  background-color: #dee3ef;
  font-style:italic;
}

#posts table.guestbook a {
	color:#ffffff;
	border-bottom: #FFFFFF 1px dashed;
	text-decoration: none;	
}

#posts table.guestbook a:hover{
	color:#ffffff;
	border-bottom: #FFFFFF 1px solid;
	text-decoration: none;	
}


#posts table.guestbook a:visited{
	color:#DDDDFF;
	border-bottom: #DDDDFF 1px dashed;
	text-decoration: none;	
}