@import url(layout.css);
@import url(mainMenu.css);
@import url(loginBox.css);
@import url(error.css);

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 15px; }
th { text-align: left; background-color: #AA9; color: #FFF; font-weight: bold;}


a {  text-decoration: none; color: #0858A3; }
a:hover {  text-decoration: underline; color: #F90; }

.today { background-color: #FFCCCC; color: #000; border: 1px solid #F90; border-left-width: 0px; border-right-width: 0px; }

input { font-size: 12px}
textarea { font-size: 12px}
select { font-size: 12px;}
h1 { margin: 0; padding: 0; font-size: 18px; color: #900; font-weight: bold; }
h2 { margin: 0; font-size: 16px; font-weight: bold; margin-bottom: 4px; background-color: #003366; color: #FFFFFF; padding: 3px; }
h3 { margin: 0; padding: 0; font-size: 16px; font-weight: bold; color: #1E5180; }
h4 { margin: 0; padding: 0; font-size: 14px; color: #1E5180; font-weight: bold; }
small { font-size: 10px}

.beige1 { background-color: #EED; padding: 2px; }
.beige2 { background-color: #FFE; padding: 2px; }
.beige3 { background-color: #DDE; padding: 2px; }
.beige4 { background-color: #EEF; padding: 2px; }
.voteScore {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #933;
}
.onBeige { font-size: 10px; color: #887;}
.errorMsg {
	background-color: #FF9;
	text-align: center;
	display: block;
	margin: 4px auto;
	padding: 5px;
	width: 400px;
	border: 2px solid #F00;
	font-weight: bold;
	color: #FF0000;
}
.errorMsg a {
	text-decoration: underline;
	font-weight: bold;
}
#docOptions {
	background-color: #EED;
	display: block;
	padding: 5px;
	border: 1px solid #000;
	margin-top: 20px;
	clear: both;
}

.imgBorder {
	border: 1px solid #000;
}
.bottomBorder {
	border-bottom: 1px solid #000;
}


.dateSwitchBox {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
}
.boilerplate {
	border-top: 1px solid #999; font-size: 10px; margin-top: 20px; padding-top: 5px; text-align: right;
}
.imgFloatSpacer {
	clear: both;
	line-height: 0px;
}
.spaced {
	display: block;
	margin:0px;
	padding:0px;
	margin-bottom: 5px;
}
.newsstory {
	margin: 10px;
	padding: 4px;
}
.newsstory h3, .newsstory h3 a {
	color: #660000;
}
.newsstory cite {
	display: block;
	color: #FF3300;
	font-size: 10px;
	border-bottom: 1px dotted #000066;
	margin-bottom: 5px;
}
.newsstory cite a {
	color: #FF3300;
	font-weight: bold;
}


	#previewPane { display: block; visibility: hidden; position: absolute; width: 520px; height: 400px; overflow: auto; background-color: #FFE; padding: 20px; border: 2px solid #000;}
	#closePane { display: block; visibility: hidden; position: absolute; left: 10px; border: 2px solid #000; }
	#closePane a { display: block; padding: 10px; background-color: #F00; color: #FFF; }
	
	
.form td { margin: 0px; padding: 0px; }
	.form { padding: 5px; border: 1px solid #999988; background: #FFFFEE; }
	.form label { width: 100px; float: left; font-weight: bold; margin-top: 10px; }
	.form input, .form textarea, .form select { margin-top: 10px; }
	.form fieldset { border: none; padding: 5px; width: auto; }
	
	.form label em { font-style: italic; font-weight: normal; }
	.form legend { display: block; font-weight: bold; }
	

#calendarStrip { display: block; width: 150px; margin-top: 10px; }
#calendarStrip h4 { background-color: #090; color: #FFF; padding: 2px; }

small.infobox { padding: 5px; background-color: #DDDDDD; display: block; text-align: center; color: #333; }

/* Issues */


	#issuemenu { margin: 10px 0 10px 0; padding: 4px; border: 1px solid #887; background-color: #FFE; text-align: center; }
	#issuemenu a { padding: 4px 10px 4px 10px; font-weight: bold; }
	
		#photoStrip { padding: 2px; display: block; }
	#photoStrip img { border: none; }
	#photoStrip a { display: block; margin: 2px; height: 60px; vertical-align: middle; text-align: center; float: left; }
	
	
	
	#loginBox { position: absolute; top: 2px; right: 20px; z-index: 10; border-width: 0px; color: #F00}
	#loginBox ul li a, #loginMid { color: #F00; }
#loginBox ul { float: left; list-style-type: none; margin: 0 4px; padding: 0; line-height: normal;}
.loginMid { padding: 0 4px; margin-bottom: 2px; font-weight: bold; }
#topBar .loginHead { display: none; }

.calendar td { height: 60px; min-height: 60px; width: 14%; vertical-align: top; border: 1px solid #998; border-width: 0px 1px 1px 0; font-size: 10px; }
.calendar td a.cal { display: block; background-color: #FFE; font-weight: bold; }
.calendar td ul { padding: 0; margin: 2px; }
.calendar td ul li { padding: 0; margin: 0; list-style-type: none; }

.rightcol { float: right; margin: 0 0 10px 10px; padding: 10px; width: 300px; background-color: #E8E8E8; }

#membermenu { margin-bottom: 2em; height: 20px; }
#membermenu ul, #membermenu ul li { margin: 0; padding: 0; }
#membermenu ul li { display: inline; list-style-type: none; float: left; }
#membermenu ul li a { padding: 4px 30px; border: 1px solid #CCC; width: 90px; margin: 0 10px; display: block; text-align: center; font-weight: bold; }
#membermenu ul li a:hover, #membermenu ul li a.selected { background-color: #EEEEEE; }

/*#membermenu.socsmenu ul li a { margin: 0 4px; padding: 3px 5px; width: 100px; }*/

.subscribe_box { background-color: #CCFFCC; border: 3px solid #009900; padding: 5px; width: 250px; }
.subscribe_box h3 { font-size: 1em; color: #000; }
.subscribe_box img { float: right; border: none; }
.overdue { background-color: #FFCCCC; border-color: #CC0000; }

.dataTable { border: 1px solid #887; }
.dataTable td { background-color: #FFE; }
.dataTable td.alt, .dataTable tr.alt td { background-color: #EED; }
.dataTable th a { color: #FFF; text-decoration: underline; }


#topBar a h1 { padding: 38px; color: #FFF; font-size: 24px; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; }
#topBar a:hover {  text-decoration: none; }



	.inline_msg { display: block; margin-bottom: 1em; padding: 0.5em 1em; border: 3px solid #FA0; background-color: #FFFFCC; }
	.inline_msg img { width: 48px; height: 48px; border: none; margin-right: 10px; }
	.inline_msg .inline_option { float: right; margin-left: 1em; font-size: 10px; font-weight: bold; color: #F00; }
	.inline_msg form { clear: both; padding-top: 5px; margin-top: 10px; border-top: 1px dotted #C90; }
	.inline_msg label { width: 56px; float: left; font-weight: bold; }
	.inline_msg .clearer { clear: both; }
	
	

	
	.framed { border: 1px solid #CCC; padding: 10px; margin-bottom: 10px; width: 380px; }
	.framed cite { font-style: normal; font-size: 0.8em; color: #999; }
	.announcements img { margin-left: -40px; }
	.announcements { padding-left: 50px; width: 340px; }
	
	
	.addNewLink { font-weight: bold; background: #F90; color: #FFF; display: block; width: 200px; padding: 4px; text-transform: uppercase; }
	.addNewLink:hover { background: #FC0; text-decoration: none; color: #FFF; }
	p.noresults { padding: 20px; background: #EED; border: 2px solid #DDC; width: 70%; margin: auto; margin-top: 10px; text-align: center; color: #776;  }
	
	table.socsmenu { border-collapse: collapse; margin-bottom: 2em; width: 600px; }
	table.socsmenu td { margin: 10px; padding: 0 4px; border: none; }
	table.socsmenu td a { display: block; padding: 4px;  border: 1px solid #CCC; text-align: center; font-weight: bold; }
	table.socsmenu td a:hover, table.socsmenu td a.selected { background: #EEE; }
	
	#substypes { float: right; }
	
	.twocol p { display: inline; float: left; margin: 0; padding: 0; }
	.twocol a { display: block; padding-bottom: 10px; width: 212px; margin-right: 5px; margin-top: 5px; padding-left: 32px; }
	.twocol span { display: block; }
	.twocol a:hover { background: #FFC; text-decoration: none; }
	.twocol img { border: none; }
	.twocol a img { margin-left: -32px; float: left; }
	
	img.flag { border: 1px solid #CCC; border-width: 0 1px 1px 0; }
	
	
	#imBox { border: 5px solid #F90; width: 350px; text-align: center; background: #FFE; }
	#imBoxWrapper { position: absolute; z-index: 100; }
	#imBox a { margin-left: 5px; }
	#imBox form { padding: 4px; margin: 0; }
	#imStrap { background: #F90; padding-bottom: 4px; color: #FFF; }
	
	.tagcloud a { border-bottom: 1px dotted #999; display: -moz-inline-box; display: inline-block; margin: 0 12px 2px 0; }
	.tagcloud a:hover { text-decoration: none; }
	
	
	.calstrip { clear: left; margin: 0; padding-top: 1px; font-size: 1.2em;}
	.calstrip .date { line-height: 1.3em; border: 1px solid #885; border-top-color: #CC9; border-left-color: #CC9; background: #FFA; color: #776; font-size: 10px; padding: 4px; text-transform: uppercase; text-align: center; margin: 0; margin-right: 5px; float: left; width: 40px; }
	.calstrip .date strong { color: #C00; font-size: 14px; display: block; }
	.calstrip .venue { color: #666; font-size: 0.8em; }
	
	
	.announcements ul { margin: 0; padding: 0; padding-left: 20px;}