@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	background-color: #000000;
	background-image:url(Media/hextile.jpg);
	background-repeat: repeat;
}
a {
	outline:none;
}

a.specialLink:link { color: #FF0; }
a.specialLink:visited { color: #F90; }
a.specialLink:hover { color: #0FF; }

.oneColFixCtr #container {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.oneColFixCtr #logo {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtr #MenuBar {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url();
	height: 60px;
	text-align: center;
}
.oneColFixCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtr #container h5 {
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: center;
}
.oneColFixCtr #MessageBox {
	background-image:url(Media/messageBG.png);
	background-position:center;
}
	
.overlay {
	position:absolute;
	z-index: 70;
	text-align: center;
}
/* slider specific CSS */
        .sliderGallery {
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 130px;
	width: 980px;
        }
        
        .sliderGallery UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	top: 8px;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
	width: 962px;
	height: 17px;
	margin-top: 110px;
	margin-left: 5px;
	padding: 1px;
	position: relative;
	background: url(Media/scrollbar.png) no-repeat;
	z-index: 90;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url(Media/scroller.png) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }
    
.info_text {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13px;
	margin: 5px;
}
.info_bg {
	background-image: url(Media/info_bg.png);
	text-align:center;
}

.info_bg2 {
	background-image: url(Media/info_bg2.png);
	background-repeat:repeat-y;
	text-align:center;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
z-index: 50;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
z-index: 50;
}
.slideshow_arrowL {
	position: absolute;
	z-index: 50;
	text-align:left;
}
.slideshow_arrowR {
	position: absolute;
	z-index: 50;
	text-align:right;
}
.slideshow_buttons {
	position:absolute;
	z-index: 60;
	top: 630px;
	width: 720px;
	
}
.notice {
	color:#900;
}
.messageBox {
	color:#900;
}

/* --------------Login Box Atributes-------------- */

.text_button {
   border: none;
   background-color: transparent;
   padding: 0;
   text-decoration: none; /* if desired */
   color: #FC0;  /* or whatever other color you want */
}

.input { background-color: #656D78; border: 1px solid #333333; color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

.input:focus { background-color: #3D4D64; border: 1px solid #333333; color: #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
 
.inputbutton{ background-color: #e5ffc3; border: 1px solid #333333; }
 
.inputbutton:focus{ background-color: #3D4D64; border: 1px solid #333333; } 
/* -------------End of Login Box Atributes----------- */