/* Start of CMSMS style sheet 'newDesignStylesheet' */
/*Obliterate stupid defaults*/
h1, h2, h3, h4, h5, h6, h7{
margin:0px;
}
/*Selection Styles*/
::-moz-selection{
	background:#cc6600;
	color:#fff;

}

::selection {
	background:#cc6600;
	color:#fff;

}

code::-moz-selection {
	background: #333333;
}

code::selection {
	background: #333333;
}


/*Menu Styles*/
#menu {
    font-family: "MS Sans Serif, Geneva", sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: white;
    /*padding-top: 5px;/**/
    position: relative;
    top: 102px;
    left: 33px;
    width: 929px;
    z-index:9;
    /*height:20px;*/
    /*background-color:#ff8400;*/
}
#menu-shadow{
background-image:url('http://fourwindscf.org/uploads/images/tempshadowpng.png');
background-repeat: repeat;
width:929px;
height:10px;
position:absolute;
bottom:-31px;
z-index:8;
}

ul#topnav {
    z-index:9;
    margin: 0;
    padding: 0;
    float: left;
    width: 929px;
    list-style: none;
    position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
    background-color: #ff8400;
    /*background: url(topnav_stretch.gif) repeat-x;*/
}

ul#topnav li {
    float: left;
    margin: 0;
    padding: 0;
    border-left: 1px solid #fff; /*--Divider for each parent level links--*/
}
ul#topnav li#specialmi {
border-left: 1px solid #ff8400;
}
ul#topnav li a {
    padding: 5px 10px; /* 10px 10px; */
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav li:hover {
    background: #1376c9 url(topnav_active.gif) repeat-x;
}

ul#topnav li span {
    float: left;
    padding: 5px 0;
    position: absolute;
    left: 0;
    top: 25px;
    display: none; /*--Hide by default--*/
    width: 926px;
    background: #1376c9;
    color: #fff;
}

ul#topnav li:hover span {
    display: block;
}
ul#topnav li span .stop-drop {
    background-color:red;
    width: 926px;
    height:18px;
    position:absolute;
    top:26px;
    left:0px;
    opacity:0.0;
    filter:alpha(opacity=0);
}
/*--Show subnav on hover--*/
ul#topnav li span a {
    display: inline;
}

/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
    text-decoration: underline;
}

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/ #menu ul {
    padding-top: 0px;
    /*margin-top: 10px;/**/
    margin-left: 0;
    padding-left: 0;
    display: inline;
} #menu ul li {
    /*margin-top: 10px;*/
    /*height: 25px;*/
    padding-left: 0px;
    display: inline;
} #menu ul li a {
    color: white;
    text-transform: uppercase;
    text-decoration: none;
} #menu ul li:hover {
    background-color: #1376c9;
} #menu ul li div {
} .hidden {
    display: none
}

div#main {
    background-color: none;
    width: 902px;
    height: 411px;
    position: relative;
    top: 153px; /*128px*/
    left: 36px;
} #login {
    z-index: 10;
    position: absolute;
    margin-top:-20px;
    right: 0px;
    width: 500px;
    height: 70px;
    background-color: white;
}#loginbox2 {
	 width: 700px;
    height: 60px;
    background-color: #fffffe} 
#loginbox {
	display:none;
    z-index: 10;
    position: absolute;
	color:#eee;
	background-color:black;
    right: 10px;
    width: 200px;
filter:blur(pixelradius=3, enabled='false');
    margin: -10px 20px 0 20px;
} #login p {
    clear: both;
    margin: 0;
    padding: 0;
} #login fieldset {
    width: 200px;
    border: none;
} #login label.top {
    float: left;
    width: 125px;
    margin: 0 0 2px 0;
    font-size: 80%;
} #login label.right {
    float: left;
    width: 125px;
    margin: 5px 0 0 0;
    padding: 0 0 0 3px; /*IE6*/;
    font-size: 80%;
} #login input.field {
    width: 158px;
    margin: 0 0 5px 0;
    padding: 0.1em 0 0.2em 0 !important /*Non-IE6*/;
    padding: 0.2em 0 0.3em 0 /*IE6*/;
    border: solid 1px rgb(200, 200, 200);
    font-family: verdana, arial, sans-serif;
    font-size: 80%;
} #login input.checkbox {
    float: left;
    margin: 5px 0 0 0 !important /*Non-IE6*/;
    margin: 2px 0 0 -3px /*IE6*/;
    border: none;
} #login input.button {
    float: left;
    width: 5.0em;
    margin: 10px 0 5px 0;
    padding: 1px;
    background: rgb(230, 230, 230);
    border: solid 1px rgb(150, 150, 150);
    text-align: center;
    font-family: verdana, arial, sans-serif;
    color: rgb(150, 150, 150);
    font-size: 80%;
} #login input.button:hover {
    cursor: pointer;
    border: solid 1px rgb(80, 80, 80);
    background: rgb(220, 220, 220);
    color: rgb(80, 80, 80);
}
#logo{
position:absolute;
background-image:url('http://fourwindscf.org/uploads/images/LOGO.gif');
}
#logo a div{
position:absolute;
top:2px;
left:-6px;
width:238px;
height:87px;
background-image:url('http://fourwindscf.org/uploads/images/LOGO.gif');
}

div a{
color:#1376C9;
text-decoration:none;
}
div a:hover{
background-color:#1376C9;
color:white;
}
body {
} #container {
    height: 768px;
    width: 990px;
    background-repeat: no-repeat;
    background-position: -28px 0px;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
}
a.jScrollArrowUp {
	background: url('http://fourwindscf.org/uploads/images/basic_arrow_up.gif') repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url('http://fourwindscf.org/uploads/images/basic_arrow_down.gif') repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
/* End of 'newDesignStylesheet' */