@import "contact/basic_styles.css";



body {
  text-align: left;
	margin:0; padding:0; height:100%;
  color:#000;
  background-color: #fff;
}

a:link {
	COLOR: #0080c0; text-decoration: none;
}
a:visited {
	COLOR: #0080c0; text-decoration: none;
}
a:active {
	COLOR: #0080c0; text-decoration: none;
}
a:hover {
	COLOR: #A90000; text-decoration: underline;
}

.clearing {
height:0;
clear:both;
}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

#page_wrapper {
background:#FFF;
min-height:100%;
position:relative;
}
* html #wrap {height:100%}
  

#header {
background: #004778 url('../images/header2.gif') repeat-x;
color:#FF00FF;
margin:0; padding:0;
height:122px;
}

* html .header {height:122px} /* IE Min-Height Hack */ 
/* ------------------------ End Header -----------------*/

/* header menu */


#header-links {
	position: absolute;
	top: 5px; right: 5px;	
	 font-family: verdana, arial, sans-serif;
  font-size: 11px;
	color: #fff;
	
	}
#header-links a {	
	color: #fff;
	text-decoration: none;
}
#header-links a:hover {
	color: #cc0033;
}

#left_side {
  margin-top: 5px;
  float: left;
  width: 160px;
  background:  #fff;
}

#right_side {
  margin-top: 5px;
  float: right;
  width: 340px;
  background: #ecf8ff;
}

#content {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 180px;
  margin-right: 360px;
}


#footer {
  height: 30px;
  background-color: #014292;
  text-align: center;
  padding-top:5px;
  padding-bottom:5px;
  color: #fff;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
}


/* Begin Left Navigation */

#left_side ul.mainnav { text-align: left; color:#7D8085; margin:0;
padding:10px; width: 160px; font-family: verdana, arial, sans-serif;
  font-size: 11px;}
#left_side ul.mainnav li { 
display:block; 
	font-weight: bold; 
	margin: 2px 0 2px 0px; 
	padding: 0; 
	/* border-bottom: 1px solid #ccc; */
	height: 25px; background: url(../images/li.png) no-repeat left;
}
#left_side ul.mainnav li a { color: #546078; text-decoration: none;  padding: 5px 0 0 10px; display: block; height: 25px;}
#left_side ul.mainnav li a:hover { color: #FFF; text-decoration: none; background: #A90000; display: block; height: 25px;}

#left_side p, #right_side p {
  margin:10px;margin-top:15px;margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #000;
}

#left_side h3, #right_side h3 {
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border-bottom:1px solid #0F3974;
  background-color: #2153AA;
}

#left_side h4, #right_side h4 {
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#left_side ul{

  font-family: verdana, arial, sans-serif;
  font-size: 11px;
	list-style: none;
 margin: 5px;
 padding: 0;
	 	}


#right_side a { color: #0080c0; }
#right_side a:hover {color: #A90000; text-decoration: underline;}
	
#right_side ul  {list-style: none;
 margin: 5px;
 padding: 0; }
#right_side li {background: url(../images/bullet_blue.gif) no-repeat left 2px !important;
	padding-left: 15px !important;
}
#content p {
  margin-top:5px; margin-bottom: 15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #000;
}
#content h2 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #000;
}

#content h3 {
  margin-top:5px; margin-bottom: 10px;
  padding-bottom:5px;
  font-family: Tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #535353;
  letter-spacing: 1px;
  border-bottom:2px solid #f6f6f6;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: Tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.clearing {
height:0;
clear:both;
}

.featurebox_center {
  background-color: #fffff6;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  line-height: 14px;
  color: #000;
}

.featurebox_side {
  background-color: #fffff6;
  margin: 0 10px 10px 10px;
  padding:5px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: #000;
}
.featurebox_side p { margin-top:0; margin-bottom: 2px;
}

div.calendar table {
	margin: 5px 0 5px 0;
	padding: 0;
	border: 1px solid #888;
	border-collapse: collapse;
}

div.calendar table tr:hover, div.calendar table tr.gray:hover {
	background-color: #FFF5A1;
	color: black;
}

div.calendar table tr.gray {
	background-color: #eee;
	color: black;
}

div.calendar table td {
	font-family: verdana, arial, sans-serif;
    font-size: 11px;
	padding: 5px;
	border: 1px solid #aaa;
}

div.calendar table td.date {
	vertical-align: top;
	text-align: center;
	width: 30px;
}

div.calendar table td a {
	font-family: verdana, arial, sans-serif;
    font-size: 11px;
    }


/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
tr {
	height: 30px;
}
td {
	padding-left: 9px;
	padding-right: 9px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
}

td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
/* end - table */
/* Faq Scroller */


div.faq {
width: auto;
margin-left: 10px;
height: 538px;
overflow: auto;
}

.pics { 
    height:  150px; 
    width:   200px; 
    padding: 0; 
    margin:  0; 
}

.pics img { 
    padding: 10px; 
    border:  1px solid #F1F6FE; 
    background-color: #F1F6FE; 
    width:  200px;
    height: 150px;
    top:  0;
    left: 0;	
	}
	
#sidebar {
width:415px;
background:#fffff6;
margin:0px;
padding:5px;
}

#sidebar h1 {
color:#2153AA;
font-size: 11px;
font-weight: bold; 
}




#topstory {
	float:left;
	width:100%;
}

    #topstory-title {padding:5px;}
    #topstory-title h2 {margin:0; margin-bottom:2px;}
    #topstory-title p.date {margin:0; font-size:85%;}
    
    #topstory-perex {display:block; padding:15px; font-size:110%; background:#ecf8ff; color:#014679;}
    #topstory-perex p {margin:0; padding-bottom:8px; color:#014679;}
	
	#topstory-title {border-bottom:1px solid #3F3F3F; background:#2153AA;}
#topstory-title h2 a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-title h2 a:hover {border-bottom:1px solid #FFF;}
#topstory-title p.date {color:#fff;}
#topstory-title p.date a {border-bottom:1px solid #5F5F5F; color:#000;}
#topstory-title p.date a:hover {border-bottom:1px solid #FFF; color:#FFF;}

#topstory-perex a {border-bottom:1px solid #5F5F5F; color:#FFF;}
#topstory-perex a:hover {border-bottom:1px solid #FFF; color:#FFF;}
#content .featurebox_center p {
	list-style-position: inside;
	list-style-image: url(file:///C|/Users/Donn/Documents/Melody%20Club/New%20Years%20Eve%20Party/2009%20New%20Years%20Flyer.jpg);
	list-style-type: circle;
}