a:link {
   font-family: verdana;
   font-size: 14px;
   font-weight: bold;
   text-decoration : none;
   color : #ffffff;
   }

a:visited {

font-family: verdana;
font-size: 14px;
font-weight: bold;
text-decoration : none; 
color : #ffffff;
}

a:hover {
   font-family: verdana;
   font-weight: bold;
   color : Yellow; 
   background-color: #000000;
   font-size: 14px;
   border-style: none;
}

h1
{

padding: 0px;
margin: 0px;
font-style : normal; 
font-weight : bold; 
font-size : 18px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
background: #000000;
text-decoration : none; 
text-align: center;
}

h2
{
font-style : normal; 
font-weight : bold; 
padding-top: 0px;
padding-bottom: 0px;
font-size : 16px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-decoration : none; 
text-align: center;
}

h3 {
font-style : normal; 
font-weight : bold; 
font-size : 14px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #ffffff; 
text-decoration : none; 
text-align : center;
}

b { font-style : normal; 
font-weight : bold; 
font-size : 14px; 
font-family : Verdana; 
color : #ffffff; 
text-decoration : none; 
}

small {
color: #ffffff;
font-weight: normal;
font-size: 10px;
font-family: verdana;
}

em {
font-size: 14px;
color: #ffff33;
font-weight: bold;
font-family: verdana;
}

ul { 
padding-left: 25px;
} 

ul li {
text-align: left;
list-style: disc; 
font: 14px verdana;
font-weight: bold;
}

#control {
width: 975px;
margin: auto;
text-align: center;
}

body {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background: url('../eriedjs/bpxbg2.jpg') top center;

}

#header {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   background: #000000;
}

.menu {
width: 100%;
margin: auto; 
border-left: 1px solid #0033ff;
border-right: 1px solid #000000;
text-align: center;
}

.aerobuttonmenu { /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #000000; /*menu strip background*/
background-image: url(../images/menubg.jpg);
border: 1px solid gray;
padding: 0;
border-width: 0px 0;
text-align: center;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('../eriedjs/aeroleft.jpg') no-repeat top left;
display: inline-block;
/*float: left;*/ 
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: #f1f1f1; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('../eriedjs/aeroright.jpg') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #FFFFFF;
}

.aerobuttonmenu .rightsection {
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

#main {
padding-left: 20px;
padding-right: 20px;
color: #cccccc;
background: #000000;
text-align: left;
font: 14px verdana;
margin-left: auto;
margin-right: auto;
}

#main p {
text-align: left;
text-indent: 14pt; 
margin-left: 15px;
margin-right: 15px;
}

#twitter_div {
width: 90%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
border: 1px #ffcc00 solid;
background: #000033;
list-style-image: none;
list-style-type: none;
}

#twitter_update_list {
border: 0px;
margin: 0px;
padding: 0px;
font: 16px verdana;
font-weight: bold;
color: #00ff33;
}

#twitter-link {
float: left;
font: 15px verdana bold;
color: Yellow;
display : block;
text-align: center;
padding: 0px;
}

#twitter_div a:link {
   font-size: 15px;
   text-decoration : none;
   color : #ffffff;
   font-weight: bold;
   }

#twitter_div a:visited {
   font-size: 15px;
   text-decoration: none; 
   font-weight: bold;
   color : #ffffff;
}

#twitter_div a:hover {
   font-size: 15px;
   color: #ffffff; 
   font-weight: bold;
   border-style: none;
   }

#twitter_div a:active {
   font-size: 15px;
   color : #ffffff; 
   font-weight: bold;
   border-style: none;
   }

.centerme {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.equip-right {
float: right;
padding-left : 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
}

.equip-left {
float: left;
padding-left : 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
}

.about-left {
float: left;
width: 300px;
padding: 20px;
margin: auto;
}

#weddingevents {
clear: both;
width: 800px;
height: 100%;
background: #000000;
font: 10px verdana bold;
color: #ffffff;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}

#weddingevents ul { 
margin-top: 20px;
margin-left: 20px; 
margin-right: 0px; 
margin-bottom: 0px;
list-style: none; 
} 

#weddingevents ul li {
font: 12px verdana;
font-weight: bold;
}

#col1 {
	float: left;
	width:  24%;
	position:relative;
    line-height: 175px;
	overflow:hidden;
	}

#col2 {
	float: left;
	width: 24%;
	position: relative;
	overflow: hidden;
}

#col3 {
	float: left;
	width: 24%;
	position: relative;
	overflow: hidden;
}

#col4 {
	float: left;
	width: 24%;
	position: relative;
    line-height: 175px;
	overflow: hidden;
}

#gallerymenu {
background: #000000;
font: 14px verdana bold;
color: #ffffff;
clear: both;
width: 730px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}

#col3-1 {
	float:left;
	position:relative;
	overflow:hidden;
	}

#col3-2 {
	float:left;
	width:325px;
	position:relative;
	overflow:hidden;
}

#col3-3 {
	position:relative;
	overflow:hidden;
}

.eventpop {
clear: both;
margin-right: auto;
margin-left: auto;
text-align: center;
background-image: url('../eriedjs/frimframsauce.jpg');
width: 300px;
border: 1px solid #ffffff;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 10px;
}

.eventpop a:hover{
background-image: url('../eriedjs/frimframsauce.jpg');
color: yellow;
width: 300px;
border-bottom: 1px solid #ffffff;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 10px;
}

.karoke {
width: 800px;
background-image: url('../eriedjs/star_space_background.jpg');
border: 0px solid #ffffff;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 10px;
}

.picshows {
background-image: url('../eriedjs/picsbg1.jpg');
width:900px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#slogan {
clear: both;
padding-top: 0px;
padding-bottom: 20px;
}


#bottom {
   clear: both;
   background-image: url('../eriedjs/bottombg1.gif');
   font: 12px arial;
   color: #ffffff;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   padding: 20px;
   }

#bottom a:link {
   font-family: verdana;
   font-size: 10px;
   font-weight: bold;
   text-decoration : none;
   color : #ffffff;
   }

#bottom a:visited {
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-decoration : none; 
color : #ffffff;
}

#bottom a:hover {
   font-family: verdana;
   font-weight: bold;
   color : #ff0000; 
   background-color: #000000;
   font-size: 10px;
   border-style: none;
}

#bottom-nomenu {
   clear: both;
   height: 150px;
   background: url('../eriedjs/bottombg1.gif') no-repeat top center;
   font: 14px arial;
   color: #ffffff;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   padding: 20px;
   }

#bottom-nomenu a:link {
   font-family: verdana;
   font-size: 14px;
   font-weight: bold;
   text-decoration : none;
   color : #ffffff;
   }

#bottom-nomenu a:visited {
font-family: verdana;
font-size: 14px;
font-weight: bold;
text-decoration : none; 
color : #ffffff;
}

#bottom-nomenu a:hover {
   font-family: verdana;
   font-weight: bold;
   color : #ffff33; 
   background-color: #000000;
   font-size: 14px;
   border-style: none;
}

.hp2 {
float: left;
text-align: center;
width: 450px;
padding: 15px;
margin: 0px;
border: 0px solid #5f5f5f;
}

#hpvid {
float: right;
margin: 20px;
padding: 8px;
background: #000033;
text-align: center;
border: solid 1px #ffcc00;
}

#badges {
float: right;
margin: 15px;
background: #ffffff;
padding: 8px;
}

.musicsearch {
width: 90%;
border: 0px solid #ffffff;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 10px;
}

.avails {
width: 400px;
padding-top: 50px;
padding-bottom: 50px; 
margin-left: auto;
margin-right: auto;
text-align: center;
}

.video {
font-size: 14px;
text-align: center;
color: #cc9900;
font-weight: bold;
font-family: verdana;
}

#musiccontainer {
border: 1px solid #cccccc;
}

#musicleft {
float: left;
}

#musicright {
float: right;
}

.centercontent {
margin-left: auto;
margin-right: auto;
text-align: center;
}

.disclaimer {
width: 70%;
margin-left: auto;
margin-right: auto;
text-align: center;

}