html{
width:100%;
height:100%;
}
body{
background-color:#534841;
background-position:center top;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}
.container{
width:960px;
height:810px;
position:relative;
margin:55px auto 20px auto;
padding:0px;
}
.layout{
postion:absolute;
width:960px;
height:810px;
padding:0px;
margin:0px;
}
p{
margin:0px 0px 10px 0px;
padding:0px;
font-size:12px;
}
h1{
margin:0px 0px 5px 0px;
padding:0px;
position:absolute;
font-size:36px;
color:#FFFFFF;
top:20px;
right:24px;
text-align:right;
width:410px;
line-height:53px;
}
h1 span{
padding:5px;
background-color:#00AEEF;
}
h2{
margin:0px 0px 5px 0px;
padding:0px;
font-size:24px;
font-weight:normal;
}
h3{
margin:0px 0px 5px 0px;
padding:0px;
font-size:14px;
}
h4{
margin:0px 0px 5px 0px;
padding:0px;
font-size:14px;
}
h5{
margin:0px 0px 5px 0px;
padding:0px;
font-size:12px;
font-weight:normal;
}
a{
color:#008DC4;
text-decoration:none;
font-weight:bold;
}


img.mainLogo{
position:absolute;
border:0px;
top:10px;
left:22px;
}
div.left{
position:absolute;
left:105px;
top:150px;
width:380px;
}
textarea{
border: 0px none;
background-color:#FEF79D;
font-family:"Courier New", Courier, monospace;
font-size:12px;
}







/*############################################################################  blog posts formatting*/

.blogRecord{
width:290px;
background-color:#00AEEF;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;

}
.even{
background-color:#66CCFF;
}
.blogRecord  .leftCol{
float:left;
width:50px;
clear:left;
margin:10px;
height:70px;
}
.blogRecord .rightCol{
float:left;
width:210px;
height:70px;
margin:10px 10px 10px 0px;
}
.blogRecord .rightCol p{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.blogRecord .rightCol .moreLink{
color:#FFFFFF;
float:right;
font-size:12px;
}

.blogRecord h2{
font-size:16px;
margin:0px 0px 5px 0px;
font-weight:bold;
}
.blogRecord p{
font-size:12px;
margin:0px;
}
.blogRecord .leftCol img{
width:48px;
height:48px;
}
.slidePanel{
font-size:12px;
clear:both;
background-color:#EEF7F9;
width:310px;
display:none;
color:#000000;
}
.more{
cursor:pointer;
text-decoration:underline;
}
.blogImage{
border:5px solid #00AEEF;
float:left;
margin:10px 10px 0px 0px;
}
.clear{
clear:both;
}
.blogHeader{
background-color:#00AEEF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
height:70px;
}
.blogHeader p{
margin:0px 0px 8px 0px;;
padding:0px;
}
.blogHeader h2{
font-family:Georgia, "Times New Roman", Times, serif;
}
.blogHeader .leftCol{
float:left;
width:50px;
height:50px;
clear:left;
margin:10px;
}
.blogHeader .rightCol{
float:left;
width:500px;
margin:10px 10px 10px 0px;
}
.blogBody{
width:530px;
margin:10px 0px 0px 70px;
font-size:12px;
height:370px;
overflow:auto;
padding:0px 10px 0px 0px
}