/* Universal Styles */

	body {
		background-color: #999;
		font-family: Verdana;
		font-size: 13px;
		padding: 0;
		margin: 0;
	}
	
	a:link, a:visited { color: #ff0000; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
	/* headers generally start sections, so don't float next to them */
	h1, h2, h3 {
		clear: both;
	}

/* Library styles */

.noticebox
{
	border: 1px solid black;
	padding: 10px;
	background-color: #eee;
}

.headline {
	margin-bottom: 0;
}

.dateline {
	text-align: right;
}

.newsstory
{
	padding: 10px;
	padding-top: 0;
	border: 1px solid black;
}

.footnote {
	font-size: 10px;
}

p.footnote {
	margin: 0;
}

.right { text-align: right; }
.center { text-align: center; }

.blackborder { border: 1px solid black; padding: 10px; }

.facebook
{
	text-align: left;
	
	margin: 10px;
}

table.videos
{
	margin: 10px 30px;
	border: dotted black;
	border-width: 1px 0;
}

table.videos td:first-child
{
	text-align: center;
}

table.videos td
{
	padding: 10px;
	font-size: 10px;
}

table.videos h3
{
		font-size: 16px;
		text-align: left;
}

/* Layout Styles */

	#container {
	
		/* center the whole page */
		margin: auto;
		position: relative;
		
		border: 1px solid #600000; 
		
		/* inner width 780px */
		width: 780px;
	
	}

		#top {
			height: 150px;
			background-color: #600000;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #600000;
			position: relative;
		}

			#salvilogo {
				position: absolute;
				top: 0;
				left: 0;
			}

				#salvilogo img { border-right: 1px solid #600000; }

			#menu {
				position: absolute;
				bottom: 0;
				right: 0;
				margin: 0;
				padding: 0 0 5px;
				
				list-style-type: none;
				
				font-size: 10px;
			}

			#menu li {
				display: inline;
				border: 0;
				padding: 0;
				margin: 0;
				color: white;
				font-size: 10pt;
			}

			#menu a:link, #menu a:visited {
				color: #ffffff;
				text-decoration: none;
				background-color: #900000;
				margin: 2px 0px;
				padding: 0 5px;
				border: 1px solid black;
			}
			
			#menu a:hover {
				color: #ffff00;
				background-color: #900000;
				text-decoration: underline;
			}


		/* #content contains everything below the header */
		/* this div ensures that both columns appear to have the same height */
		#content {
			width: 780px;
			margin-left: -230px;	/* make space for the sidebar */
			margin-right: -1px;
			float: right;
			
			background-color: white;
			
			margin-bottom: 10px;
			
			border: 1px solid #900000;
			border-top: 0;
		}
		
			#date header { font-style: italic; margin: 0;}
			#date article { font-weight: bold; }
			#date footer { font-size: 10px; text-align: right; }	
			
			#topdate
			{
				clear: both;
				float: right;
				text-align: right;
				
				margin: 0 -1px 0 0;
				padding: 5px 10px;
				width: 760px;
				
				background-color: #fff;
				border: solid #900000;
				border-width: 0 1px;
				
				font-size: 10px;
			}

#onepanel {
	width: 740px;
	padding: 0 20px;
	background-color: white;
	
	float: right;
	margin-right: -1px;
	margin-bottom: 10px;
	border: 1px solid #900000;
	border-top: 0;
}

		/* the first content column contains content */
		#content .col:first-child {
			float: right;
			
			/* total width: 550 */
			padding: 10px;
			padding-left: 15px;
			width: 525px;
			
			background-color: #ffffff;
		}

		#right p,
		#onepanel p
		{
			margin-left: 20px;
			margin-right: 20px;
		}
		
		/* left is the sidebar */
		#content .col + .col {
			float: left;
			
			/* total width: 230 */
			margin: 0px;
			padding: 10px;
			width: 210px;
			background-color: #ffffff;
		}

		#content > footer,
		{
			clear: both;
			float: left;
			text-align: right;
			border-top: 1px solid black;
			
			margin: 20px 10px 5px;
			padding: 0 10px;
			width: 740px; 
		
			font-size: 10px;
		}

		#onepanel #footer
		{
			width: 740px;
			padding: 0;
			margin: 20px 0 5px;
			
		}

/* Specific styles */
#workshopslist li,
#circuli li { margin: 10px; }