
/*
based on a 
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777; /*#A19D9A;*/
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #FF3000;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
	position: relative;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #FF3000;
}

a:hover {
	text-decoration: underline;
}

/* Header */

#hd {
	background: #ffffff;
	display: block;
	/*width: 950px;*/
	margin: auto auto 0px auto;
	padding: auto auto 0px auto;
	/*font-size: 14px;
	font-weight: bold;*/
}

/* Logo */

/*#logo {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #000000;
	background: url(./img/logo.png) no-repeat left 15px;
}
*/

#hdrtbl
{
	/*background: #ffffff url("../img/headerbg2.jpg") no-repeat left top;*/
	background-color: #ffffff;
	/*background-image: url(../img/headerbg2.jpg);*/
	background-repeat: no-repeat;
	background-position: left top;
	/*background-size:*/
	width: 100%; /*890 × 172 pixels*/
	height: 100%;
	padding: 0px;
	margin: 12px 0px 0px 0px;
	display: block;
}

div#hd td {
	margin: 0px;
	padding: 0px 10px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	/*font-style: italic;*/
	font-weight: bold;
	color: #fff;
	text-shadow: #000 1px 1px 2px;
	/*color: #FF3000;*/
	width: 50%;
}

a.hd-elink:hover {
	text-decoration: underline;
	
}

#hd img {
	padding: 0px 50px;
}


/* Menu */
#menu {
	display: block;
	clear: right;
	/*width: 400px;
	height: 50px;*/
	margin: 0px;
	padding: 0px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}


#menu a {
	float: left;
	margin: 0px;
	padding: 10px 15px 14px 15px;
	background: #777; /*#D8DBCD;*/
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border: solid 1px #fff;
}

#menu a:hover, #menu {
	background: #F34600;
	text-decoration: none;
}

#menu .current_page_item a {
}

/* Page */

div#bd {
	/*width: 980px;*/
	margin: 0px;
	padding: 1px 0px 0px 0px;
}

/*
#page-bgtop {
	padding: 20px 0px;
}

*/

/* todo? translate post to blog formatting */

.post {
	margin-bottom: 40px;
	border-bottom: 1px dotted #E7E2DC;
}

.post .title {
	height: 41px;
	padding: 7px 0px 0px 30px;
	letter-spacing: -.5px;
}

.post .title a {
	color: #FF3000;
	border: none;
}

.post .meta {
	margin-bottom: 30px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	padding: 0px 30px 20px 30px;
	padding-bottom: 20px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

/* Sidebar */

#sb {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	color: #787878;
}

#sb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sb li {
	margin: 0;
	padding: 0;
}

#sb li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sb li li {
	line-height: 35px;
	border-bottom: 1px dotted #E7E2DC;
	margin: 0px 0px 0px 30px;
	border-left: none;
	text-align: right;
}

#sb li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sb li li a {
	padding: 0px 15px 0px 0px;
	background: url(images/img01.jpg) no-repeat right 5px;
}

#sb h2 {
	height: 38px;
	padding-left: 30px;
	text-align: right;
	letter-spacing: -.5px;
	font-size: 1.8em;
}

#sb p {
	margin: 0 0px;
	padding: 0px 0px 20px 30px;
	text-align: justify;
}

#sb a {
	border: none;
	color: #A19D9A;
}

#sb a:hover {
	text-decoration: underline;
	color: #FF3000;
}

#sb img {
	padding: 0;
}

/* Footer */

#ft {
	/*height: 50px;*/
	margin: 0 auto;
	padding: 0px 0 15px 0;
	background: #F2F3F0;
	font-family: Arial, Helvetica, sans-serif;
}

#ft p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
	color: #767676;
}

#ft a {
	color: #767676;
}

/* my css

for imgs */
div.left { float:left;margin: 4px 10px 4px 16px;
padding: 6px;
border: 2px solid #ccc;
font-style: italic;}
div.right { float:right; 
margin: 4px 10px 4px 16px;
padding: 6px;
border: 2px solid #ccc;
font-style: italic;
}
div.border, td.border { 
margin: 4px 10px 4px 16px;
padding: 6px;
border: 2px solid #ccc;
font-style: italic;
}
div.noborder { 
margin: 4px 10px 4px 16px;
padding: 6px;
border: none;
font-style: italic;
}

/* Forms */
form textarea
{
	width: 600px;
	height: 500px;
	/*font-size: 89%;*/
	padding-left: 5px;
	background-color: transparent;
	border: 2px solid #ccc;
}

form textarea.comment
{
	width: 430px;
	height: 200px;
}



/*This type of selector doen't work in IE6 and has to be set in the form or ignored*/
input[type="text"], input[type="password"]
{
	width: 200px;
	background-color: transparent;
	border: 2px solid #ccc;
	/*border-color: #a6a6a6;*/
}
	input.topmenu
{
	border: solid 2px #fff;
	color: #fff;
	background-color: transparent;
}

	
/*input[type="submit"]
{
	background: transparent;
	border: solid;
	border-width: 2px;
}*/
td  {
	margin: 10px ;
	padding: 12px ;
	border: none;
}

form td
{
	 padding: 6px;
				 
}
input.small
{
	width:  60px;
}

/* for homepage slideshow*/
ul.slideshow {  
     list-style:none;  
     width:450px;  
     height:348px;  
     overflow:hidden;  
     position:relative;  
     margin:0;  
     padding:0;  
       
}     
   
 ul.slideshow li {  
    position:absolute;  
     left:0;  
     right:0;
     opacity: 0.0;
}  
   
ul.slideshow li.show {  
     z-index:500;
     opacity: 1.0;
}  
   
ul img {  
     border:none;      
}  
   
#slideshow-caption {  
     width:450px;  
     height:36px;  
     position:absolute;  
     bottom:0;  
     left:0;   
     color:#fff;  
     background:#cbcbcb;  
     z-index:500;  
}  
   
#slideshow-caption .slideshow-caption-container {  
     padding:5px 10px;     
     z-index:1000;     
}  
   
#slideshow-caption h3 {  
     margin:0;  
     padding:0;    
     font-size:14px;  
}  
   
#slideshow-caption p {  
     margin:5px 0 0 0;  
     padding:0;  
}

/*Whizzywig toolbar*/
 #CONTROLSbody {background:#E6E6FA !important}
 


