/* ------------------------------ 
HTML Redefine Tags
------------------------------ */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin-left: 3px;
	background-color:#f7c14d;
}

input, form, textarea
h1, h2, h3, h4, h5, h6{
margin:0; 
padding:0;
}
p{
	color:#CC0000;
	font-family:"Comic Sans MS", cursive;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	text-align: justify;
}

h1{
font-size:24px;
padding-left:10px;
color:black;
font-weight:bolder;
}
ul{
	padding-left:20px;
	color:black;
	font-weight:bolder;
	color:#cc0000;
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
}

h2{
font-size:14px; 
color:#999999;
padding:10px;
}
h3{
font-size:13px; 
border-bottom:solid 2px #ad0f0f;
padding-left:20px;
padding-bottom:3px; 
margin-bottom:10px;
}

h4{
font-size:13px; 
border-bottom:solid 2px #6bae0a;
padding-left:20px;
padding-bottom:3px; 
margin-bottom:10px;
}

a:link, a:visited{
color:none;
}
a:hover{
text-decoration:none;
}


/* ------------------------------ 
PAGE STRUCTURE 
------------------------------ */

/* 
*/

#container{
width:950px; 
margin:0 auto;
}
	#topbar{
background-image:url(papirus/head.png);
width:900px; 
display:block; 
height:212px;
float:right;
}

	#bottombar{
	background-image:url(papirus/bottom.png);
width:900px; 
display:block; 
height:168px;
float:right;
}

	.head_tit{
width:400px; 
display:block; 
height:100px;
background-color:#0066FF;
}

  .link:hover { 
   color: green;  
  } 

	#head_left{
width:400px; 
display:block; 
height:150px;
background-image:url(img/lft.jpg);
}

#head_right{
margin-left:5px;
width:545px;
height:250px;
float:right;
background-image:url(img/rgt.jpg);
}


	#navbar{
width:auto; 
display:block; 
height:28px;
}
		#navbar a{
heigth:28px; 
line-height:28px; 
padding:0 8px; 
display:inline;
}
	
#main{
	width:auto;
	display:block;
}
#column_left{
width:900px; 
float:right;
background-image:url(papirus/mid.png);
height:auto;
}

#column_cnt_head{
width:620px;
height:auto;
float:right;
margin-right:60px;
}

#column_cnt_foot{
width:580px;
height:13px;
background-image:url(img/cnt/cnt_foot.gif);
float:bottom;
}




#column_right{
margin-top:10px;
margin-left:40px;
width:160px;
float:left;
}
#column_right2{
margin-top:10px;
background-image:url(img/ph/ph_mid.gif);
width:350px;
float:right;
}

#column_ph_head{
width:350px;
height:13px;
background-image:url(img/ph/ph_head.gif);
float:top;
}

#column_ph_foot{
width:350px;
height:13px;
background-image:url(img/ph/ph_foot.gif);
float:bottom;
}


#inner_ph{
width:330px;
height:auto;
padding-left:15px;
}




		#column_right2_head{
width:160px;
height:13px;
background-image:url(img/menu/mn1_head.gif);
float:top;
}

		#column_right2_foot{
width:160px;
height:13px;
background-image:url(img/menu/1mn_ft.gif);
float:bottom;
}


		div.spacer{
clear:both; 
height:10px; 
display:block;
}
	
	#footer{
width:auto; 
display:block; 
padding:10px 0; 
font-size:11px; 
color:#666666;
}
	
/* ------------------------------ 
CUSTOM CLASSES
------------------------------ */

/* 
Add here your custom classes
*/
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
margin-left:3px;
margin-right:13px;
width: auto; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
padding: 0;
}

.markermenu ul li a{
background:url(img/arrow-list.gif) no-repeat 2px center;
font-family:"Comic Sans MS", cursive;
font-size:13px;
font-weight:bold;
color: #CC0000;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: auto;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #CC0000;
}

.markermenu ul li a:hover{
background-color:#ad0f0f;
color: #efcb24;
background-image:url(img/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

</style>


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
border-left:medium #FFFFFF;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6bae0a;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #ad0f0f;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 150px;
left: 100px; /*position where enlarged image should offset horizontally */

}

</style>