/*Simple CSS reset for items we will use JUST for this example.
Please use full reset when designing!
Reseting the margin and padding is important for the body tag so the
header and footer will hug the whole screen.*/

h1, p, body, html {
 margin: 0;
 padding: 0;
 }

/*Just visual styles*/

body {
 font: 12px verdana, sans-serif;
 background-color:#fff;
 }



/*Our full length header.
We align the text center so it shows up in the middle.
If you prefer you could right or left align it.*/

/*Our full length header. */
	
/*Our full length header. */	
#headerbg {
 font: 12px verdana, sans-serif;
 color: #000;	background-image: url(images/banner-bg.jpg);
	height: 303px; background-repeat: repeat-x;
	}
	
.menu { position:center; margin-top:390px; }
.menu a         { text-decoration: none; font-size: 14px; font-weight:bold;margin:10px;padding: 10px; }
.menu a:link    { color: #C2DBFB; font-weight:bold; background: #6785AB;padding: 10px; }
.menu a:visited { color: #C2DBFB; }
.menu a:hover   { color: #ffffff; background: #172669;padding: 10px; }
.menu a:active  { color: #C2DBFB;  }


/*Center Content*/

#container {
 position: relative;
 margin: 0 auto;
 width: 1024px;
 background:transparent;
 }



/*Full width footer*/

#footer {
 background-image: url(images/footer-bg.jpg); background-repeat: repeat-x; background-color: #DAD3B4;
 padding: 10px;
 font-size:9px;
 text-align: center;
 height: 140px;
 color: #65614E;
 }

#footer a         { text-decoration: none; font-size: 11px; font-weight:bold; }
#footer a:link    { color: #6D634D; font-weight:bold; padding: 3px; }
#footer a:visited { color: #6D634D; }
#footer a:hover   { color: #5B6D4D;text-decoration:underline; }
#footer a:active  { color: #6D634D;  }

#footer ul { display:inline; list-style:none; }
#footer li { display:inline; list-style:none; }


/*These are just styles used for the example for the content.*/
	
.left {
 float: left;
 width: 600px;
background-image:url(images/left-bg.png);
background-repeat:no-repeat;
background-color:#ffffff;
padding:13px 3px 13px 0px;
 }
 
.left a         { color: #003399; font-weight:normal;text-decoration: underline; }
.left a:link    { color: #003399; font-weight:normal;text-decoration: underline; }
.left a:visited { color: #003399; font-weight:normal;text-decoration: underline; }
.left a:hover   { color: #990000; font-weight:normal;text-decoration: underline; }
.left a:active  { color: #003399; font-weight:normal;text-decoration: underline; }

.left ul {
font-family: “Trebuchet MS”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

.left li { list-style:circle;
padding: 4px 4px 4px 4px;
margin-left:24px;
}


p {
font-family: “Trebuchet MS”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

h1 {
font-family: “Trebuchet MS”, sans-serif;
padding:10px;
color: #000066;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

h2 {
font-family: “Trebuchet MS”, sans-serif;
padding-left:10px;
color: #000066;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

h3 {
color: #000066;
padding-left:10px;
font-family: “Trebuchet MS”, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: 0.2px;
line-height: 1.5em;
}

.right {
	float: left;
	width: 300px;height:100%;
	clear: right;background:transparent;
	}
	
#linksright {
   font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #222;
   	margin-top: 0px;
	text-align: left!important;
	letter-spacing: 0.3em;
	float: left;
	width: 300px;	 
	padding: 0px;
	}
	
#linksright a         { color: #386496; font-weight: bold; background-color: #F6F6F6; display: block; padding: 10px; text-decoration: none; font-size: 10px; }
#linksright a:link    { color: #386496; font-weight: bold; background-color: #F6F6F6; display: block; padding: 10px; text-decoration: none; font-size: 10px; }
#linksright a:visited { color: #386496; font-weight: bold; background-color: #F6F6F6; display: block; padding: 10px; text-decoration: none; font-size: 10px; }
#linksright a:hover   { color: #3F435A; font-weight: bold; background-color: #DBE3E9; display: block; padding: 10px; text-decoration: none; font-size: 10px; }
#linksright a:active  { color: #386496; font-weight: bold; background-color: #F6F6F6; display: block; padding: 10px; text-decoration: none; font-size: 10px; }
#linksright ul { list-style-type: none; padding: 0px; border-top: dotted 1px #DDDADA; }
#linksright li { list-style-type: none; padding: 0px; border-bottom: dotted 1px #DDDADA; }
.left p, .right p {
	padding: 10px;
	}

/*If you are going to use floats then you will NEED to clear the
footer so it doesn’t bunch the content up*/
.clear {clear:both;}


p { line-spacing:4px; }





ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
#menu-bg {
        width: 279px;
        border-style: none;
        background-image:url(images/menu2-bg.gif);
        background-repeat:no-repeat;
        }
#menu {
        width: 200px;
        border-style: none;
        border-color: #94AA74;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        color: #5E7830;
        display: block;
        background: url(images/menu2.gif);
        padding: 8px 0 0 10px;
        }

#menu li a:hover, #menu li #current {
        color: #26370A;
        background: url(images/menu2.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu li a:active {
        color: #26370A;
        background: url(mages/menu2.gif) 0 -64px;
        padding: 8px 0 0 10px;
        }


.cd-box {
margin-bottom:13px;
width:570px;
height:450px;
padding:10px;
background-color:#ffffff;
border:dotted 2px #cccccc;
overflow:auto;
}

/* slide menu */
#slidemenubar, #slidemenubar2{
position:absolute;
border: solid 1px #cccccc;
background-color:#F2F2F2;
layer-background-color:#ffffff;
font:bold 12px Verdana;
line-height:20px;
}