html {
	width: 320px;
	 background-color: #FFFFFF;
         margin: auto;
         padding: 0px;
         font-size:100%;
	}
body {
	width: 320px;
	 background-color: #FFFFFF;
         margin: auto;
         padding: 0px;
         font-size:100%;
	}

a:hover {
}



#wrapper {
	width: 320px;
#	float: center;
	margin: 4px auto;
#        position: relative;
	background: #FFFFFF;
	padding: 0;
        min-height: 100%;
        overflow: hidden;
}



html, wrapper {
height: 100%;
}

#footer {
	display: none;
}

#top_bar {
	background-color:#FFFFFF;
	height: 30px;
}
#nav_container {
	width: 300px;
	float: center;
	margin: 0 auto;
}
#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	z-index: 9999;
	float: center;
	position: relative;	
}
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1em;
}
#nav a:link, #nav a:active, #nav a:visited{
    display:block;
    padding: 14px 25px;
    color:#a5a5a5;
    text-decoration:none;
	text-transform: uppercase;
}
#nav a:hover {
    color:#000009;
}
#nav .on{
	height: 12px;
	color:#999990 !important;
	float: left;
	position: relative;
}

#nav li{
    float:left;
    position:relative;
}
#nav ul {
    position:absolute;
    top:2.9em;
    display:none;	
	z-index: 1;
}
#nav li ul a {
    width:8em;
    float:left;
#	background-color: black;
	background-image: none !important;
}
#nav li ul a:hover {
	background-color: #292929;
}
#nav ul ul{
	top:auto;
}	
#nav li ul ul {
    left:11.3em;
    margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}


/* Logo */

#logo {
#	float: left;
	height: 70px;
	margin: 0 auto;
#	max-width: 300px;
	padding-top: 20px;
}

img {
	    max-width: 220px;
	    height: auto;
	    width: auto/9; /* ie8 */
	}

/* Menu */

#miniflex {
        width: 550px;
        float: left;
        font-size: small; /* could be specified at a higher level */
        margin: 0;
        padding: 2px 10px 0px 10px;
        border-bottom: 1px solid #333;
        }

#miniflex li {
        float: left;
        margin: 0;
        padding: 0;
        display: inline;
        list-style: none;
        }

#miniflex a:link, #miniflex a:visited {
        float: left;
#       font-size: 85%;
       font-size: 12px;
        line-height: 20px;
        font-weight: bold;
        margin: 0 10px 0 10px;
        text-decoration: none;
        color: #000000;
        }

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
        border-bottom: 4px solid #333;
        padding-bottom: 2px;
        color: #333;
        }


/* search */
#search {
	height: 60px;
#	float: left;
	margin: 0;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-right: 10px;
}

.search-box {
        width: 260px;
}


#class {
#       width: 350px;
        background-color:#FFFFFF;
        height: 40px;
#        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 20px;
        font-style: italic;
        text-decoration:none;
        color: #FF0000;
        z-index: 9999;
        float: center;
        text-align: center;
}



#bottom_bar {
	background-color:#FFFFFF;
	height: 10px;
#	padding: 0px 0px 0px 0px;
	padding: 20px 30px 15px 30px;
   margin-left: auto;
   margin-right: auto; 
   vertical-align: middle
}

/* Footer */

#footer {
	width: 320px;
	height: 55px;
        margin: 40px 0 0;
	float: center;
	background: #FFFFFF;
#	padding: 0px 0 15px 0;
#	border-top: 4px solid #EBE6D1;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	background: #000000;
}

#footer a {
	background: #000000;
}