/* Universal Styles */

	body {
		background-attachment: fixed;
		font-family: Verdana;
		font-size :13px;
		padding: 0;
		margin: 0;
		background-color: #666644;
	}
	
	a:link, a:visited { color: #990000; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
	
	/* these are used in conjuction for the main layout */
	.squareborder {	border: 3px double black; padding: 0; }
	.roundborder {
		border: 1px double black;
		-moz-border-radius: 30px;
		margin: -1px;
		border-radius: 30px;
		padding: 15px;
		background-color: rgba(255, 255, 255, .85);
		background-color: white;
	}


/* Library styles */

.noticebox
{
	border: 1px solid black;
	padding: 10px;
	background-color: rgba(255,255,255,.70);
}

.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; margin: 10px; }
.dotborder { border: 1px dotted black; padding: 10px; margin: 10px; background-color: rgba( 255,255,255,.75); }

.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 */

	/* the navigation bar at the top of the page */
	#navigation {
		position: relative;
		top: 0; left: 0;
		width: 100%;
		background-color: #600;
		list-style-type: none;
		padding: 0;
		margin: 0;
		height: 28px;
		border-bottom: 3px double black;
	}

		#navigation li { 
			list-style-type: none;
			float: right; 
			position: relative;
			left: -0.1em;
		}
		
		
		#navigation a { display: block; height: 18px; padding: 5px 15px; text-decoration: none; font-weight: bold; color: #ccc; }
			#navigation a:hover { color: #600; background-color: #ccc; text-decoration: underline; }
			
		#navigation ul {
			background-color: #600;
			background-color: rgba(96,0,0,0);
			list-style-type: none;
			position: absolute;
			right: 0;
			display:none;
			padding: 0;
			margin: 0;
		}
		
		#navigation ul ul li {
			margin: -2.29em 0 2.3em 15.35em;
		}
		
		#navigation li:hover ul ul, #navigation li.sfhover ul ul {
			right: -999em;
		}
		
		#navigation li:hover ul, #navigation li li:hover ul, #navigatoin li.sfhover ul, #navigation li li.sfhover ul {
			right: auto;
		}

		
		#navigation ul li { float: none; margin-right: -1px; border: 1px solid black; border-top: 1;}
			#navigation ul li:first-child { border-top: 1px solid black; }
		#navigation ul a { white-space: nowrap; }
		
		#navigation li:hover ul { display: block; }
		#navigation li:hover a { background-color: #ccc; color: #600; }
		#navigation li:hover ul a:hover { background-color: #600; color: #ccc; }

	/* Date Calculator Styles */		
	div#date .header { font-style: italic; }
	div#date .article { font-weight: bold; }
	div#date .footer { font-size: 10px; text-align: right; }
		


	#stuff { position: absolute; right: 10px; left: 122px; top: 35px; }
		#stuff .roundborder { padding-left: 157px; padding-right: 30px; }

	#logo { position: absolute; top: 30px; left: 10px;}
	#leftpanel { position: absolute; left: 10px; top: 280px; width: 230px; }


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