body { margin : 0px 0px 10px 0px; 
       background-color : #A4A4A4; 
       color : Black; 
       font-size : 12px; 
       font-family : Verdana, Tahoma, sans-serif; 
       scrollbar-face-color: #A4A4A4; 
       scrollbar-shadow-color: #E5E5E5; 
       scrollbar-highlight-color: #BEBEBE; 
       scrollbar-3dlight-color: #BEBEBE; 
       scrollbar-darkshadow-color:Black; 
       scrollbar-track-color: #E5E5E5; 
       scrollbar-arrow-color: #939393;}
	
table, td {  font-size: 10px;}

p { margin : 0px; font-size : 10px; }

img, image, .img {  
    border : solid 1px black; 
    margin : 2px;  
    background-color : #FFFFFF;  
    padding : 2px; }

A, A:LINK { 
    color : #666666; 
    text-decoration : none; 
    font-weight : bold; }
            
A:visited { 
    color : #4C4C4C; 
    text-decoration : none; }
            
A:hover, A:ACTIVE { color : #939393;  }
 
#banner, #banner-commentspop {  
    width : 820px; 
    color : Black; 
    font-size : 20px; 
    font-weight : bold; 
    border-bottom : 2px dotted #939393; 
    background : #A4A4A4; 
    padding : 10px; 
    text-transform : uppercase; 
    letter-spacing : .2em; }
    
#bannerfoot {  
    width : 800px; 
    color : Black; 
    font-size : 20px; 
    font-weight : bold; 
    border-bottom : 2px dotted #939393; 
    border-top : 2px dotted #939393; 
    background : #A4A4A4; 
    padding : 10px; 
    text-transform : uppercase; 
    letter-spacing : .2em; }

.description { 
    color : #4C4C4C; 
    font-size : 10px; 
    font-weight : bold; 
    text-transform : none; 
    letter-spacing : none; }
    
.nav { 
    text-align:right; 
    color : #4F4F4F; 
    font-size : 9px; 
    font-weight : bold; 
    text-transform : none; 
    letter-spacing : none; }
    
.copyright { 
    text-align:center; 
    color : #4C4C4C; 
    font-size : 9px; 
    font-weight : bold; 
    text-transform : none; 
    letter-spacing : none; }

#frame { 
    float : left; 
    border : solid 1px black; 
    width : 170px; 
    height: 275px; 
    margin-left : 10px; 
    margin-right : 10px; 
    margin-bottom : 20px; 
    background-color : #2266BB;  }
    
#content { 
    position: relative;
    float : left; 
    width : 600px;
    margin-right : 20px; 
    padding : 20px;  
    padding-top : 0px;  
    background-color : #a5a5a5;  }
    
#links { padding-right : 15px; }

#menu { 
    font-weight:bold; 
    margin-bottom : 15px; 
    font-size: 14px;   
    color : #E5E5E5; 
    background-color: black;
    text-align:right; padding: 2px;}

.blog { 
    padding-left : 15px; 
    padding-top : 15px; 
    padding-right : 15px;  
    background-color : #E5E5E5;  }
    
.blogbody { 
    color : #333; 
    font-size : 11px; 
    font-weight : normal; 
    line-height : 14px; 
    padding-left : 10px; 
    padding-right : 10px; 
    padding-top : 10px; }

 .subject { 
     padding: 8px ; 
     border : solid 1px black; 
     font-size: 10px; 
     line-height: 12px; 
     text-transform:lowercase; 
     letter-spacing: .1em;  
     color : #333333; 
     background-color : #FFFFFF; }

 .narration{ 
     font-size: 10px; 
     font-style:italic ; 
     font-weight : bold; 
     line-height: 12px; 
     text-transform:lowercase; 
     letter-spacing: .1em; 
     margin-top : 5px;   
     margin-bottom : 5px; 
     color : #FFFFFF;  }
     
.blogdate { 
    font-size : 16px;
    color : #939393;  
    width : 820px; 
    padding-left: 15px; 
    font-weight : bold;  
    background-color : #E5E5E5;  }
    
.blogfoot {  
    font-size : 11px; 
    color : #939393;  
    padding-right: 15px;
    margin-bottom : 15px; 
    margin-top: 15px;
    text-transform : lowercase;  
    padding-left : 15px;  }
	
#calendar { 
    color : #939393; 
    font-size : 10px; 
    font-weight : normal; 
    line-height : 14px; 
    padding : 1px;
    align : center; }
    
.calendarhead { 
    font-size : 10px; 
    font-weight : bold; 
    line-height : 14px; 
    padding : 1px; }

.side { 
    color : #333; 
    font-size : 11px; 
    font-weight : normal; 
    line-height : 14px; 
    padding : 2px; 
    background-color : #BEBEBE; }

.sidetitle { 
    color : Black; 
    font-size : 14px; 
    font-weight : bold; 
    line-height : 14px; 
    padding : 3px; 
    background-color : #A4A4A4;
    margin-top : 10px; 
    text-align : center; 
    text-transform : uppercase; 
    letter-spacing : .2em;  
    border-bottom : 1px dotted  #BEBEBE;  
    border-top : solid 2px #BEBEBE;      }

.syndicate { 
    font-size : 9px; 
    font-weight : bold; 
    line-height : 14px; 
    padding : 2px; 
    margin-top : 10px; 
    text-align : center; }
    
.powered { 
    font-size : 9px; 
    font-weight : bold; 
    border-top : 1px solid #A4A4A4; 
    border-bottom : 1px solid #BEBEBE; 
    line-height : 14px; 
    text-transform : uppercase; 
    padding : 2px; 
    margin-top : 10px; 
    text-align : center; 
    letter-spacing : .2em; }

.comments-body { 
    color : #939393; 
    font-size : 11px; 
    font-weight : normal; 
    line-height : 14px; 
    padding : 10px; }
    
.comments-post { 
    color : #939393; 
    font-size : 10px; 
    font-weight : normal; }
    
.comments-head	{ 
    font-size : 11px; 
    color : #939393; 
    padding : 5px; 
    font-weight : bold; 
    margin-top : 10px; }
    
.comments-body { 
    color : #333; 
    font-size : 11px; 
    font-weight : normal; 
    line-height : 12px; 
    padding-left : 10px; 
    padding-right : 10px; }
		
input,  select, textarea { 
    color : Black; 
    background-color : #A4A4A4; 
    border: solid 1px #000000; 
    font-size : 11px; }

		
div.float { 
    float : left; 
    padding: 2px;}

div.float p { 
    text-align : center; }

div.container { 
    border : 1px solid #000000;  
    background-color : #E5E5E5;  }

div.spacer { clear : both; }

.photo {
    position: relative;
    bottom: 0px; }
    
/* The following is from Bullet Proof Rounded Corners 
http://www.albin.net/CSS/roundedCorners/  */

.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}

.borderTL, .borderTR, .borderBL, .borderBR {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99;
}

.borderTL, .borderBL { float: left; clear: both; }

.borderTR, .borderBR { float: right; clear: right; }

.borderTL { margin: 0px 0px 0px 0px; }

.borderTR { margin: 0px 0px 0px 0px; }

.borderBL { margin: -15px 0px 0px 0px; }

.borderBR { margin: -15px 0px 0px 0px; }

/* IE5-5.5/win needs the border scooted to the left or right by an additional 3px! Why? */

.borderTL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}

html>body .borderTL {
    margin-left: 0px;
}

.borderTR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}

html>body .borderTR {
    margin-right: 0px;
}

.borderBL {
    margin-left: -3px;
    ma\rgin-left: 0px;
}

html>body .borderBL {
    margin-left: 0px;
}

.borderBR {
    margin-right: -3px;
    ma\rgin-right: 0px;
}

html>body .borderBR {
    margin-right: 0px;
}