/* CSS Document */
html {  height:100%; margin:0px; padding:0px;  background-image: url(images/fade.png); background-repeat:repeat-x; background-position:top-right; background-color:#d9dada;}
body {  height:100%; margin:0px; padding-top:5px; background-image: url(images/stripe.png); background-repeat:repeat-y; background-color:none;  background-position:bottom;  font-family:Arial, Helvetica, sans-serif;}

#container { margin-right:auto; margin-left:auto; padding:0px; width:960px;}

#logo {padding-bottom:0px;}

#nav { width: 960px; height:33px;  margin-bottom:0px; }
#nav-left { border:3px; border-style:solid; border-right:0px; border-color:#cdcdcd; float:left; background-color: #cdcdcd; margin-left:0px; margin-top:4px; width:957px;}

ul {list-style:none; margin:auto; padding:0px; }
li {float:left; padding:1px; background-color:#FFFFFF; width:131px; text-transform: uppercase; border-color:#cdcdcd; border-right-width:3px; border-right-style:solid;}
li.main {background-image:url(images/menu-gray.jpg); background-repeat:repeat; float:left; padding:1px; background-color:#fff; width:154px; text-transform: uppercase; border-color:#cdcdcd; border-right-width:3px; border-right-style:solid;}

#mid { border-color:#666666; border-bottom-width:2px; border-bottom-style:solid; background-image:url(images/mid-bkg.jpg); background-repeat:repeat; width: 960px; min-height:500px; background-color: #666666; margin-bottom:7px; margin-top:0px;}
#mid-sub { margin-top:4px; margin-left:5px; float:left; background-color:#bcbec0; border:1px; border-style:solid; border-color:#FFFFFF; width:946px; height:490px;}
#mid-sub-textbox {min-height:180px; width:630px; background-color:#ffffff; border:11px; border-style:solid; border-color:#bcbec0; }
#mid-sub-textbox-center {min-height:180px; width:600px; background-color:#ffffff; border:11px; border-style:solid; border-color:#bcbec0; position:relative; top:115px; }

#mid-staff {padding:10px; margin-top:0px; margin-bottom:10px;}
#mid-sub-textbox-staff {margin-top:10px; margin-bottom:10px; width:900px; background-color:#ffffff; border:1px; border-style:solid; border-color:#bcbec0; }
#mid-sub-textbox-staff2 {margin-top:10px; margin-bottom:10px; width:900px; background-color:#f1f1f2; border:1px; border-style:solid; border-color:#bcbec0; }

#bottom {background-image:url(images/mid-bkg.jpg); background-repeat:repeat; width: 960px; height:75px; background-color: #cdcdcd;}
#bottom-sub {margin-top:4px; margin-left:5px; float:left; background-color:#bcbec0; border:1px; border-style:solid; border-color:#FFFFFF; width:311px; height:65px;}

img { border:none;}

#portrait { position:relative; top:-35px; float:right; margin-right:10px; padding-left:10px;}
#icon { position:relative; top:-25px; float:right; margin-right:20px; padding-left:10px;}

a:link { text-decoration:none; color:#fff; font-size:11px; }
a:visited { text-decoration:none; color:#fff; font-size:11px; font-weight:bold; }
a:hover { text-decoration:none; color:#fff; font-size:11px; }
a:active { text-decoration:none; color:#929292; font-size:11px; }

h1 { text-align:left; padding-left:30px; padding-top:10px; font-size:16px; color:#bcbec0;}
h2 { text-align:left; padding-left:30px; padding-top:0px; font-size:13px; color:#bcbec0;}
h3 { position:relative; top:-60px; text-align: center; vertical-align:middle; padding-top:0px; font-size:16px; color:#bcbec0; text-transform:uppercase;}

p { text-align:left; padding-left:30px; padding-right:30px; padding-bottom:15px; font-size:11px; line-height:15px; color:#949494;}

#footer {text-align: right; padding-top:5px; font-size:11px; color:#666666;}


/*slider css*/
#slider {
    width: 311px; /* important to be same as image width */
    height: 490px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1, #slider2 {
    width:311px; /* important to be same as image width */
    height: 490px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent, #slider1Content, #slider2Content {
    width: 311px;
    position: absolute;
	top: 0;
	margin-left: 0;
	left:0;

padding: 0px;
}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
	width:311px;
}


.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span, .slider2Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 12px;
}
.top {
	top: 0;
	left: 0;
	width:410px;
}
.bottom {
	bottom: 0;
    left: 0;
	width:311px;

}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}