/*******
Seriously Sexuality
Home CSS
seriouslysexuality.com
*******/

 
/**** CONTENT ****/
#sidebarContent { background-color: #faffee; }
#contentContainer { background: #e8f6cb; right: 300px; }
#mainContent { width: 490px; left: 340px; }
#right-col {  width: 260px; left: 360px; }


/**** NAV ****/

ul#nav { width: 100%; list-style-type: none; }
ul#nav li { margin-bottom: 3%; position: relative; }
ul#nav ul li { list-style-type: disc; }
ul#nav ul li a { font-size: 1.15em; text-decoration: underline; }
ul#nav ul li a:hover, ul#nav ul li a:focus, ul#nav ul li a:active { text-decoration: none; }

ul#nav li a.Reality,
ul#nav li a.Health,
ul#nav li a.Self,
ul#nav li a.Connection,
ul#nav li a.Encounters {
    background-repeat: no-repeat; 
    display: block; 
    width: 100%; 
    height: 122px; 
    font-size: 0;
}

ul#nav li a.Reality { background-image: url('img/nav-reality-home.png'); }
ul#nav li a.Health { background-image: url('img/nav-health-home.png'); }
ul#nav li a.Self { background-image: url('img/nav-self-home.png'); } 
ul#nav li a.Connection { background-image: url('img/nav-connection-home.png'); } 
ul#nav li a.Encounters { background-image: url('img/nav-encounters-home.png'); } 

ul#nav ul { position: absolute; top: .7em; left: 214px; }

ul#nav li a.Reality,
ul#nav li a.Reality:hover, 
ul#nav li a.Reality:active, 
ul#nav li a.Reality:focus,
ul#nav li.currentnav a.Reality,
ul#nav li a.Health, 
ul#nav li a.Health:hover, 
ul#nav li a.Health:active, 
ul#nav li a.Health:focus,
ul#nav li a.Self,
ul#nav li a.Self:hover, 
ul#nav li a.Self:active, 
ul#nav li a.Self:focus,
ul#nav li.currentnav a.Self,
ul#nav li a.Connection,
ul#nav li a.Connection:hover, 
ul#nav li a.Connection:active, 
ul#nav li a.Connection:focus,
ul#nav li.currentnav a.Connection,
ul#nav li a.Encounters,
ul#nav li a.Encounters:hover, 
ul#nav li a.Encounters:active, 
ul#nav li a.Encounters:focus,
ul#nav li.currentnav a.Encounters { background-color: inherit; }