body { 
margin : 0;
padding : 0;
text-align : center;
font : 73% verdana, tahoma, "Trebuchet MS", arial, sans-serif;
background : lightskyblue url(images/bg.gif) repeat-y top center;
color : black;
} 

#blog{
display:none;
}
span{
margin: 5 0 5 15;
}
			/*WRAP*/
#box { 
position : relative;
width : 782px;
margin-right : auto;
margin-left : auto;
text-align : left;
padding : 0px;
margin-top : 0;
}
			/*TITLE BAR*/
#title { 
width : 760px;
margin : 0 0 0 11px;
padding : 0;
height : 30px;
background : #a2c1eb;
color : black;
} 
#title h1 { 
font : 100% georgia, tahoma, verdana, arial, sans-serif;
text-align : right;
letter-spacing : 3px;
margin : 0 10px 0 11px;
padding-top : 10px;
background : inherit;color : black;
} 
			/*TOP BANNER*/
#header { 
width : 760px;
height : 150px;
margin : 0 0 20px 11px;
padding : 0 0 0 0;
background : #fff url(images/header.jpg);
color : #000;
} 
#header h1 { 
font : 140% georgia, tahoma, verdana, arial, sans-serif;
text-align : left;
letter-spacing : 3px;
margin : 0 10px 0 440px;
padding : 150px 0 0 0;
background : transparent;
font-weight:bold;
color : red
} 
			/*TOP NAVIGATION*/
.container { 
width : 760px;
padding-top : 10px;
margin-left : 11px;
}
#navCircle { 

margin : 0;
padding : 0 0 20px 10px;
border-bottom : 5px solid black;
} 
#navCircle li { 
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
} 
#navCircle a:link, #navCircle a:visited { 

float : left;
line-height : 14px;
font-family : georgia, tahoma, verdana, arial, sans-serif;
font-weight : bold;
font-size : 16;
padding : 0 8px 5px 7px;
text-decoration : none;
color : black;

} 
#navCircle a:link.active, #navCircle a:visited.active
{ 

color : white
} 
#navCircle a:hover { 

padding-bottom : 6px;
color : white;


} 

			/*MAIN CONTENT*/
#main { 
float : left;
width : 486px;
padding : 1px;
margin-top : 10px;
margin-left : 30px;
margin-right : 10px;
line-height : 1.8em;
} 
#main_blog { 
float : left;
width : 695px;
padding : 1px;
margin-top : 10px;
margin-left : 25px;
line-height : 1.8em;
} 
#main h1 { 
margin : 10px 30px 0 20px;
padding : 3px;
text-align : left;
letter-spacing : 3px;
font : 180% georgia, tahoma, verdana, arial, sans-serif;
background : inherit;
color : #000;
} 
#main_blog h1 { 
margin : 10px 30px 0 20px;
padding : 3px;
text-align : left;
letter-spacing : 3px;
font : 180% georgia, tahoma, verdana, arial, sans-serif;
background : inherit;
color : #000;
} 
			/*SIDEBAR*/
#sidebar { 
width : 200px;
margin : 10px 0 0 540px;
padding-left : 10px;
border-left : 1px solid black;
line-height : 1.8em;
} 
#sidebar p{
font-size:10px;
margin-top:2px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
text-transform:uppercase;
}
#sidebar h1 { padding : 10px;
margin : 0;
font : 100% georgia, tahoma, verdana, arial, sans-serif;
background : inherit;
color : #aaa;
} 
.sideheader { 
margin-bottom : 20px;
text-align : center;
letter-spacing : 5px;
font : 140% georgia, tahoma, verdana, arial, sans-serif;
padding : 3px 0;
color : #fff;
background : #000 url(images/sideheader.jpg);
} 

			/*FOOTER*/ 
#footer { 
margin : 40px 0 0 0;
padding : 0;
border-top : 1px solid #ccc;
font-size : 0.8em;
text-align : center;
background : inherit;
color : #aaa;
} 
#footer a:link, #footer a:visited { 
background : inherit;
color : #4a82ba;
} 
#footer a:hover { 
border-bottom : 1px solid #000;
color : #000;
}
			/*CLASS*/
.news { 
font-size : 1em;
background : inherit;
color : #666;
}
.myborder {
float: left; 
border : 1px solid #aaa;
padding : 10px;
margin: 10px;
} 
			/*TYPOGRAPHY*/
p { 

}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
} 
			/*SCROLLBAR*/ 
div.scroll { 
margin : 5px 0 40px 5px;
height : 15em;
width : 170px;
overflow : auto;
border : 0px solid #aaa;
padding : 0.5em;
background : #fff;
color : #666;
} 
			/*LINKS*/ 
a img { 

border : 0;
} 
a:link, a:visited { 
background : inherit;
color : black;
text-decoration : none;
} 
a:hover { 
background : inherit;
text-decoration : none;
color : white;
}