/************* Global ************/

html,body {height:100%}

* {
margin: 0;
padding: 0;
}

body, input{
font-family: "Trebuchet MS", Verdana, sans-serif;
text-align: left;
}

a {
text-decoration: none;
color: #999999;
}

blockquote {
background: #f7f7f7;
padding: 15px;
margin: 5px 0;
}

td {
	text-align: left;
	vertical-align: top;
	font-family:Tahoma;
	font-size:11px;
	color:#999999;
}
td.mid {
	text-align: center;
	vertical-align: middle;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}

td.vmid {
	text-align: left;
	vertical-align: middle;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
#container {
height: auto !important;
min-height: 100%;
padding-bottom: 15px;
background: #75ACCB url(images/back2.JPG) bottom left repeat-x fixed;
}
/************* Content *************/
#content {
width: 740px;
margin: 7px auto 0;
background: #fff;
border: 1px solid #fff;
position: relative;
}

:after#content {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	

#content a:hover {
background: #CCFFFF;
color: #C0C0C0; font-size:11px; font-family:Tahoma; font-weight:bold

}

/* 
Header with picture and site description.
It uses a hack for vertical-align because IE doesn't work properly with tables
*/
#contentHeader {
margin: 15px auto;
width: 710px;
height: 182px;
background: url(header.gif) no-repeat;
border: 1px solid #44434c;
position: relative;
}

#contentHeader[id] {
display: table;
position: static;
}

#content h2 {
margin: 15px 0;
border-bottom: 1px solid #9b6e89;
}

#content ul {
list-style-image: url('images/arrow.JPG');color:#999999; font-family:Tahoma; font-size:11px; padding-left:20px; padding-right:15px; padding-top:10px; padding-bottom:10px
}

/************* Main *************/

#main {
margin: 0 20px;
width: 430px;
float: right;
}

.post {
text-align: justify;
}

table        { border: 0px solid #FFFFFF; background-color: #FFFFFF }