/*<!--*/
/*General styles*/
body { 
   margin : 0; 
   padding : 0; 
   border : 0; 
   /*  This removes the border around the viewport in old versions of IE */
   width : 100%; 
   background-image : url('Images/black_velvet.jpg'); 
   min-width : 600px; 
   /*  Minimum width of layout - remove line if not required */
   /* The min-width property does not work in old versions of Internet Explorer */
   font-size : 90%; 
 } 
a { 
   color : #ffff66; 
 } 
a:hover { 
   color : #ffff66; 
   background : #369; 
   text-decoration : none; 
 } 
h1, h2, h3 { 
   font-family : arial, helvetica, sans-serif; 
   color : #ffffff; 
   margin : .8em 0 .2em 0; 
   padding : 0; 
 } 
p { 
   font-family : arial, helvetica, sans-serif; 
   color : #c0c0c0; 
   font-size : 110%; 
   margin : .4em 0 .8em 0; 
   padding : 0; 
 } 
img { 
   margin : 10px 0 5px; 
 } 
/*Header styles*/
#header { 
   clear : both; 
   float : left; 
   width : 100%; 
 } 
#header { 
   border-bottom : 1px solid #fff; 
 } 
#header { 
   padding : 15px; 
   text-indent : -5000px; 
   background-image : url(title2.png); 
   background-repeat : no-repeat; 
   margin-bottom : 70px; 
   overflow : hidden; 
 } 
#header p,#header h2 { 
   padding : .4em 15px 0 15px; 
   margin : 0; 
 } 
#header ul { 
   clear : left; 
   float : left; 
   width : 100%; 
   list-style : none; 
   margin : 10px 0 0 0; 
   padding : 0; 
 } 
#header ul li { 
   display : inline; 
   list-style : none; 
   margin : 0; 
   padding : 0; 
 } 
#header ul li a { 
   display : block; 
   float : left; 
   margin : 0 0 0 1px; 
   padding : 3px 10px; 
   text-align : center; 
   background : #none; 
   color : #fff; 
   text-decoration : none; 
   position : relative; 
   left : 15px; 
   line-height : 1.3em; 
 } 
#header ul li a:hover { 
   background : #369; 
   color : #fff; 
 } 
#header ul li a.active,#header ul li a.active:hover { 
   color : #000; 
   background : fff; 
   font-weight : bold; 
 } 
#header ul li a span { 
   display : block; 
 } 

#header2 { 
   padding : 15px; 
   text-indent : -5000px; 
   background-image : url(title3.png); 
   background-repeat : no-repeat; 
   margin-bottom : 70px; 
   overflow : hidden; 
 } 

#header2 { 
   border-bottom : 1px solid #fff; 
 } 

#bells1 {
position: absolute; left: 10px; top:110px;
}

#bells2 {
position: absolute; left: 10px; bottom: 0px;
}

#bells3 {
position: absolute; right: 10px; top: 110px;
}

#bells4 {
position: absolute; right: 10px; bottom: 0px;
}


/*'widths' sub menu*/
#layoutdims { 
   clear : both; 
   background : #none; 
   border-top : none; 
   margin : 0; 
   padding : 6px 15px !important; 
   text-align : right; 
 } 
/*column container*/
.colmask { 
   position : relative; 
   /*  This fixes the IE7 overflow hidden bug */
   clear : both; 
   float : left; 
   width : 100%; 
   /*  width of whole page */
   overflow : hidden; 
   /*  This chops off any overhanging divs */
 } 
/*common column settings*/
.colright,.colmid,.colleft { 
   float : left; 
   width : 100%; 
   /*  width of page */
   position : relative; 
 } 
.col1,.col2,.col3 { 
   float : left; 
   position : relative; 
   padding : 0 0 1em 0; 
   /*  no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
   overflow : hidden; 
 } 
/*3 Column settings*/
.threecol { 
   background : none; 
   /*  right column background colour */
 } 
.threecol .colmid { 
   right : 25%; 
   /*  width of the right column */
   background : none; 
   /*  center column background colour */
 } 
.threecol .colleft { 
   right : 50%; 
   /*  width of the middle column */
   background : ; 
   /*  left column background colour */
 } 
.threecol .col1 { 
   width : 46%; 
   /*  width of center column content (column width minus padding on either side) */
   left : 102%; 
   /*  100% plus left padding of center column */
 } 
.threecol .col2 { 
   width : 21%; 
   /*  Width of left column content (column width minus padding on either side) */
   left : 31%; 
   /*  width of (right column) plus (center column left and right padding) plus (left column left padding) */
 } 
.threecol .col3 { 
   width : 21%; 
   /*  Width of right column content (column width minus padding on either side) */
   left : 85%; 
   /*  Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
 } 

#packages {
margin-left: 15%;
line-height: 125%;
margin-top: 30px;
}

#packages h2 {
h2 margin-top: 20px;
}


color
/*Footer styles*/
#footer { 
   clear : both; 
   float : left; 
   width : 100%; 
   border-top : 1px solid #fff;
    } 
#footer p { 
   padding : 10px; 
   margin: 0;
 } 
/*-->*/

ul#basemenu {
list-style-type: none;
margin-left:15%;
margin-top: 60px;
margin-right: 0px;
padding: 0px;
}

ul#basemenu li {
display: inline;
}

ul#basemenu li a {
padding: 15px 10px;
margin-left: -12px;
text-align: left;
}

ul#basemenu li a:hover {
color: #ff0000;
}