/*
Template: opmug
Theme name: OPMUG
Theme URI: http://www.evolutionstudios.org
Description: A custom theme provided to OPMUG by Evolution Studios
Version: v1.0
Author: <a href="http://www.evolutionstudios.org" target="_blank">Evolution Studios</a>
Editors: Carl O'Dell, Sherry Myrow
*/

html,body{margin:0;padding:0}
body{
	font: 76% arial,sans-serif;
	text-align:center;
	background: url('images/top_bg.gif') repeat-x;
}

a{color: #3a507f; text-decoration: none;}

div#header a{display:block;color: #981793;padding:10px}

.clear { clear:both; }

div#header h1{
	height:242px;
	line-height:242px;
	margin:0;
  	padding-left:10px;
  	background: url('images/header.jpg') no-repeat;
  	color: #79B30B;
}
  
div#header h1 a{
	width:300px;
	line-height: 184px;
	display:block;
	text-decoration:none;
}

div#header ul{
	list-style: none;
	margin:0;
	padding:0;
}

div#header ul li{
	float:left;
	margin:0;
	padding:0;
	background: url('images/menu/menu_separator.gif') center right no-repeat #FFA800;
	height:35px;
	line-height:35px;
}

div#header ul li a{
	line-height:15px;
	display:block;
	text-decoration:none;
	padding-right:14px;
	margin:0;
}

div#header ul li a:hover{
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter: alpha(opacity=70);
}

div#header ul li.page-home a{ background: url('images/menu/menu_home.gif') no-repeat; width: 42px; }
div#header ul li.page-about a{ background: url('images/menu/menu_about.gif') no-repeat; width: 100px; }
div#header ul li.page-news a{ background: url('images/menu/menu_news.gif') no-repeat; width: 37px; }
div#header ul li.page-join a{ background: url('images/menu/menu_join.gif') no-repeat; width: 35px; }
div#header ul li.page-calendar a{ background: url('images/menu/menu_calendar.gif') no-repeat; width: 66px; }
div#header ul li.page-programs a{ background: url('images/menu/menu_programs.gif') no-repeat; width: 71px; }
div#header ul li.page-training a{ background: url('images/menu/menu_training.gif') no-repeat; width: 61px; }
div#header ul li.page-members a{ background: url('images/menu/menu_members.gif') no-repeat; width: 67px; background-color: #FFA800; }

div#header-btm{
	height:16px;
	line-height:16px;
	margin:1px 0 0 0;
  	background: url('images/header_btm.jpg') no-repeat;
}



div#container{
	text-align:left; 
	background: url('images/bg.jpg') bottom right no-repeat;
}
div#content{ padding: 23px; }

div#content form {
	padding:23px;
}

div#content form label{
	width:70px;
	text-align: right;
	line-height:22px;
	margin:0;
	padding:0 10px;
	float:left;
}

div#content form input{
	width:150px;
	text-align: left;
	line-height:22px;
	margin:0;
	float:left;
	border:1px solid #7f9db9;
}

div#content form p input.submit{
	margin:5px;
	text-align:center;
	width:30%;
	float:none;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.textright{
	text-align: right;
}

.textleft {
	text-align: left;
}

div#extra h2{ color:#ffa800; font-size: 13px; }
#content p{line-height:1.4; padding: 0px;}
#content h2{ color:#3a507f; font-size: 13px; }
#content h2 a{ color:#3a507f; font-size: 13px; text-decoration:none; padding:0; }


div#navigation{
	background: url('images/side_bg.jpg') no-repeat #ADB8CC; 
	border: 2px solid #405171; 
	margin:13px; 
	padding:10px; 
	min-height:400px; 
}
#navigation2{
	background: url('images/side_bg.jpg') no-repeat #ADB8CC; 
	border: 2px solid #405171; 
	margin:13px; 
	padding:10px; 
	min-height:400px; 
}
div#extra{ border: none; padding:23px; }
div#navigation h2{ color:#fff; font-size: 13px; text-align:right; }
div#navigation img{ margin: 0 auto;}
div#navigation p{line-height:1.4; padding:5px 0; text-align:right; }
#navigation2 h2{ color:#fff; font-size: 13px; text-align:right; }
#navigation2 img{ margin: 0 auto;}
#navigation2 p{line-height:1.1; padding:5px; text-align:left; }
div#footer{background: #415270;color: #FFF;}
div#footer p{margin:0;padding:5px 10px}

div#container{width:1015px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0px 317px 0px 300px}
div#content-inner{margin: 0 337px 0 10px; }
div#navigation{float:left;width:267px;margin-left:-317px}

/*NOTE: This line controls the sidebar width */
#navigation2{width:215px; margin: 0px 0px 0px -0px;}
 
div#extra{float:left;width:267px;margin-left:-1025px}
div#footer{clear:left;width:100%; border-top: 2px solid #333b48; }

div#sidebar{float:left;width:267px;margin-left:-327px}

/*NOTE: This line controls the sidebar's header appearance */
div#sidebar h2 {font-size: 1.3em; text-align: left; padding: 0px;}

/*NOTE: This line controls the sidebar's link appearance (months)*/
div#sidebar li a{font-weight: bold; margin-left: -25px;}

div#sidebar p {line-height: 0.5; margin-left: -10px;}

div#sidebar ul{
	list-style-type: none; 
}

/* START Calendar Styles */
.style1 {
	color: #FF0000;
	font-size: 10px;
}
.style2 {font-size: 12px}
.style3 {color: #003366}
.style5 {
	font-size: 14px;
	color: #FF0000;
}
.style6 {color: #FF0000}
.style7 {color: #0033CC}
.style8 {font-weight: bold}
.style9 {color: #0033CC; font-weight: bold; }
.style10 {font-size: 12px; font-weight: bold; }
.style12 {font-size: 12px; color: #003366;}
.style14 {font-weight: bold}
.style15 {font-weight: bold}
.style16 {font-size: 14px; font-weight: bold; }
.style17 {color: #006699}
.style18 {color: #003399}
.style19 {font-size: 14px; color: #FF0000; font-weight: bold; }
.style20 {font-weight: bold}
.style21 {color: #0000FF}
.style22 {font-weight: bold}
.style23 {font-size: 14px; }
.style24 {font-size: 14px; font-weight: bold; color: #0033CC; }
.style25 {font-size: 16px}
.style26 {font-size: 14px; color: #003366; }
.style27 {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
}
.style28 {
	font-size: 16px;
	font-weight: bold;
	color: #0033CC;
}
.style29 {font-weight: bold}
.style31 {
	color: #9900CC;
	font-size: 16px;
}
.style32 {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.style34 {
	color: #003366;
	font-weight: bold;
	font-size: 18px;
}

#caltest td{
border-style: solid;
border-width: 1px;
border-color: #000000;
}

#cal_inner td{
border-style: none;
}

#caltest p {border: 0; padding: 0; }

.program{font-weight: bold; color: green;}
.program_title{font-weight: bold; color: green;}
.training {font-weight: bold; color: #0033CC;}
.training_title {font-weight: bold; color: #0033CC;}

.price {text-decoration: underline; font-weight: bold;}

.alert {font-weight:bold; color:#FF0000;}

.monthg {
background-color: #888888;
font-weight:bold;
text-align:center;
font-size: 1.1em;
}

.monthr {
background-color: #C0504D;
color: #FFFFFF;
font-weight:bold;
text-align:center;
font-size: 1.1em;
}

.month {
font-weight:bold;
text-align:center;
font-size: 1.1em;
}

.type {
text-align: center;
font-weight: bold;
}

.blue {
text-align: center;
color: blue;
}

.red {
text-align: center;
color: red;
}

/* END Calendar Styles */

/* Board of Directors Page Styles */

.bod_left {
	font-family: arial, sans-serif;
	font-size: 12px;
	float: left;
	width: 50%;
	padding: 0px 0px 15px 0px;
	border: none;
}

.bod_right {
	font-family: arial, sans-serif;
	font-size: 12px;
	width: 50%;
	margin-left: 50%;
	padding: 0px 10px 15px 10px;
	border: none;
}

.bod_name{
	font-weight: bold;
	font-size: 14px;
}

/* SIDEBAR - accordion menu styles */
.menu_list {
	width: 220px;
	text-align: left;
}
.menu_head {
	padding: 0px 1px;
	cursor: pointer;
	position: relative;
    font-weight:bold;
    color: #3a507f;
    text-align: left;
       
}
.menu_head p{
	padding: 0px;
	margin: 0px;
}
.menu_body {
	/*display:none; removed this to show data*/
	text-align: left;
}
.menu_body_standout {
	/*display:none; removed this to show data*/
	text-align: left;
	font-size: 105%;
	padding-left: 30px;
	
}
.singlespace p{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* changed padding-left from 50 to 30 when removed Month headings */
.menu_body a {
  display:block;
  color:#006699;
  background-color: none;
  padding-left:30px;
  font-weight:bold;
  text-decoration:none;
  text-align: left;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

/* END Sidebar accordion styles */