/* Top Elements */

html {
     overflow: -moz-scrollbars-vertical;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{
background:#fff url(images/bodybg.jpg) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:16px;
}


/* links */
a, a:visited {	
	color:#006666; 
	background: inherit;
	text-decoration: none;		
}
a:hover {
	color: #383d44;
}

a img, #header a:hover {
	border:none;
}


/* headers */


p {
	padding: 10px 0 0 0;		
	margin: 0;
	line-height:1.7em;
}
ul, ol {

}

/* images */
#content img {
	margin-top:10px;
	margin-bottom:10px
}
img.float-right, img.alignright {
  	margin: 5px 0px 10px 10px;
	float:right;  
}
img.float-left, img.alignleft {
  	margin: 5px 10px 10px 0px;
	float:left;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	font: bold 1.4em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 0 0 0 25px; 
   background: #F5F5F5;
	border-left: 3px solid #D4D4D4;	
	color: #444;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {

}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}

/* search form */
#searchform {
	border: none;	
	margin-top:20px;

}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 160px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}


/********************************************
   LAYOUT
********************************************/ 
#wrapper{
margin:0 auto;
padding:0;
width:880px;
}

#content{
	float:left;
	width:450px;
}
#header {
	position: relative;
	margin-bottom:15px;
}
.box_header{
height:101px;
background: url(images/headerbg.jpg) no-repeat 0 0;
}


/* Navigation */
ul#menu{
text-align:left;
border-top:1px solid #666;
padding:6px 0px;
margin:0px 0 10px;
}

#menu li{
display:inline;
}



#menu li a{
text-decoration:none;
color: #fff;
font-size:12px;
padding:1px 7px;
text-transform:uppercase;
}



#menu li a strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}



#menu li a:hover{
color: #FF9999;
}


#content {

}

#content h1{
font:normal 22px arial;
margin-bottom:20px;
padding-top:10px;
line-height:16px;
}





#content h2{
font:bold 13px arial;
margin:0;
}

	

#content ul{
	padding:10px 0 0 15px;
}

#content ul li{
	padding-left:14px;
	line-height:1.5em;
	margin-bottom:0.3em;
}

#main ul li a{
	background:none;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/* post */

h3.title,.intro h1{
font-size:19px;
border-top:3px solid #FFD619;
font-weight:lighter;
padding:5px 0 5px ;
}

h3.title{
line-height:22px;
}

h3.title a{color:#333300;}

.post{
padding-bottom:40px;
overflow:hidden;
}

.post p{margin-bottom:10px;}

.post h1,.post h2,.post h3{

margin:15px 0 5px;font-weight:lighter;

}

.post h1{font-size:20px;line-height:16px;}

.post h2{font-size:18px;}

.post h3{font-size:17px;}

.post ul,.post ol{

list-style-position:outside;

margin:0 0 10px 40px;

}

.post ul{

list-style-image:url(images/ul.png);

}

.post li{

padding:2px 0;

}



/* Sidebar */	

#sidebar{

float:right;

padding:0 0 0 5px;

width:300px;

margin-left:5px;

}

#sidebar a{

text-decoration:none;

color:#641106;

}

#sidebar a:hover{

color:#000000;

}

#sidebar h2,#sidebar h3{

font-size:15px;

border-top:2px solid  #EDAFCA;

padding:5px 0 5px;

margin:10px 0 0 0;

}

#sidebar ul{

list-style-type:none;
margin-bottom:30px;

}


#sidebar li{

margin-bottom:0;

border-bottom:1px dotted #CCCCCC;

padding:3px 0;

}


/* footer-wrap */
#footer{

border-top:2px solid #333333;

margin:0 auto;

background:#000000;

color:#CCCCCC;

padding:5px 20px;

font-size:11px;

}

ul#footnav{
text-align:right;
border-top:1px solid #D5D18C;
margin-top:10px;
padding:5px 0px 5px;
font-size:10px;
}
ul#footnav li{
display:inline;
margin-left:10px;
}
ul#footnav li a{
text-transform:uppercase;
background:none;
}
ul#footnav li.top{
background:url(images/top.png) no-repeat left;
padding:3px 0 0 20px;
}

#footer{
	height:25px;
}

#footer P{
	float:left;}

#footer ul{ float:right;}

#footer li{
float:left;
margin-right:5px;}