/* global */

/*background:#088A08; -green*/
html{height: 100%;}

body
{ font: 13px Helvetica, sans-serif;line-height:20px;

  padding: 0px;
  margin: 0px;
  background: #FFFFFF;
  color: #3E4244;
}


h1
{ margin: 0px;
  font: 16px Helvetica, sans-serif;line-height:20px;
  font-weight: normal;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  text-decoration: underline;
  font-weight: normal;
}

h3
{ margin: 0px;
  font: 15px Helvetica, sans-serif;line-height:20px;
  font-weight: bold;
}

img{border: 0px;}

/* image positioning - left, right and center */
.left
{ float: left;
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
  padding: 10px 20px 0px 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
/* unordered list */
ul
{ margin: 8px 0px 0px 14px;
  padding: 0px;
}

ul li
{ 
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

ol
{ margin: 8px 0px 0px 14px;
  padding: 0px;
}

ol li
{ 
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* main container */
#main
{ width: 1000px;
  margin-left: auto; 
  margin-right: auto;
  margin-top:5px;
  color:#000;
  background:#fff;
}
/* header above  */
#header
{ width: 1000px;
  height:120px;
  float: left;
  background: #0b3861;
   border-top: 12px solid #b70c65;
   display:inline;
  		border-bottom:1px solid #ffffff;
}
#headleft1
{ width: 260px;
  float: left;
  color:#000;
  margin-left:8px;
  margin-top:5px;
}
#headleft
{ width: 460px;
  height:100px;
  float: left;
  color:#424242;
  margin-right:40px;
  margin-top:3px;
  text-align:right;
 font-family: Comic Sans MS,Brush Script MT,cursive;
 /*  border: 1px solid;*/
}
#headright
{ width: 220px;
  float: left;
  color:#000;
  margin-left:0px;
  margin-top:20px;
}
.headtxt
{
    font: 13px Helvetica, sans-serif;line-height:20px;margin-right:8px; line-height:20px;
}
.headingtxt
{
    font: bold 16px Helvetica, sans-serif;line-height:20px; color:#2E2E2E;
    text-align:center;
}
.logohead
{
    font: 14px Helvetica, sans-serif;line-height:20px; color:#2E2E2E;
    }
.venue
{
    font: 13px Helvetica, sans-serif;line-height:20px; color:#2E2E2E;
    }

.headingtxt1
{
    font: 17px Helvetica, sans-serif;line-height:20px; color:#2E2E2E;
    text-align:center;
}

#topMenu { float:right; width: 998px; height: 35px;  margin-bottom:1px;
 color:#A4A4A4;border-left: 1px solid;border-right: 1px solid; background: #b70c65;
}
#menuItems { float: left; width: 998px; }

/* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
		font: bold 12px Helvetica, sans-serif;line-height:20px;
		

        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #FFFFFF;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border-left:1px solid #FFFFFF;  /* border for each of the main menu items */
        background-color: #b70c65;     /* main menu item background color */
        color: #FFFFFF;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
                     /* the width of each main menu item */
        display: block;
		height: 35px;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 135px;               /* should be the same as #dmenu li width */
        background-color: #b70c65;     /* sub-menu default background color */
        border: #000 solid 1px;     /* the border around the sub-menu list */
        color: #FFFFFF;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #b70c65;     /* default background color for sub-menu container */
        color: #FFFFFF;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
        width: 114px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
		
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        width: 125px;               /* set this to #dmenu ul width */
        display: block;		
		color:#ffffff;
		text-decoration: none;
		margin-top:8px;height: 25px;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 3px;
        margin: 0px;
        width: 108px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		color:#ffffff;text-decoration: underline;
		
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li a:hover{
        display: block;
	    color: #FFFFFF;text-decoration: underline;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        width: 109px;               /* should be set to the same value as #dmenu ul li width */
        color: #FFFFFF;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        float:left;
        margin-left: 50px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }

#content
{ width: 997px;
  float: left;
   color:#2E2E2E;
  font: 13px Helvetica, sans-serif;line-height:20px;	
 /*  border: 1px solid;*/   background: #FFFFFF; border-left: 1px solid #E6E6E6;
 border-right: 1px solid #E6E6E6;
 display:inline;
 min-height:460px;
}
#inncontent
{ width: 997px;
  float: left;
   color:#2E2E2E;
  font: 13px Helvetica, sans-serif;line-height:20px;
 /*  border: 1px solid;*/   background: #FFFFFF ; border-left: 1px solid #E6E6E6;
 border-right: 1px solid #E6E6E6;
 display:inline;
}
#column1
{ width: 997px;
  height:180px;
  float: left;
  color:#2E2E2E;
  border-bottom: 1px solid #E6E6E6;
 font: 12px Helvetica, sans-serif;line-height:20px;
}
#column1-left
{ width: 280px;
  height:180px;
  float: left;
  color:#E6E6E6;
  text-align:center;
  font: 12px Helvetica, sans-serif;line-height:20px;

}
#column1-right
{ width: 290px;
  height:180px;
  float: left;
  color:#E6E6E6;
  text-align:center;
  font: 12px Helvetica, sans-serif;line-height:20px;

}
#column1-center
{ width: 430px;
  height:180px;
  float: left;
  color:#E6E6E6;
  text-align:center;

  font: 12px Helvetica, sans-serif;line-height:20px;

}

#column1-exhi
{ width: 270px;
  float: left;
  color:#2E2E2E;
 font: 13px Helvetica, sans-serif;line-height:20px;
  background: url(images/vbg2.jpg) bottom repeat-x;
  display:inline;
}

#column1-corner
{ width: 235px;
  height:180px;
  float: left;
  color:#E6E6E6;
  text-align:center;
  border-left: 1px solid #ccc;
 font: 13px Helvetica, sans-serif;line-height:20px;
  background: #b70c65 ;
}
#column1-corner p
{ 
  margin-top:7px;
}


#column2
{ width: 997px;

  float: left;
  color:#2E2E2E;
 font: 13px Helvetica, sans-serif;line-height:20px;
  background: url(images/vbg2.jpg) bottom repeat-x;

}
#column2-left
{ width: 250px;
  float: left;
  color:#2E2E2E;
 font: 13px Helvetica, sans-serif;line-height:20px;
  background: url(images/vbg2.jpg) bottom repeat-x;
    display:inline;


}
#column2-right
{ width: 700px;

  float: left;
   color:#2E2E2E;
 font: 13px Helvetica, sans-serif;line-height:20px;
  background: url(images/vbg2.jpg) bottom repeat-x;
    display:inline;

}
#column2-right p{

padding:5px; 
text-align:justify;
margin-left:15px;
margin-right:15px;
line-height:18px;
}



#innercolumn
{ width: 997px;
  min-height:390px;
  float: left;
  color:#2E2E2E;
  border-bottom: 1px solid #E6E6E6;
 font: 13px Helvetica, sans-serif;line-height:20px;
}


#innercolumn ul li
{
	margin-left:20px;
}

#innercolumn li a
{
	 
  color:#2E2E2E;
  text-decoration: none;

}

#innercolumn li a:hover
{
	 
  color:#868A08;
  text-decoration: underline;

}

#innerleft
{ width: 200px;
  float: left;
  color:#2E2E2E;
 font: 13px Helvetica, sans-serif;line-height:20px;
  display:inline;


}
#innerright
{ width: 743px;
  float: left;
  color:#2E2E2E;
  border-left: 1px solid #D8D8D8;
 font: 13px Helvetica, sans-serif;line-height:20px;
    display:inline;

}

#innerright li a
{
	 
  color:blue;
  text-decoration: none;

}

#innerright li a:hover
{
	 
  color:blue;
  text-decoration: underline;

}

#column2-innerleft
{ width: 250px;
    min-height:295px;
  float: left;
  color:#2E2E2E;
    border-right: 1px solid #fff;
 font: 13px Helvetica, sans-serif;line-height:20px;
}



#column2-innerright
{ width: 715px;
  float: left;
  color:#2E2E2E;
  border-left: 1px solid #fff;
 font: 13px Helvetica, sans-serif;line-height:20px;
}

#column2-innerright p
{ padding:10px; text-align:justify;line-height:18px;
}


#column3
{ width: 997px;
  float: left;
  color:#2E2E2E;
font: 13px Helvetica, sans-serif;line-height:20px;
}
#topk
{ text-align:right; float: right;
}

.topk a
{
 
  color:#868A08;
  text-decoration: none;
 font: 13px Helvetica, sans-serif;line-height:20px;
}

.topk a:hover
{
 text-align:right;
  color:green;
}

.linkk a
{
 
  color:#868A08;
  text-decoration: none;
font: 13px Helvetica, sans-serif;line-height:20px;
}

.linkk a:hover
{
 text-align:right;
  color:green;
}

#footer
{ width: 998px;
   height:25px;
  float: left;
  background: #b70c65;
  color:#E6E6E6;
  text-align:right;
  font: 13px Helvetica, sans-serif;line-height:20px;
 /*  border: 1px solid;*/
}
#footer a
{
 
  color:#FFFFFF;
  text-decoration: none;
 font: bold 12px Helvetica, sans-serif;line-height:20px;
}

#footer a:hover
{

}

/* contact page - form layout */
form{margin-top: 0px;}

div.row
{ clear: both;
  width: 0px;
}

div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}

input, textarea
{ 
  font-family:  Comic Sans MS,Brush Script MT,cursive;
  font-size: 100%;
  border: 1px solid;
  margin: 2px;
}

.submit
{ font-family:  Comic Sans MS,Brush Script MT,cursive;
  font-size: 100px;
  border: 0px solid;
  width: 20px;
  height: 22px;
  cursor: pointer;
}

#sidemenu
{
  float: left;
  width: 240px;
  padding:0px;

}
.sidemenu a
{
  color:#868A08;
  font:  bold 13px  Comic Sans MS,Brush Script MT,cursive;
   background: #f2faeb;   

}
.sidemenu a:hover
{

  color:green;
  background: #F2F2F2  url(images/grnlink.png) 180px 6px no-repeat;
	padding-left:16px;
}

.sidekk a{
  font:  bold 13px  Comic Sans MS,Brush Script MT,cursive;
	display:block;
	color:#868A08;
	text-decoration:none;
	background-image:url(images/grnlinkk.png);
	background-repeat: no-repeat;
	background-position: 190px 6px; 
	height:30px;
	border-bottom:1px solid #f2f2f2;
        line-height:30px;
	padding-left:25px;


}

.sidekk a:hover{
	background: #F2F2F2  url(images/grnlink.png) 190px 6px no-repeat;
	padding-left:25px;
  color:green;
}

#column2-emptyleft
{ width: 250px;
    min-height:785px;
  float: left;
  color:#1C1C1C;
    border-right: 1px solid #fff;
 font: 13px Helvetica, sans-serif;line-height:20px;
    background: #f2faeb url(images/waterpro.jpg) bottom no-repeat;
}
.fill
{
filter:alpha(opacity=90);
opacity:0.5;

}