body{
background-color: #FFFFFF;
background-image: url('../images/background-strip.jpg');
}
h1{
line-height: 1em;
}
h2, h3{
color: #336699;
}
h2{
font-size: 16px;
margin-top: 0px;
margin-bottom: 0.4em;
font-weight: bold;
}
p{
font-family: Verdana;
font-size: 11px;
line-height: 1.9em;
margin-bottom: 1.5em;
color: #444444;
}
ul, ol{
font-family: Verdana;
font-size: 11px;
line-height: 2em;
padding-left: 1.75em;
margin-bottom: 2em;
}
ul ul, ol ol, ul ol, ol ul{
margin-top: 0em;
margin-bottom: 0em;
}
p a{
color: #336699;
background-color: #E0E0E0;
font-weight: bold;
text-decoration: underline;
}
p a:hover{
color: #000000;
}


a{
color: #444444;
font-weight: bold;
}
a:hover{
color: #336699;
text-decoration: underline;
}
td{
font-family: Arial;
font-size: 11px;
line-height: 15px;
}




.color1{
color: #336699;
font-weight: bold;
}





/* content table sizing*/

.col1, .col2, .col3, .col4, .col5{
display: block;
padding: 10px;
border: solid #C0C0C0;
border-width: 4px 0px 0px 0px;
white-space: normal;
}
.col1{
width: 800px;
}
.col2{
width: 210px;
}
.col3{
width: 320px;
}
.col4{
width: 430px;
}
.col5{
width: 550px;
}
.col6{
width: 650px;
}



#divSiteContainer{
position: absolute;
top: 0px;
left: 50%;
margin: 0px 0px 0px -470px;
width: 941px;
text-align: left;
font-family: Arial;
font-size: 11px;
}



/* Header */
#divHeader{
display: block;
width: 945px;
height: 129px;
}
#divSearch{
height: 28px;
width: 151px;
padding: 15px 5px 15px 0px;
background-image: url('../images/search.png');
float: left;
text-align: right;
}
#divSearch .btn, #divLogin .btn{
border: 0px;
background-color: transparent;
padding: 0px;
float: right;
margin-right: 1px;
}
#divLogin{
width: 179px;
height: 66px;
padding: 5px 5px 0px 85px;
float: right;
background-image: url('../images/login.png');
text-align: right;
font-family: Helvetica, Arial;
font-size: 10px;
}
#divLogin table th{
font-family: Helvetica, Arial;
font-size: 9px;
}
#divLogin p{
line-height: 1em;
margin: 0px 0px 10px 0px;
}
#divLogin h3{
font-family: Helvetica, Arial;
margin: 4px;
font-size: 10px;
color: #555555;
float: left;
text-align: right;
width: 25px;
}
#divMenu{
float: left;
}
#divMenu a img{
padding: 0px;
border: 0px;
margin: 0px;
float: left;
}



#divContent{
float: left;
padding-bottom: 50px;
}
.contentTop{
width: 675px;
height: 24px;
background: url('../images/content_top.png') no-repeat;
}
.contentTop2{
width: 675px;
height: 24px;
background: url('../images/content_top.png') no-repeat;
}
.contentOuter{
width: 675px;
background: url('../images/content_middle.png') repeat left top;
}
.contentEntry{
margin: 0px;
position: relative;
top: -14px;
z-index: 9;

padding-left: 22px;
width: 645px;
clear: both;
}
.contentBottom{
width: 675px;
background: url('../images/content_bottom2.png') no-repeat left bottom;
height: 32px;
}






.submenuEntry p:last-child, .contentEntry p:last-child{
padding: 0px;
margin: 0px;
}






#divSubmenu{
width: 265px;
float: left;
margin-bottom: 50px;
}
.submenuTop{
height: 19px;
background: url('../images/submenu_top.png') no-repeat;
}
.submenuBottom{
background: url('../images/submenu_bottom.png') no-repeat left bottom;
padding-bottom: 10px;
}
.submenuEntry{
position: relative;
top: -12px;
margin: 0px 0px 0px 10px;
width: 248px;
}











/* BLOG */
#add_post td{
padding-left: 1em;
}
td.blog_post_listing p{
margin-bottom: 0.35em;
}
div.div_blog_post{
width: 640px;
overflow: auto;
padding-bottom: 10px;
}
div#divBlogMenu{
/*width: 160px;*/
}
span.blog_post_details{
font-size: 13px;
color: #999999;
font-weight: bold;
}
span.blog_post_details a, span.blog_post_details  b{
color: #444444;
}










/* MEDIA */
#mediaList{
display: block;
width: 645px;
height: 100%;
overflow: auto;
padding-bottom: 20px;
}
.mediaEntry{
width: 120px;
height: 190px;
display: inline-block;
float: left;
margin: 0px 2px 2px 0px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
text-align: center;
cursor: pointer;
}
.mediaEntry:hover{
border: 1px solid #999999;
background-color: #CCCCCC;
}
.mediaThumb{
width: 120px;
height: 160px;
overflow: hidden;
vertical-align: middle;
}


.mediaMidview{
width: 640px;
height: 300px;
display: table-cell;
text-align: center;
vertical-align: middle;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
}
.mediaMidview:hover{
border: 1px solid #999999;
background-color: #CCCCCC;
cursor: pointer;
}