/* CSS document for MWSUG website */

body {
	margin: 0 auto;
	text-align: center;
	background-color:#AAAAC6;
	font-family:Verdana,Tahoma, Arial, "Times New Roman", Times, serif;
	}

#container {
	width:900px;
	background-color:#FFFFFF;
	margin: 0 auto;
	text-align: left;
	}

#header {
	width:900px;
	background-color:#003399;
	height:160px;
	}
	
#sidebar {
	width:150px;
	background-color:#FFFFFF;
	border:solid 2px #CCCCCC;
	margin: 25px 0 0 5px;
	padding:5px;
	float:left;
	text-align: center;
	}
	
#sidebar h1 {
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	}

a {
	color:#003399;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {
	background-color:#CCCCFF
	}
	
#content {
	margin: 0px 10px 0px 190px;
	font-size:0.8em;
	}
	
#content h1 {
	font-size:1.8em;
	}
	
#content h2 {
	font-size:1.4em;
	}
	
#content h3 {
	font-size:1.2em;

	}
table {
	font-family: Verdana,Tahoma, Arial, "Times New Roman", Times, serif;
	font-size: 1.0em;
	}

thead {
	color:#339933;
	text-decoration:none;
	font-weight:bold;
	background-color:#CCCCCC;
	}
	
td {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	}

.fineprint{
	font-size:0.8em;
	}

.listwithspacing li{
	margin-bottom:10px;
	}

.authorcolumn{
	width:155px;
	}

.datecolumn{
	width:90px
	}

.timecolumn{
	width:125px
	}


.liststyletable{ 
	border-spacing: 0;
	}

.liststyletable td {
	border-left-style: none;
	border-right-style: none; 
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}


.sponsortable{
	text-align: center;
	}

.sponsortable table{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	}
	
.sponsortable td{
	border-style: none;
	text-align: center;
	vertical-align: middle;
	width : 300px;
	}

.sponsortable img{
	border:none;
	}
	
.sponsortable a:hover {
	background-color:#FFFFFF
	}


#footer {
	margin: 25px 5px 5px 5px;
	font-size:0.6em;
	clear:both;
	}

#fpGalleryTable_3652 table {
	border-style: none;
	padding : 0;
	}



/* ######### Style for Chrome Menu ######### */


.chromestyle{
width: 898px;
font:bold 12px Verdana; 
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border-top: 1px solid #FFFFFF;  /* Color of border around entire menu */
border-right: 1px solid #003399;   
border-left: 1px solid #003399;   
border-bottom: 1px solid #003399;   
width: 100%;
background-color: #003399;   /* Background color for main menu items when not selected*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;             /* Text color for main menu items */
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #003399;   /* Color of border between main menu items */}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color: #00CCFF;
background-color: #003399; /* Background color for main menu items when selected */
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #003399;    /* Color of border on sides of dropdown menu */
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #003399;    /* Color of border between dropdown menu items */
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ 
background-color: #00CCFF;   /* Background color of dropdown menu items when selected */
}


/* END OF FILE */