body 
{
    background:#000000;
   font: Arial;
}
h4
{
    font-size:1.3em;
}
#container
{
    width:900px;
    margin: 20px auto;
    background: #878787;
    border:solid 1px #000000;
    
}

#masthead
{
    height:151px;
    background:url(i/banner.gif) no-repeat;
}
#mainCol
{
    float:right;
    width: 598px;
    text-align:left;
}
#mainCol ul
{
    list-style:none;
    margin:10px 0 10px 0;
    padding:0;
}
#mainCol li 
{
    display:inline;
    margin: 0 10px 0 0;
    padding:0;
    line-height:200%;
}
#mainCol li a:link, #mainCol li a:visited
{
    text-decoration:none;
    font-size:1.7em;
    font-weight:bold;
    color:White;
}
#mainCol li a:hover
{
    color : Red;
}
#Blog 
{
    margin:0 4px 0 4px;
}
#Post
{
    margin: 5px 10px 5px 10px;
    border: solid 1px #000;
    background: #BBB;
   
}
#PostComment
{
   width: 249px;
   float: left;
   text-align: left; 
}
#PostComment a:link, #PostComment  a:visited 
{
   text-decoration:none;
    font-size:1.2em;
    font-weight:bold;
    color:White;
} 
#profile
{
    font-size: 1.2em;
}
#Comments
{
   width: 249px;
   float: right;  
   text-align: right; 
   font-size:1.2em;
   font-weight:bold;
   color:White; 
}
#Comments a:link, #Comments  a:visited 
{
   text-decoration:none;
   color:White; 
} 
#sidebar
{
    float:left;
    width:204px;
    text-align:left;
    background:#878787 url(i/sidebar.gif) no-repeat;
    min-height: 409px;
}
#footer
{
    clear:both;
    text-align:left;
}
#footer ul
{
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
#footer li 
{
    display:inline;
    margin: 0 10px 0 0;
    padding:0;
    line-height:160%;
}
#footer li a:link, #footer li a:visited
{
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
    color:White;
}
#footer li a:hover
{
    color : Red;
}
#footer p 
{
    margin:0 0 3px 0;
}
/*begin creating the tabs */
.menu {
	margin-left: 15px;
	background: url(images/bgdp.gif) repeat #8d9bfe;
	font-size: 12px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(images/bgdp.gif) repeat #8d9bfe;
	width: 90px;
	text-align: center;
	
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(images/tab.gif) no-repeat #8d9bfe;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	background: url(images/bgdp.gif) repeat #8d9bfe;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	background: url(images/bgdp.gif) repeat #8d9bfe;
	border-bottom: 1px solid #666666;
	padding: 3px;
}