/* blog content page */

.blogWindow {
	width: 625px;
	margin-left: auto;
	margin-right: auto;	
}

.blogContentRow{
	float: left;
	clear: both;
	width: 100%;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	background-color: #ffffff;
}

.headerBlog{
	width: 100%;
	height: 103px;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	background: #FFFFFF;
	background-image: url(images/blog/headerbg.gif);
	position: relative;
}

.topLogoBlog{
	position: absolute;
	top: 21px;
	right: 23px;
	width: 220px;
	height: 62px;
	background-image: url(images/blog/logo.gif);
	background-repeat: no-repeat;
}

.blogNavImageContainer{
	float: left;
	clear: both;
	width: 164px;
	height: 139px;
	background-image: url('images/blog/navImageBg.gif');
}

.blogNavImageContainer img{
	float: left;
	margin: 8px 0px 0px 8px;
	
}

.blogLeftColumn{
	float: left; width: 164px; margin-left: 17px; margin-right: 15px;
	display: inline;
	margin-top: 16px;
	color: #3e3e3e;
}

.blogLeftColumn a:link, .blogLeftColumn a:visited{
	color: #087f5d;
	text-decoration: none;
}

.blogLeftColumn a:hover, .blogLeftColumn a:active{
	color: #087f5d;
	text-decoration: underline;
}

.blogRightColumn{
	border-left: 1px solid #087f5d;
	float: left;
	width: 405px;
	display: inline;
	margin-top: 24px;
}

.blogRightColumn a:link, .blogRightColumn a:visited{
	color: #f1811c;
	text-decoration: none;
}

.blogRightColumn a:hover, .blogRightColumn a:active{
	color: #f1811c;
	text-decoration: underline;
}

.blogPost{
	float: right;
	clear: both;
	text-align: right;
	width: 378px;	
}

.blogPost .postDate{
	color: #f1811c;
	font-size: 10px;
	
}

.blogPost .postDateDivider{
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #f1811c;	
	clear: both;
	margin-top: 8px;
	margin-bottom: 10px;
}

.blogPost .postTitle{
	color: #f1811c;
	font-weight: bold;
	font-size: 16px;
}

.blogPost .marginContent{
	margin-top: 22px;	
}

.blogPost .postComments{
	width: 100%;
	text-align: center;
}

.blogNavigation{
	color: #000403;
	width: 151px;
	margin-left: 6px;
	text-align: center;
	font-size: 10px;	
}

.blogGreenHeader{
	clear: both;
	
}

.blogGreenHeader .left
{
	float: left;
	width: 4px;	
	height: 19px;
	background-image: url('images/blog/greenheader.gif');
	background-position: 0px 0px;
}

.blogGreenHeader .right
{
	float: left;
	width: 4px;	
	height: 19px;
	background-image: url('images/blog/greenheader.gif');
	background-position: 0px 20px;
}

.blogGreenHeader .center
{
	float: left;
	width: auto;
	padding: 0px 5px;
	height: 19px;
	background-image: url('images/blog/greenheader.gif');
	background-position: 0px -20px;
	color: #ffffff;
	line-height: 19px;
	font-size: 10px;
	text-align: right;
}

.blogGrayButton{
	clear: both;
	cursor: pointer;
}

.blogGrayButton .left
{
	float: left;
	width: 3px;	
	height: 23px;
	background-image: url('images/blog/graybutton.gif');
	background-position: 0px 0px;
}

.blogGrayButton .right
{
	float: left;
	width: 3px;	
	height: 23px;
	background-image: url('images/blog/graybutton.gif');
	background-position: 0px 23px;
}

.blogGrayButton .center
{
	float: left;
	width: auto;
	padding: 0px 5px;
	height: 23px;
	background-image: url('images/blog/graybutton.gif');
	background-position: 0px -23px;
	color: #3b3b3b;
	font-weight: bold;
	line-height: 23px;	
	font-size: 12px;
	text-align: right;
}

table.blogCalendar 
{
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    margin-bottom: 4px;
}

table.blogCalendar tr td.month
{
    font-size: 12px;
    font-weight: bold;
    text-align: right;         
	color: #3e3e3e;
	padding-right: 9px;
	height: 16px;
}

table.blogCalendar tr th
{
    color: #087f5d;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    height: 24px;
}

table.blogCalendar tr td.day
{
    padding: 0px;
    width: 23px;
    height: 18px;    
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
	color: #777575;
	font-weight: bold;
}

table.blogCalendar tr td.currentMonth
{    
    color: #4e534c;
}

table.blogCalendar tr td.otherMonth
{    
    color: #b2bdaf;
}

table.blogCalendar tr td.selectedDay
{    
    color: #f1811c;    
}

ul.blogLinks{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-right: 9px;
}

ul.blogLinks li
{
	font-size: 10px;
	text-align: right;
}

input.blogRegister{
	background-color: #f1f1f1;
	border: 1px solid #afafaf;
	width: 137px;	
}

/* blog menu */

.blogMenuLeftCol{
	float: right;
	width: 608px;
}

.blogMenuItem
{
	border: 1px solid #208a6b;		
	height: 210px;
	width: 606px;
}


.blogMenuItem .blogMenuItemInner{	
	border: 1px solid #ffffff;
	background-image: url('images/blog/menugradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	height: 208px;
	overflow: hidden;

	position: relative;
	z-index: 0;
}


.blogMenuItem .blogMenuItemInner .blogMenuItemInnerContent{
	margin: 9px;
}



.blogMenuDivider{
	float: right;
	margin: 0px 14px; 
	width: 1px;
	height: 190px;
	background-color: #83bead;
}

.blogMenuText{
	color: #000000;
	font-size: 12px;
	float: right;
	width: 390px;
	position: relative;
	z-index: 2;
}

.blogMenuText .imgtitle{
	float: right;
	clear: both;
}

.blogMenuText .title{
	font-weight: bold;
	float: right;
	clear: both;
	width: 100%;
	text-align: right;
}

.blogMenuText .text{
	float: right;
	clear: both;
	width: 380px;
}

.blogMenuMoreButton
{
	position: absolute;	
	bottom: 4px;
	left: 4px;
	width: 221px;
	height: 60px;
	cursor: pointer;
	z-index: 1;
}

.blogMenuShadow{
	width: 611px;
	height:216px;	
	clear: both;
	background-image: url('images/blog/menuitemshadow.gif');
}