/* Global */
body
{
    color: #565655;
    margin: 0;
    padding: 0;
    background: #3366cc fixed no-repeat center center;
    font: 12px/1.4em Arial, Helvetica, sans-serif;
    letter-spacing: 0px;

}

a { color:#2A7FFF;font: 12px/1.4em Arial, Helvetica, sans-serif; text-decoration:underline;}

.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;} 
a:hover {text-decoration:none;}
img {border: 0;}

h1 { text-align:center; color:#2A7FFF;font: bold 16px Arial, Helvetica, sans-serif; margin:  5px 0px 0px 0;}
h2 { text-align:center; color:#2A7FFF;font: bold 14px Arial, Helvetica, sans-serif; margin:  4px 0px 4px 0;}
h3 { text-align:left;  border-bottom: solid 1px #6699ff; color:#2A7FFF; font: bold 12px Arial, Helvetica, sans-serif; margin:  15px 0px 7px 0;}
h4 { text-align:left;  border-bottom: solid 1px #6699ff; color:#2A7FFF; font: bold 0.9em Arial, Helvetica, sans-serif; margin:  15px 0px 2px 0;}
h5 { text-align:center; color:#2A7FFF;font: bold 12px Arial, Helvetica, sans-serif; margin:  5px 5px 15px 0;}
h6 { height:30px; color:#2A7FFF;  background: url('images/menu2.gif') repeat left top; padding-left:3px; padding-right:3px; padding-top:9px; padding-bottom:3px}
h7 { text-align:left; color:#2A7FFF;font:  10px Arial, Helvetica, sans-serif; margin:   0px  5px 5px 0;}
h8 { text-align:left; color:#2A7FFF;font:  12px Arial, Helvetica, sans-serif; margin:   0px  5px 5px 0;}

/******* Layout **********/
#wrapper{width:950px; margin: auto;background: white; padding-top:0px;margin-top: 10px; margin-bottom:10px;}
#header{ width:900px; margin-right:15px; margin-left:15px; height: 70px;}

#logo {float: left; padding:5px 0 0 5px}
#sm { float: right; padding:15px 15px 0 0}

/****** Navigation **********/
#nav{background: url('images/nav.gif') repeat-x top;height: 40px; margin-left:15px; margin-right:15px; width:900px;}
#nav ul {margin: 0;list-style: none;padding:0}
#nav li {display: block;float: left;}
#nav li a {font: bold 12px Arial, Helvetica, sans-serif;color: #444444;text-decoration: none;display: block;padding: 12px 15px 13px 15px; border-right: solid 1px #334433}
#nav li a:hover {background: url('images/hover.gif') repeat-x top;}
#nav li a.current {background: url('images/hover.gif') repeat-x top;  color: White;}

/******* Content *********/
#main{ margin-left:15px; margin-right:15px; width:910px; padding: 0px;overflow: hidden; clear:both}
#content{width:900px;margin-top:15px; margin-bottom:15px; float:left;}
#content p { margin: 5px;}
#content ul { margin-left:20px; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0px}
#content li {margin:5 5; padding:0 5px 4px 0;}
#leftcontent{width:641px;padding: 0px  0 0px 0px;float:left;}

.img { border: 1px solid #e5e5e5; padding: 5px; margin: 0 0 0px 0; background-color:#fff;}

.box2 { margin-top:5px;margin-bottom:10px;width: 640px; float:left; padding:3px; border: 1px solid #e5e5e5;}
.box3 { margin:0px;width: 900px; float:left; padding:0px; border: 1px solid #e5e5e5;}
.box4 { margin-top:5px;margin-bottom:10px;width: 640px; float:left; padding:3px; border: 1px solid #e5e5e5;}
.cont { display:block; background-color:#F7F7F7; padding:12px;}

/***** Side Bar **********/
#sidebar{width:225px; margin: 0 0 0 660px;}
.box5 { width: 225px; margin-top:5px; margin-left:0px; padding:5px; border: 1px solid #e5e5e5;}

.xsidebarmenu { margin:5px 0 0 0;padding:0; list-style:none;}
.xsidebarmenu li {height: 25px; background: url('images/menu.gif') repeat left top; padding-left:5px; padding-right:0; padding-top:11px; padding-bottom:0}
.xsidebarmenu a { color:#2A7FFF; text-decoration: none;font-weight:bold;}
.xsidebarmenu a:hover { color:#2A7FFF;    text-decoration:underline; }

blockquote 
{	margin-top: 1.2em;
	margin-bottom: 1.2em;
	background: url('images/quote.gif') no-repeat;
	padding-left: 22px; font-style: italic; font-variant: normal; font-weight:normal; 
}

blockquote p {padding: 6px;}

/******** Footer *******/
#xfooter { border:solid 1px #e5e5e5; text-align:center; width:900px; margin-left:15px; margin-right:5px; margin-top:10px; line-height:1.2em; }
#bottom{height: 10px}

.article {
background:transparent url('images/article_bg.gif') repeat-x scroll left top;

border-right:1px solid #ECECEC;
margin-bottom:0px;
padding:15px;
}

.article h2 
{
	color:#667766;
text-align: left;
font-size:1.1em;
font-weight:bold;
margin: -6pt 0px 4px -5pt;
}

.article h4 
{
text-align: left;
color:#A7A7A7;
font-size:0.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2pt  0px 10px -5pt;
}
.article h5 
{
text-align: right;
color:#A7A7A7;
font-size:0.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.article .shortStory {
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
}
.article a, .article a:link, .article a:visited 
{

font-weight:bold;
font-size:1.1em;
}


.date_box {
	background-color: #FFFFFF;
	background-image: url(images/date.jpg);
	margin-left:-5px;
	height: 51px;
	width: 52px;
	float: left;
}

.date_box_month {
	padding-top: 6px;
	font-size: 11px;
    font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 3px;
	text-align: center;
	color: #75a006;
}

.date_box_day {
	font-size: 18px;
	font-weight: bold;
	padding-left: 3px;
	text-align: center;
	font-style: italic;	
	color: #654040;
}

.img-shadow 
{
float:right;
background: url(images/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}
.img-shadow img 
{
text-align:center;
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 4px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}
