@import "reset.css";

a{
	color: #000000;
}

a:link, a:visited, a:active{
	text-decoration: none;
	color: #000000;
}

small{
	color: #999999;
}

ul, li{
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4{
	padding: 0;
	margin: 0;
}

body{
	background: #FFFFFF;
	font-family:"Lucida Grande",Arial,Sans-serif;
	color: #333333;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#shell{
    display: block;
    position: relative;
	margin:0 auto;
	width: 1100px;
}

#container{
    display: block;
	top:0;
	width:  1100px;	
	padding: 10px;
}

#header{
	text-align: left;
	font-size: 28px;
	font-weight: bold;
	width: 800px;
	margin-top:10px;
	margin-bottom: 10px;
}

#breadcrumb{
	list-style-type: circle;
	width: 800px;
	font-size: 0.825em;
}

	#breadcrumb li{
		display: inline;
		width: 800px;
	}
	
.ddsmoothmenu{
font: bold 12px Verdana;
background: #EEEEEE; /*background of menu bar (default state)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #414141; /*background of menu items (default state)*/
color: black;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: black;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #EEEEEE; 
color: red;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 225px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
	
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 200px; /* Main Menu Item widths */
list-style-type: none;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #EEEEEE; /*background of menu items (default state)*/
color: black;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #EEEEEE; 
color: red;
}

.ddsmoothmenu-v ul li a:hover{
background: #EEEEEE; /*background of menu items during onmouseover (hover state)*/
color: red;
text-decoration: underline;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */

#left_nav{
    display: inline;
	float: left;
	width: 200px;
	top: 20px;
	padding: 0;
	margin-right: 35px;
	font-weight: bold;
}	

#wrapper{
    display: inline;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}	

#content{
    display: inline;
	float: left;
	width: 525px;
	margin-right: 35px;
}

	#content h1{
		font-size: 18px;
		color: #333333;
		font-family:Helvetica,Arial,Sans-serif;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:1.2;	
		border-bottom: 1px solid #70080D;
		margin-bottom: 20px;
	}
	
	#content small a{	
		color: #999999;
	}
	
	#content #read_more{
		float: right;
		margin-top:0;
	}
	
		#content #read_more a{
			text-decoration: underline;
		}	
	
	.newsfeed{
		list-style-type: none;
		margin-bottom: 5px;
		margin-left: 20px;
	}

		.newsfeed .timescale{
			font-size: 14px;
			color: #B31E1E;
			margin-top: 10px;
			margin-bottom: 5px;
			border-top: 0;
			list-style-type: none;
			margin-left: -20px;
		}
		
		.newsfeed li{	
			margin-bottom: 2px;
			border-top:1px solid #DDDDDD;
			line-height:1.5em;
			padding:4px 0;
		}
		
			.newsfeed a{	
				color: #333333;
			}
			
				.newsfeed a:hover{	
					text-decoration: underline;
				}
				
		.newsfeed li small{	
			display: block;
			font-size: 12px;
		}
		
			.newsfeed li small a{	
				color: #999999;
			}
		
		.newsfeed li img{	
			margin-left: -20px;
			position:relative;
			top:5px;
		}
		
		.newsfeed .more{	
			margin-bottom: 2px;
			margin-top: -25px;
			border-top: 0;
			padding:4px 0;
			text-align: right;
		}
		
		.newsfeed .heading{	
			font-weight: bold;
			margin-left: -20px;
			margin-top: 0px;
			border-top: 0;
		}
		
		
			.newsfeed .heading a{	
				font-family:Helvetica,Arial,sans-serif;
				color: #B31E1E;
			}
			
		.newsfeed .tweet{	
				color: #999999;
				margin-left: 40px;
				min-height: 60px;
			}
			
			.newsfeed .tweet img{	
				color:#999999;
				float:left;
				margin-left:-60px;
				height:48px;
				padding-right:10px;
				width:48px;
				}		
			
			.newsfeed .tweet a{	
					color: #000000;
			}	
		
		#content #pagination{
			display: inline;
			list-style-type: none;
			font-size: 11px;
		}	
		
		#content #pagination #previouspage {
			float: left;
		}	
				
		#content #pagination #nextpage{
			float: right;
		}
		
		#sidebar{
		    display: inline;
			float: left;
			width: 270px;
		}
		
			#sidebar #popular_posts{
				padding: 20px;
				background: #EEEEEE none repeat scroll 0 0;
				font-size: 12px;
			}
		
			#sidebar h2{
				font-weight: normal;
				margin-bottom: 20px;
				font-size: 18px;
			}
					
		
		#footer {
			border-top:1px solid #D4D4D4;
			clear:both;
			color:#666666;
			font-size:11px;
			height:20px;
			padding:10px 20px;
		}