@import "base.css.php";


div.clear {
    clear: both;
    font-size: 0.1pt;
}

#container {
	margin: 0 auto;
	width: 950px;
}

	#header div.logo {
		background-image: url('../images/masthead.png');
		background-color: #c01414;
		height: 200px;
	}

	#header div.menu {		
		background-color: #ccc;
        margin: 10px 0;
        padding: 5px;
        height: 32px;
	}
	
		#header div.menu ul {
			overflow: hidden;
			float: left;
			height: 32px;
			margin: 0;
		}
		
			#header div.menu ul li {		
				display: block;
				float: left;
				margin-left: 0px;
			}
			
				#header div.menu ul li a {		
					display: block;
					padding: 5px 15px;
					color: white;
					height: 21px;
				}
				
				#header div.menu ul li a:hover {		
	                background-color: #dcdcdc;
	            }
	            
	            	#header div.menu ul li a img {
	            		margin-top: 0px;
	            	}
		
		#header div.menu fieldset {
			padding-top: 4px;
			float: right;
			margin-right: 3px;
		}
		
		#header div.menu input {				
			padding: 2px;
			font-size: 110%;
			border: 0;	
		}			
		
			#header div.menu fieldset .textInput {					
				border: 1px solid white;
				width: 13em;
				margin-right: 4px;
			}
		

#content {
	width: 620px;
	float: left;
	text-align: left;
	margin-right: 10px;
}

#sidebar {
	float: left;
	width: 320px;
}


#pageView {
	margin-top: 10px;
	font-size: 130%;
	text-align: left;
}


#footer {
	clear: both;
	background-color: #a00;
	padding: 15px;
	color: white;
	overflow: auto;
}

	#footer a {
		text-decoration: none;
		color: white;
		font-weight: bold;
	}
	#footer a:hover {
		text-decoration: underline;
	}

    #footer .copyright {
		float: left;
	}
	
	#footer .links {
		float: right;
	}
		#footer .links .link {
			float: left;	
		}
		#footer .links .divider {
			float: left;
			display: block;
			padding: 0 5px;
		}

		
		

.slideShow {
	height: 320px;
	width: 620px;
}
	.slideShow .slide {
		height: 320px;
		display: none;
	}
	.slideShow .slide.active {
		display: block;
	}
	
	.slideShow .slide img {
		z-index: 998;
	}
	.slideShow .slide .banner {
		z-index: 999;
		margin-top: -68px;
		adding: 5px 0 0 8px;
		opacity: 0.7;
		filter: alpha(opacity = 70);	
		background-color: #000;
		height: 65px;
	}
	
	.slideShow .banner h1 {
		font-weight: bold;
		font-size: 120%;
		color: #f3bf0c;
		opacity: 1;
		padding: 8px 0 2px 8px;
		margin: 0;
	}
	.slideShow .banner p {
		color: #FFFFFF;
		font-size: 105%;
		line-height: 120%;
		opacity: 1;
		overflow: hidden;
		width: 415px;
		padding-left: 8px;
	}
		
	.slideShow ul {
		margin: 0;
		margin-top: -35px;
	}
		.slideShow ul li {
			display: block;
			float: right;
			position: relative;
			left: -15px;
			margin-left: 0;
			z-index: 50;
		}
			.slideShow ul li a {
				text-decoration: none;
				display: block;
				padding: 1px 7px;
				margin-left: 5px;
				color: #eee;
				border: 1px solid #fff;
				background-color: #444;
				font-weight: bold;
			}


	
div.sectionTitle {
	height: 30px; 
	background-color: #ccc; 
	margin-bottom: 10px;
	padding-left: 10px;	
}

	div.sectionTitle img {
		margin-top: 3px;
	}
	
div.articleSummary {
    clear: both;
    margin-bottom: 15px;
}
	div.articleSummary a {
		sfont-weight: bold;
	}
	div.articleSummary .mainImage {
	    float: left;
	    margin-right: 10px;
	    width: 150px;
	}

	div.articleSummary .content {
		float: left;
		width: 450px;
	}
	
	div.articleSummary .header {
		height: 45px;
		
	}
	
		div.articleSummary .header h1 {
			font-size: 100%;
			font-weight: bold;
			color: #a00;
		}
		
		div.articleSummary .header h1:hover {
			color: red;
		}
		
		div.articleSummary .header .creationDate {
			font-size: 90%;
			font-weight: bold;
		}
			
	div.articleSummary .content p {
		clear: left;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	div.articleSummary a.viewLink {		
		float: right;
	}
	
	
	
div.paging {
	font-weight: bold;
	overflow: auto;
	padding: 10px;
	width: 600px;
}
	div.paging .next {
		float: right;
	}
	div.paging .prev {
		float: left;
	}
	


div.widget { 
    text-align: left;
    margin-bottom: 10px;
    background-color: #ccc;
    overflow: auto;
}
				
	div.widget .heading {
		height: 30px;
		padding-left: 10px;
	    background-color: #a00;
	}
		div.widget .heading img {
			margin-top: 3px;
		}
	
	div.widget .content {
		padding: 10px;
	}
	
	div.widget ul {
		margin: 0;
	}
	div.widget ul li {
		padding-left: 0;
	}


#twitter-div {
	font-size: 110%;	
}
	#twitter-div ul {
		
	}
		#twitter-div ul li {
			margin-left: 15px;
			list-style-type: square;
			list-style-position: outside;	
		}
		
			#twitter-div ul li a {
				font-weight: normal;	
			}
			#twitter-div ul li span {
				font-size: 110%;	
			}

	#twitter-link {
		margin-top: 8px;	
		font-weight: bold;
		display:block;
		text-align:right;
	}


#MailingListForm {
	font-size: 110%;
}
	#MailingListForm p {
		margin-bottom: 10px;
		font-size: 110%;
	}
	#MailingListForm label,
	#MailingListForm input {
		display: block;			
		padding: 2px;
		font-size: 100%;
		border: 0;
		float: left;
		width: 40px;
		margin-right: 10px;
		margin-bottom: 10px;
	}			
		#MailingListForm .textInput {					
			border: 1px solid white;
			width: 150px;
		}
	
		#MailingListForm .submitBtn {
			width: 80px;
			margin-right: 0;
			float: right;
		}
	
	#MailingListForm .actionResult {
		text-align: center;
		margin-top: 10px;
	}


#map_canvas h3 {
	font-size: 120%;
	margin: 0;
	margin-bottom: 5px;
}
	#map_canvas span {
		font-style: italic;
		display: block;
		margin-bottom: 10px;
	}
	#map_canvas a {
		float: right;
	}
	#map_canvas p {
		display: none;
	}
	 	
 	
#rssresults {
	text-align: left;
	font-size: 110%;
}
	#rssresults ul {
		text-align: left;	
	}
		#rssresults ul li {
			list-style-type: square;
			list-style-position: outside;
			margin-left: 15px;	
		}
		
		#rssresults a.viewLink {
			margin-top: 8px;	
			font-weight: bold;
			display:block;
			text-align:right;
		}
		
	 	

#pageCommands a {
	float: right;
	display: block;
	padding: 5px 10px 5px 23px;		
	background-repeat: no-repeat;
	background-position: 0;
	margin-left: 10px;
}
	#pageCommands a.printView {
		background-image: url('../images/printview.png');
	}
	#pageCommands a.emailView {
		background-image: url('../images/email.png');
	}


#socialBookmarks {
	clear:both;
}
	#socialBookmarks ul {
		text-align:center;
		list-style:none;
		margin:15px 15px 20px 15px;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		
	}
		#socialBookmarks ul li {
			text-align: center;
			display: inline;
			padding: 0 4px 6px 2px;
		}
			#socialBookmarks ul li.delicious {
				background: url(../images/social/delicious.gif) no-repeat 0 0;
			}
			#socialBookmarks ul li.digg {
				background: url(../images/social/digg.gif) no-repeat 0 0;
				padding: 0 0 0 0px;
			}
			#socialBookmarks ul li.reddit {
				background: url(../images/social/reddit.gif) no-repeat 0 0;
				padding: 0 0 0 2px;
			}
			#socialBookmarks ul li.twitter {
				background: url(../images/social/twitter.gif) no-repeat 0 0;
				padding: 0 0 0 2px;
			}			
			#socialBookmarks ul li.facebook {
				background:url(../images/social/facebook.gif) no-repeat 0 0;
			}
			#socialBookmarks ul li.stumbleupon {
				background:url(../images/social/stumbleupon.gif) no-repeat 0 0;
			}
			
			#socialBookmarks ul li a  {
				padding: 0 0 0 20px;
				margin: 0 3px 0 0px;
				font-size: 90%;
			}




.linkBtn, 
.submitBtn, 
.resetBtn, 
.deleteBtn {
	padding: 5px;
}

a.linkBtn {
	text-decoration: underline;
}

.submitBtn, 
.resetBtn, 
.deleteBtn {
	background-color: #eee;
}

	.submitBtn:hover,
	.resetBtn:hover, 
	.deleteBtn:hover {
		background-color: #ddd;
	}
	
div.actionResult {
	font-weight: bold;
}
div.actionSuccess {
	color: green;	
}
div.actionFailure {
	color: red;
}


	

#pageContent {
	margin-bottom: 10px;	
	padding-right: 10px;
}
	#pageContent .creationDate {
		margin-bottom: 10px;
		font-weight: bold;
	}

	#pageContent img.insetImage {
		float: left;
		margin: 0 10px 5px 0;
	}
	
fieldset legend {
	color: #a00;
	font-size: 105%;
}