/************* GENERAL CSS ************/


body {
        margin: 0px;
	padding: 0px;
        background:  #000000 url(images/back.png) repeat-y center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3399FF;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3399FF;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #3399FF;
}

a:hover {
	text-decoration: underline;
	color: #33CCFF;
}

/************* PREAMBLE ************/

#preamble {
	clear: both;
	width: 770px;
	margin: 0px auto;
	background: url(images/back-footer1.png) repeat-y center top;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	color: #000000;
}

/************* HEADER ************/

#header {
	width: 770px;
	height: 135px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #FFFBFD url(images/header.jpg);
}

#header_cal {
	width: 100%;
	height: 135px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #FFFBFD url(images/header.jpg);
}

#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #3399FF;
	font-size: 3em;
	text-transform: uppercase;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}

/************* TOP MENU ************/

#menu {
	width: 770px;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
	background-color: #7092BE;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background-color: #ADC1CD;
}

/************* PUB BANNER ************/

#banner {
	clear: both;
	width: 770px;
	margin: 0px auto;
	border-top: 0.5px solid #7092BE;
             border-bottom: 0.5px solid #7092BE;
	background: url(images/back-footer1.png) repeat-y center top;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	color: #000000;
}

#bannerlow {
	clear: both;
	width: 770px;
	margin: 0px auto;
	border-top: 0.5px solid #7092BE;
             border-bottom: 0.5px solid #7092BE;
	background: url(images/back-footer1.png) repeat-y center top;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	color: #000000;
}

/************* CONTENT ************/

#content {
	width: 770px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 150%;
}

#left {
	float: left;
	width: 210px;
	padding: 0px 20px 40px 20px;
	color: #3399FF;
}

#right {
	float: right;
             /*text-align: justify;*/
	width: 480px;
	padding: 0px 20px 40px 20px;
	color: #000000;
}

/************* FOOTER ************/

#footer {
	clear: both;
	width: 770px;
	margin: 0px auto;
	border-top: 0.5px solid #7092BE;
	background: url(images/back-footer1.png) repeat-y center top;
	font-size: 10px;
	text-align: center;
	padding: 2px;
	color: #000000;
}


/************* CALENDAR ************/
#calendar {
    width: 700px;
    margin: 0 auto;
}

.response {
    height: 60px;
}

.success {
    background: #cdf3cd;
    padding: 10px 60px;
    border: #c3e6c3 1px solid;
    display: inline-block;
}



/************* M_MNU ************/
/ Vertical-Horizontal Menu /

#m_menu 
{
 position: relative;
 margin: 0 auto 0 10%;
 width: 12em;
 background-color: #CFEBFD;
 padding:3px .3em;
 text-align: center;
}

#m_menu ul
{
 margin:0 auto;
 list-style-type:none;
 padding:0 .1em;
}

#m_menu ul li
{
 position: relative;
 margin:.3em 0;
 background-color: #7092BE;
 text-align:left;
 font-weight: 800;
 -moz-border-radius:.6em;
 -webkit-border-radius:.6em;
 -khtml-border-radius:.6em;
 border-radius:.6em;
}

#m_menu ul li:hover
{
 background-color: #B8C9DF;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 -khtml-border-radius:0;
 border-radius:0;
}

#m_menu ul li a
{
 display: block;
 color: #ffffff; 
 padding: .2em .8em;
 font-size:1em;
 font-family:Calibri;
 text-decoration:none;
}

#m_menu ul li a:hover
{
 background-color: #B8C9DF;
 text-decoration:underline;
}

#m_menu ul li:hover > ul
{
 display: block;
}

#m_menu ul li ul
{
 position: absolute;
 top:2px;
 left:100%;
 display: none;
 border: none; //1px dashed #0001b0;
 background-color: #00ffffff;   //00 in front of ffffff makes transparent
 padding:.1em;
}

#m_menu ul li ul li
{
 position: relative;
 font-weight: 500;
}

#m_menu ul li ul li a
{
 white-space: nowrap;
 line-height:120%;
}

#m_menu ul li ul li ul
{
 position: absolute;
 top:0;
 left:100%;
 display: none;
 border: none; //1px dashed #0001b0;
 background-color: #00ffffff;   //00 in front of ffffff makes transparent
}

#m_menu ul li .litems:after
{
 content: "  >>";
 color: #ffffff; //00d001;
 font-weight: 600;
}

#m_menu .firsrli 
{
 color:#fff;
 box-shadow:.15em .13em .25em #6789da inset;
 -webkit-box-shadow:.15em .13em .25em #6789da inset;
 -moz-border-radius:.5em;
 -webkit-border-radius:.5em;
 -khtml-border-radius:.5em;
 border-radius:.5em;
 background: #0809be;
 background-image: -ms-linear-gradient(top, #7092BE, #B8C9DF);  /* IE10 */
 background-image:-moz-linear-gradient(top, #7092BE, #B8C9DF 95%);  /* Mozilla */
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7092BE), color-stop(0.9, #B8C9DF));  /* for Safari, Chrome */
 background-image: -o-linear-gradient(top, #7092BE, #B8C9DF);  /* Opera 11.1+ */
 background: linear-gradient(top, #7092BE, #B8C9DF);  /* W3C Markup */ 
}