@charset "UTF-8";
/* CSS Document */

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentTop,#framecontentBottom {
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 20px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #aa0000;
color: white;
font-size:12px;
text-align:center;
vertical-align:middle;
padding-top:3px;
}


#framecontentBottom{
top: auto;
bottom: 0; 
height: 30px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: white;
text-align:center;

}

#framecontentBottom div {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: auto;
	height: 100%;
}

#maincontent{
position: fixed; 
top: 20px; /*Set top value to HeightOfTopFrameDiv*/
left: 0;
right: 0;
bottom: 30px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
background: #fff;
}

#framecontentBottom a:link 	    { color:#ffffff; text-decoration:none; }
#framecontentBottom a:visited		{ color:#ffffff; text-decoration:none; }
#framecontentBottom a:hover  	    { color:#ffffff; text-decoration:none;border-bottom:1px white dotted; }
#framecontentBottom a:active  	{ color:#ffffff; text-decoration:none; }

.intro {
	width: 45%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 5px 5px 25px;
	margin-top: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	line-height: 16px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	text-align:justify;
	overflow:visible;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 20px 0 30px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.blogarea {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}

.blogarea-row {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px grey dotted;
}

.blog { 
	width: 26%;
	float: left;
	position:relative;
	padding: 0px 5px 5px 25px;
	margin-right: 0px;
	margin-left:30px;
	margin-top:10px;
	background-color: #FFFFFF;
	line-height: 16px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	overflow:hidden;
}

.blog a:link 	    { color:#333333; text-decoration:none; }
.blog a:visited		{ color:#333333; text-decoration:none; }
.blog a:hover  	    { color:#333333; text-decoration:none;border-bottom:1px grey dotted; }
.blog a:active  	{ color:#333333; text-decoration:none; }
.blog img			{border:none;}

.bloghighlighted { 
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 5px 5px 5px;
	margin-bottom:10px;
	background-color: #FFFFFF;
	line-height: 16px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	overflow:hidden;
}

.bloghighlighted a:link 	    { color:#333333; text-decoration:none; }
.bloghighlighted a:visited		{ color:#333333; text-decoration:none; }
.bloghighlighted a:hover  	    { color:#333333; text-decoration:none;border-bottom:1px grey dotted; }
.bloghighlighted a:active  	{ color:#333333; text-decoration:none; }
.bloghighlighted img			{border:none;}

.bloghighlighted  p.blogname { 
	font-size: 20px;
	font-family: georgia, Helvetica, SunSans-Regular, Sans-Serif;
	margin-bottom:10px;
	color: red;
}
	
#maincontent .blog  p.blogname { 
	font-size: 20px;
	font-family: georgia, Helvetica, SunSans-Regular, Sans-Serif;
	margin-bottom:10px;
	color: #CC0000;
}

.blogname a {	font-family: georgia, Helvetica, SunSans-Regular, Sans-Serif;
}
#maincontent .blog  p.sub { 
float: right;
padding: 0px;
margin: 0px;}