/* - - - - - - - - - - - - - - - - - - - - -

Title: A New Leaf
URL: http://www.anewleafchicago.com

Description: 

Created: 
Modified: 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: Georgia, serif;
color: #fff;
background: #000;
}

#container {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 0;
width: 750px;
height: 580px;
background: url(i/bghome.jpg) top left no-repeat;
}

#container_selection {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 0;
width: 750px;
height: 580px;
background: url(i/bgselection.jpg) top left no-repeat;
}

#container_event {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 0;
width: 750px;
height: 580px;
background: url(i/bgevent.jpg) top left no-repeat;
}

#nav {
margin: 0 0 0 224px;
padding: 94px 0 2px 0;
width: 500px;
border-bottom: 1px solid #fff;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

#nav ul {
display: inline;
margin: 0 0 0 12px;
padding: 0;
}

#nav ul li {
padding: 0;
margin: 0 0 0 -2px;
display: inline;
}

#nav ul li a {
color: #fff;
text-decoration: none;
padding: 4px 12px 2px 12px;
margin: 0;
}

#nav ul li a:hover {
color: #222;
text-decoration: none;
background: #fff;
padding: 4px 12px 2px 12px;
margin: 0;
}

#nav ul li a:active {
color: #222;
text-decoration: none;
background: #ccc;
padding: 4px 12px 2px 12px;
}

body#home a#homenav,
body#selection a#selectionnav,
body#event a#eventnav,
body#contact a#contactnav {
color: #222;
text-decoration: none;
background: #fff;
padding: 4px 12px 2px 12px;
}

#nav_sub {
margin: 3px 0 0 410px;
padding: 0;
width: 280px;
height: 40px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

#nav_sub ul {
display: inline;
margin: 0 0 0 12px;
padding: 0;
}

#nav_sub ul li {
padding: 0;
margin: 0 0 0 -2px;
display: inline;
}

#nav_sub ul li a {
color: #fff;
text-decoration: none;
padding: 4px 12px 2px 12px;
margin: 0;
}

#nav_sub ul li a:hover {
color: #222;
text-decoration: none;
background: fff;
padding: 4px 12px 2px 12px;
margin: 0;
}

#nav_sub ul li a:active {
color: #666;
text-decoration: none;
padding: 4px 12px 2px 12px;
}





#left {
float: left;
width: 330px;
margin: 0;
padding: 18px 0 0 22px;
}

#left img {
border: 8px solid #fff;
}

#right {
float: left;
margin: 0 0 0 20px;
padding: 0 0 0 0;
width: 350px;
}

#right p {
font-size: 14px;
line-height: 150%;
}

#right h1 {
font-size: 16px;
font-weight: bold;
}

#right img {
float: left;
margin: 0 10px 10px 0;
border: 1px solid #fff;
}

#right img:hover {
border: 1px solid #aaa;
}

#right a {
color: #fff;
text-decoration: none;
padding: 0 0 1px 0;
}

#right a:hover {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
padding: 0 0 1px 0;
}


#footer {
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
width: 730px;
padding: 6px 10px 6px 10px;
text-align: right;
color: #999;
background: #181818;
font-size: 11px;
}

#footer a {
color: #999;
text-decoration: none;
}

#footer a:hover {
color: #999;
text-decoration: underline;
}








p.location {
float: left;
width: 165px;
padding: 0;
margin: 0px 0 10px 0;
}

#right img.icn {
clear: both;
border: 0;
padding: 5px 4px 72px 0;
margin: 0;
}

#right img.icn2 {
clear: both;
border: 0;
padding: 5px 4px 5px 0;
margin: 0;
}

#right img.icn3 {
clear: both;
border: 0;
padding: 5px 4px 50px 0;
margin: 0;
}

.pdf {
font-size: 10px;
padding: 0 0 0 4px;
}