/* CMS Lounge stylesheet */
/*******************************/ 

/* GENERAL LAYOUT STYLES */

#wrapper {	
	width:780px;
	margin:0 auto;
	text-align:left;
}

#header {
position:relative;
}

#logo {
background: url('images/logo.jpg') no-repeat;
height:100px;
 }

#mainmenu {
	background:#ec1722;
	height:30px;
	margin-bottom:2px;
}

#menu2 {
position:absolute;
top:10px;
right:10px;
}

#front {
background: url('images/bannerhome.jpg') no-repeat;
width:516px;
height:220px;
float:left;
margin-bottom:0px;
}

#special {
	background:gray;
	width:264px;
	height:220px;
	float:left;
	color:#CCC;
}

#panel {
	clear:both;
	border-top:30px solid #7B877B;
	height:1px;
	padding-top:3px;
}

#left {
clear:both;
float:left;
left:0px;
background:#F0F0F0;
width:180px;
padding-top:10px;
border:1px solid #CCC;
margin-bottom:10px;
}

#content {
float:left;
text-align:left;
padding-bottom:15px;
width: 550px; 
}

#content-padding {padding:10px; 
padding-left:30px;padding-top:12px;}

#footer {
	clear:both;
	margin:0 auto;
	width:780px;
	border-top:26px solid #EFEFEF;
	padding-top:6px;
	padding-bottom:10px;
	text-align:left;
}

/* GENERAL PURPOSE STYLES */

body {
margin-top:10px;
margin-bottom:10px;
text-align:center;
font-size:100.01%;
background:#FFF;
}

body,td,th, tr, p, div {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px; }

a:link, a:visited { color: #8D3329; }

a:hover, a.active { color:#333; }

#special a, #special a:visited {
color:#CCC;
}

#special a:hover {
color:white;
}

h1  {   /* site title, slogan, rarely used */
	font-family: Georgia, Lucida Sans, Verdana, sans-serif;
	color: #555;
	font-weight: normal;
	font-size: 18px;
	padding-bottom:5px; 
	margin-bottom:2px;	
}

h2 {   /* h2 is style for page titles */
	font-family: Georgia, Lucida Sans, Verdana, sans-serif;
	color: #555;
	font-weight: normal;
	font-size: 18px;
	padding-bottom:0px; 
	margin-bottom:2px;
}      

h2 a {
text-decoration:none !important;
}

#special .content, #special h2.title, #special h3 {
color:white;
}

#special .block {
padding-left:15px;
padding-top:15px;
}

#content li {
	list-style-image: url(images/arrow.png);
}

blockquote {
	margin:10px;
}

/* DRUPAL ELEMENTS STYLES */

.links {
  margin: 0em 0em 2em 0;
  padding-top:6px;
  text-align: right;
 }

.comment .content, .block .content, .menu {
  font-size: 0.9em;
}

.block {
  padding-bottom: 1em;
}

.block .title, h3 { /* styles titles for blocks except main content */
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 14px;}

/* NAVIGATION MENU */

#mainmenu ul, #mainmenu ul li, 
#menu2 ul, #menu2 ul li {
list-style-type:none;
list-style-image:none;
padding-left:0px;
margin-left:0px;
}

#mainmenu ul li {
	font-size:10px;
	padding-left:15px;
}

#mainmenu ul li {
	float:left;
	padding-top:8px;
}

#menu2 ul li {
	float:right;
	padding-left:15px;
	font-size:12px;
}


#mainmenu ul li a, 
#mainmenu ul li a:link, 
#mainmenu ul li a:visited {
	font-family: Georgia, Tahoma, Arial;
	font-size: 12px;
	margin-right:18px;
	color: #E5E5E5;
	text-decoration: none; 
	text-transform:uppercase;
}

#mainmenu ul li a:hover, 
#mainmenu ul li a.active {
	color:#FFF;
}	

#left ul li a:link, 
#left ul li a:visited {
color:#333;
font-size:12px;
}

#left ul li a:hover {
color:#8D3329;
}

#left li {
padding-bottom:2px;
padding-top:2px;
}

/* primary menu - at the top of this site */



/* calendar styles */

.calendar td, .calendar th, .calendar tbody {
border:1px solid gray;
font-size:11px;
}

.calendar table {
width:160px;
margin:3px;
}

/* block styles */

#right .block, #left .block {
padding-left:10px;
}

#footer .block {
padding-left:15px;
padding-top:5px;
}

#mainmenu .block h2 {
visibility: collapse ;
display: none; }

/* login window list item styles */

.item-list ul li {
list-style-type:none;
}

/* form styles */

#user-login-form {
width:170px;
text-align:left;
}

input.form-text, select {
border:1px solid gray;
padding:2px;
font-size:11px;
}

#content input.form-text {
width:250px;
}

input.form-text:hover {
background:#F9F9F9;
}

/* UNUSED STYLES */

#header .title {}
#header .title a {}
#header .title a:hover {}
#header .site-slogan {}
.node .title {}
.node .title a,
.node .title a:link,
.node .title a:active,
.node .title a:visited {}
.node .title a:hover {}

#content .left, 
#content .right {
margin:0;
}