html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
	}



#container {
	width: 100%;

	}

body{

background-color: #fff;
	min-width:960px;
	width: auto !important;   
	width:960px; 	
	margin: 0;
	padding: 0;
	}
	
img{border:0;}	
	
#logo{

	background-image: url(../img/bannerdoor.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	border: 0px red solid;	
	margin: 0 auto;
	padding: 0;
	height: 329px;

	}

#submenu{
    position: absolute;
    bottom:0px;
    padding: 0;
    width: 100%;
}

#submenu.p{
    margin: 0;
    padding: 0;	
}

.menu{
    display: inline;
    font-size: 16px;
    padding: 0;
    width: 80px;
}


img{
border: 1px #555 solid;
}

a{
color:#000; 
background-color:transparent; 
text-decoration:none;
}
a:hover{
color:#1155cc; 
background-color:transparent; 
text-decoration:none;
}

#sub{
background-color: #fff;

}
.sub{
color: black;
}

ul{
    margin-bottom:1.5em;
    margin-left:1.5em;
}
a{
    text-decoration:none;
}




#nav {
background-color: #3d0061;
	background-position:top left; 
	background-repeat: repeat-x;
	border: 1px #aaa solid;
}

/*------------------------------------*\
    $NAV
\*------------------------------------*/

.nav{
    list-style:none;
    margin: 0 auto;
}
    .nav > li,
        .nav > li > a{
            display:inline-block;
           *display:inline;
            zoom:1;
        }
    

    .stacked > li{
        display:list-item;
    }
        .stacked > li > a{
            display:block;
    }





/*------------------------------------*\
    $FLYOUT
\*------------------------------------*/

.flyout,
.flyout-alt{
    position:relative;
}
    .flyout-content{
        /* Position the flyouts off-screen. This is typically better than `display:none;`. */
        position:absolute;
        top:100%;
        left:-99999px;
        /**
         * Even though they are out of document flow, lots of nested flyouts can
         * eventually force scroll bars to appear as they become taller than the viewport.
         * We can undo this effect by giving them zero height.
         */
        height:0;
        overflow:hidden;
    }
    
    /**
     * Bring the flyouts into view when you hover their parents.
     * Two different types of flyout; ‘regular’ (`.flyout`) and ‘alternative’ (`.flyout-alt`).
     */
    /* Regular flyouts sit all the way from the top, flush left. */
    .flyout:hover > .flyout-content{
        left:0;
    }
    /* Alternative flyouts sit all the way from the left, flush top. */
    .flyout-alt:hover > .flyout-content{
        top:0;
        left:100%;
    }
    .flyout:hover > .flyout-content,
    .flyout-alt:hover > .flyout-content{
        /* Give the flyouts their height back once they come into view. */
        height:auto;
        overflow:visible;
    }





/*------------------------------------*\
    $SITE-NAV
\*------------------------------------*/
/**
 * Site nav specific styling.
 * Extends `.nav{}`
 */
.site-nav{
    font-size:1.3em;
    font-family:sans-serif;
}
        .site-nav a{
            line-height:1;
            padding:1em;
            background-color:#717e7e;
            color:#fff;
            white-space:nowrap;
        }

/*--- SITE-NAV FLYOUTS ---*/
/**
 * Site nav specific flyouts, extension of `.flyout`.
 * Set up some styles to apply and persist when we hover things in the site nav.
 * This allows us to keep parents highlighted as we hover their contained flyouts [1].
    background-color:#111;
 */
.site-nav .flyout:hover > a /* [1] */,
.site-nav .flyout-alt:hover > a /* [1] */,
.site-nav a:hover{
    background-color: #fff;
    color: green;

}

/**
 * Add an indicator to any flyout parents in the site nav to show there’s a flyout.
 */
.site-nav .flyout-alt > a:after{
    content:" »";
}

/**
 * Here we set up a load of shared borders on the site-nav specific flyouts.
 * The code looks a little scattered but it allows us to cleverly share declarations:
 * We set up a non-existent [1] solid [2] border on all sides of the relevant elements.
 * We can now also change the style [2] and colour [3] of all borders in one go.
 * Now we have set up border colours and styles, we need to just turn the desired borders ‘on’ [4].
 */
.site-nav a,
.site-nav .flyout-content{
    border:0     /* [1] */
           solid /* [2] */
           #555  /* [3] */;
}
.site-nav > li > a{
    border-left-width:0px; /* [4] */
}
/* The first link in the site-nav doesn’t require a border at all. */
.site-nav > li:first-child > a{
    border:none;    
}
.site-nav .flyout-content{
    border-width:1px 0 0 1px; /* [4] */
}
.site-nav .flyout-content a{
    border-bottom-width:1px; /* [4] */
}
.site-nav .flyout-alt:hover > .flyout-content{
    /**
     * To account for the 1px top border on the flyout containers, we need to
     * bring the flyouts back up by 1px in this special instance.
     */
    top:-1px;
}

#footer{
    width:100%; 
/**    height:460px; */
    background-color: #000;
/**	background-image: url(../img/bball.png); */ 
	background-position:top left; 
	color: white;
	line-height: 1.2;
	font-size: 14px;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
}
#footer a{
	color: white;
}
#footer a:hover{
	color: #699;
}

#social{
    width:294px; 
    height:100px;
    background-color: #000;
	background-image: url(../img/social.png); 
	background-position:top left; 
	background-repeat: no-repeat; 
	font-size: 75px;
	line-height: 1.2;
	}

.here a{
color: black;
font-weight: bold;}

.here a:hover{
color: #c5592b;}

#cont{
background-color: white;
overflow: hidden;
width: 960px;
text-align: justify;
margin: 20px auto;
padding: 35px;
border: 1px #000 solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

}
#cont a:hover{
color:#c5592b;
}


.block4 a{
font-size: 18px;

}

.block4 a:hover{
background-color: #1155cc;
opacity: 0.4;
color: #000;}
}
.hb a{
font-weight: bold; text-shadow: 2px 2px 2px #aaa;
}
.hb a:hover{
    opacity: 0.5;
    filter: alpha(opacity=40);
}