/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 3.0.1
*/
body {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	line-height: 1.5;
}
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
input, select, button, textarea {
	max-width: 100% ;
}
meter, progress, output {
	max-width: 100% ;
}
div#tswsidecol {
	float: right ;
	width: 20% ;
	color: #000 ;
	background-color: #FFF ;
}
div#tswcontent {
	float: right ;
	width: 80% ;
	color: #000 ;
	background-color: #fff ;
}
@media only screen and (max-width: 629px) {
	div#tswsidecol {
		float: none ;
		width: 100% ;
	}
	div#tswcontent {
		float: none ;
		width: 100% ;
	}
}
div#tswcontproper {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
div#tswcontainer {
	color: inherit;
	background-color: #fff;
	line-height: inherit;
}
div#tswsideproper, div#tswothersideproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswheader {
	color: #000 ;
	background-color: #fff ;
}
div#tswfooter {
	color: #000 ;
	background-color: #fff ;
}
.container{
    margin: 0 auto;
}
a{
    color: blue ;
}
nav {
    margin: 50px 0;
    background-color: #AACCDA;
    width:150px;
}
nav ul, nav ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
nav ul li{
    display: inline-block;
    background-color: #AACCDA;
    border-bottom:solid 1px white;
    width:150px;
    cursor:pointer;
}
nav a{
    display:block;
    padding:0 10px; 
    color:#000;
    font-size:16px;
    line-height: 30px;
    text-decoration:none;
}
nav a:hover{
    background: #000;
    color: white;
    text-decoration: none;
}
nav ul ul{
    visibility: hidden;
    position: absolute;
/*    top: 60px;*/

    opacity:0;
    transition:all 0.25s ease-in-out;
}
nav ul li:hover > ul{
    visibility: visible;
    opacity:1;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    background:#79A6F0;
    width:160px;
    float:none;
    display:block;
    position: relative;
    left:150px;
    top:-30px;
}
/* Second, Third and more Tiers */
nav ul ul ul li {
    position: relative;
    top:-60px; 
    left:170px;
}

    