body { 
       margin: 0;
       padding: 0;
       background: #000000 url(../images/layout/ss-bkgd1.jpg);
}

/* ----------- PAGE LAYOUT ----------------- */

#pagewrapper { 
        width: 740px;
        m\argin: 0px 0px 0px 10px;
        margin: 0px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
        height: 1em;
}

/* ----------------------- LEFT  NAVIGATION MENU ----------- */
/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.menu1, ul ul {   padding:0px 0; margin:5px 0px 0 0px; border:0; list-style-type:none; height:14em; overflow:hidden; width:11em; text-align:left; color:#fff; font-weight:bold;}
ul.menu1 table { border-collapse:collapse; padding:0; margin:0; font-size:1em; font-family:Georgia;}
ul.menu1 ul { margin-left: 0.3em;}
ul.menu1 li { text-indent: 0.3em;}
ul.menu1 li.drop { margin-bottom:-2px;}
ul.menu1 li a, ul.menu1 li a:visited { display:block; width:10em; height:1em; line-height:1.2em; text-decoration:none; color:#606;}
ul.menu1 li a.last, ul.menu1 li a.last:visited { display:block; width:10em; height:8em; line-height:1.2em;}
ul.menu1 li ul { display:none;}
ul.menu1 li:hover a, ul.menu1 li a:hover { border:0; color:#00c; font-weight:bold;}
ul.menu1 li:hover ul, ul.menu1 li a:hover ul { display:block; height:12em; width:10em; margin-top:-1px; 
       background:#F5F2AE url(../images/layout/menu-bkgd.jpg); border:1px solid #000;}
ul.menu1 li:hover ul li a, ul.menu1 li a:hover ul li a { height:1em; background:#F5F2AE url(../images/layout/menu-bkgd.jpg); color:#00c; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, ul.menu1 li a:hover ul li a:hover { background:#00c; color:#fff;}

/* ------------------- MAIN CONTENT ----------------------  */

#bodycontent { 
        width:100%;
        margin-top:5px;
        background: #ffffff url(../images/layout/body-content.jpg) repeat;
        height:1px;
}
* html #bodycontent { height: 1%; }

/* LINKS FOR BODY
       Don't underline links, and make all links blue.
       Make links flash red when activated.
*/
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: none; color: #ff00cc; }
a:link { text-decoration: none; color: blue; }
a: { text-decoration: none; color: blue; }

/* ------------------- Main Body of Index Page ---------------------------- */
 
h1 {
	font-family: Verdana, Arial;
	font-size: 18pt;
	color: #000000;
	font-style: bold;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: Verdana, Arial;
	font-size: 16pt;
	color: #000000;
	font-style: bold;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Verdana, Arial;
	font-size: 14pt;
	color: #000000;
	font-style: bold;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
h4 {
	font-family: Verdana, Arial;
	font-size: 14pt;
	color: #000000;
	font-style: bold;
	line-height: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/*  ---- MAIN BODY TEXT FORMATING ----- */
.Text { font-family: Georgia; 
        color: #000000; 
        font-size: 12pt;
        text-align: left;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-ctr { font-family: Georgia; 
        color: #000000; 
        font-size: 12pt;
        text-align: center;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-rt { font-family: Georgia; 
        color: #000000; 
        font-size: 12pt;
        text-align: right;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-hl { font-family: Georgia; 
        color: #0099cc; 
        font-size: 12pt;
        text-align: justify;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-hl-whi { font-family: Georgia; 
        color: white; 
        font-size: 12pt;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-ctr-hl { font-family: Georgia; 
        color: #0099cc; 
        font-size: 12pt;
        text-align: center;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
       line-height: 110%;
}
.Text-quote {  font-family: Georgia; 
        color: #0066CC;
        font-size: 11pt; 
        font-weight: bold; 
        text-align: center;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-i { font-family: Georgia; 
        color: #000000; 
        font-size: 11pt;
        font-style: italic;
        text-align: left;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}

.Text-script { font-family: Georgia; 
        color: #000000; 
        font-size: 12.5pt;
        text-align: left;
        margin: 5px 15px 5px 15px;
        padding: 0 0 0 0;
        line-height: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
}

.Text-sm { font-family: Arial, Tahoma;
        color: #000000; 
        font-size: 9pt;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.Text-sm-hl { font-family: Arial, Tahoma;
        color: #0099cc; 
        font-size: 9pt;
        margin: 10px 15px 10px 15px;
        padding: 0 0 0 0;
        line-height: 110%;
}
.sgl-line { font-family: Georgia; 
        color: #000000; 
        font-size: 11pt;
        text-align: left;
        margin: 0px 15px 0px 15px;
        padding: 0 0 0 0;
	line-height: 100%;
}
.sgl-line-ctr { font-family: Georgia; 
        color: #000000; 
        font-size: 11pt;
        text-align: center;
        margin: 0px 15px 0px 15px;
        padding: 0 0 0 0;
        line-height: 100%;
}

.smalltext {  font-family: Arial, Tahoma; 
              font-size: 9pt; 
              color: #000000;
              margin: 10px 15px 10px 15px;
              padding: 0 0 0 0;
              line-height: 100%;
}
.bottext {  font-family: Arial, Tahoma; 
            font-size: 8pt; 
            color: black;
            line-height: 100%;
            margin: 0px 0px 0px 0px;
            padding: 0px 0 10px 0;
}
.footer {  font-family: Arial, Tahoma; 
              font-size: 8pt; 
              color: #cc33ff;
              line-height:120%;
              text-align: center;
              margin: 0px 0px 0px 0px;
}

.footer a:visited { color: #0099ff; text-decoration: none;}
.footer a:link    { color: #0099ff; text-decoration: none;}
.footer a:hover   { color: #cccccc; text-decoration: none;}
.footer a:active  { color: #cccccc; text-decoration: none;}

/*  -------- Headings for pages -------------- */
.heading-bar {
        width: 94%;
        margin: 10px 10px 8px 10px;
        padding: 8px 5px 5px 10px;
        font-family: Georgia;
        font-size: 14pt;
        font-style: italic;
        color: #ffffff;
        text-align: left;
        font-weight: bold;
        background: #666666 url(../images/layout/header-bar.jpg) repeat;
        text-decoration: none;
        line-height: 120%;
}

.heading-bar2 {
        width: 94%;
        margin: 10px 10px 8px 10px;
        padding: 8px 5px 5px 10px;
        font-family: Georgia;
        font-size: 12pt;
        font-style: italic;
        color: #ffffff;
        text-align: left;
        font-weight: bold;
        background: #333399 repeat;
        text-decoration: none;
        line-height: 120%;
}
/*  -------- REGISTRATION BOXES -------------- */

.box-beige-l {
        text-align: left;
        font-family:  Georgia;  
        color: #000000; 
        font-size: 12pt;
        margin: 0px 0px 0px 10px;
        padding: 5px 7px 5px 5px;
        background: #F1E6A6;
        text-decoration: none;
        line-height: 100%;
        width: 95%;
        
}
.box-beige-c{
        text-align: center;
        font-family:  Georgia;  
        color: #000000; 
        font-size: 12pt;
        background: #F1E6A6;
        text-decoration: none;
        line-height: 100%;
        width: 94%;
        margin: 0px 10px 0px 10px;
        padding: 10px 5px 10px 10px;
        
}
.box-mauve-l {
        text-align: left;
        font-family:  Georgia; 
        color: #000000; 
        font-size: 12pt;
        margin: 5px 15px 10px 15px;
        padding: 5px 5px 5px 5px;
        background: #b57777;
        text-decoration: none;
        width: 90%;
        line-height: 100%;
}
.box-mauve-c {
        text-align: center;
        font-family: Georgia; 
        color: #000000; 
        font-size: 12pt;
        background: #b57777;
        text-decoration: none;
        line-height: 100%;
        width: 94%;
        margin: 0px 10px 0px 10px;
        padding: 10px 5px 10px 10px;
}
.box-tan {
       text-align: center;
        font-family:  Georgia; 
        color: #000000; 
        font-size: 12pt;
        background: #E0BC62;
        text-decoration: none;
        width: 94%;
        margin: 0px 10px 0px 10px;
        padding: 10px 5px 10px 10px;
        line-height: 100%;
}
