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;
text-rendering: optimizeLegibility;
}
.container{
width:960px;
height:770px;
position:relative;
margin:55px auto 20px auto;
padding:0px;
}
.layout{
postion:absolute;
width:960px;
height:770px;
padding:0px;
margin:0px;
}
p{
margin:0px 0px 10px 0px;
padding:0px;
font-size:14px;
}
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;
}
li{
margin:0px 0px 2px 0px;
padding:0px;
font-size:14px;
}






/*############################################################################  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;

}
.blogRecord .rightCol{
float:left;
width:210px;

margin:10px 10px 5px 0px;
overflow:visible;
}
.blogRecord .rightCol p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}
.blogRecord .rightCol .moreLink a{
color:#FFFFFF;
float:right;
font-size:12px;
font-weight:normal;
}
.blogRecord .rightCol .moreLink{
position:relative;
bottom:0px;
margin:5px 0px 0px 0px;
}

.blogRecord .titleLink{
color:#FFFFFF;
}

.blogRecord h2{
font-size:16px;
margin:0px 0px 0px 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
}

/*############################################################################  menu
*/
.menu{
position:absolute;
right:5px;
top:-52px;
height:75px;
width:660px;
background-image:url(menu_bg.png);
}
.menu .navItem{
height:40px;
width:110px;
float:left;
margin:0px 0px 0px 0px;
background-position:center top;

}
.menu .tab1{
background-image:url(menu_tab_1_down.png);
}
.menu .tab2{
background-image:url(menu_tab_2_down.png);
}
.menu .tab3{
background-image:url(menu_tab_3_down.png);
}
.menu .tab4{
background-image:url(menu_tab_4_down.png);
}
.menu .tab1up{
background-image:url(menu_tab_1.png);
height:75px;
}
.menu .tab2up{
background-image:url(menu_tab_2.png);
height:75px;
}
.menu .tab3up{
background-image:url(menu_tab_3.png);
height:75px;
}
.menu .tab4up{
background-image:url(menu_tab_4.png);
height:75px;
}
.menu .navItem .tabTitle{


width:110px;
margin:12px 0px 0px 0px;
text-align:center;

}
.menu .navItem .tabTitle a{
font-family: 'Reenie Beanie', verdana;
text-rendering:optimizeLegibility;
font-weight:normal;
font-size:24px;
text-transform:lowercase;
letter-spacing:2px;
}
