@charset "UTF-8";
/* CSS Document */

body  {
font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
background: #000 url(graphics/bg.gif) repeat-x;
margin: 0; 
padding: 0;
text-align: center; }

#container { 
width: 960px; 
background-color: #EEE;
margin: 0 auto; 
text-align: left; 
border: 1px solid black; } 

#header { 
background-image: url(graphics/header4.jpg); 
padding: 0;
height: 261px;
} 

#header h1 {
margin:0; 
padding:0;
text-indent: -9999px;  }

h2 {
font: 15px Georgia, Times, Serif ; 
color: #660000; 
letter-spacing: .05em; 
font-style: italic; }

h4 {
font: 15px Georgia, Times, Serif ; 
color: #660000; 
letter-spacing: .05em; 
font-style: italic;
background-color: #CCC;}


.special {
font: 12px Georgia, Times, Serif ; 
color: black; 
letter-spacing: .05em; 
font-style: italic; 
font-weight: bold;
border-bottom: solid 1px grey;}


.ceremony {
font: 12px Georgia, Times, Serif ; 
color: #660000; 
letter-spacing: .05em; 
font-style: italic; 
font-weight: bold;
}
/*Top Page Navigation*/


#nav {
width: 960px; 
margin:0; 
padding: 0;
text-align: center;   }

#nav ul
{
float:center;
width:960px;
padding:0;
margin:0;
list-style-type: none;
text-decoration: none;
}
#nav a
{
float:center;
font: 12px Georgia, Times, serif;
text-decoration: none;
width: 100px;
border: 1px solid #201f1f;
color: #660000;
background-color: white;
padding: 2px 22px 2px 22px; }

#nav a:hover 
{background-color:#330000; 
color: #CCCCCC; 
text-decoration: none; }

#nav li {display:inline; }

#nav a.active {
background-color: #330000; 
color: #CCCCCC;
text-decoration: none; }

/*SideBar*/

#testimonials {
float: right;
background: #FFF url(graphics/RecentComments.gif) 40px 15px no-repeat;
margin-top: 75px;
margin-right: 15px;
width: 190px; 
padding: 50px 25px 10px 25px;
border: thin #000 solid;
text-align: center;
font: 12px/22px Georgia, Times, Serif; 
font-style:italic; }

.testspecial {font-style: normal; font-size: 11px;}

#testimonials h3 {
margin:0; 
padding:0;
text-indent: -9999px;  }

#contactSidebar {
float: right;
background-color: #FFF;
margin-top: 75px;
margin-right: 15px;
width: 190px; 
padding: 10px 25px 10px 25px;
border: thin #000 solid;
text-align: center;
font: 12px/22px Georgia, Times, Serif; 
font-style:italic; }



/*Main Content*/

#mainContent { 
margin: 0 295px 0 0;
padding: 20px 10px 0 30px ; } 

#musicList {
float: left;
margin-left: 8px; 
width: 175px;
font: 11px/16px Georgia, Times, Serif;  color: #660000;
}
#form { 
margin: 0;
padding: 5px 5px;
background-color:#CCCCCC;
border: solid 1px black; } 

#mp-List {
float: left;
margin-left: 8px; 
width: 175px;
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

/*Footer*/

#footer { 
padding: 0 10px 0 30px; }
 
#footer p {
margin: 0; 
padding: 10px 0;
font-size: 9px; }

/*Special Stylings*/

.dropCap {
font-size: 22px;
font-style: italic;
font-family: "Times New Roman", Times, serif;
color: #660000;
}

.photo {border: solid 1px black;
padding: 5px; }

 /* Links */
a:link, a:active, a:visited {color: #996633;  }

a:hover {
color: #990000;
text-decoration:none; }


/*Extras*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px; }
	
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px; }