body {
        margin: 1.5em;
        padding: 0;
        font-family: "Lucida Grande", Verdana, Arial, sans-serif;
        font-size: small;
        background-color: #000;
        color: #888;
        text-align: center;
}

a {
        color: #38c;
}

a:hover {
        color: #05a;
}

.clear {
        clear: both;
}

.breadcrumb {
        float: right;
        color: #333;
        font-size: 0.9em;
}


#page-wrap {
	background: #000;
	width: 780px;
	margin: 10px auto;
}

#page-wrap-wide {
	background: #000;
	min-width: 780px;
	max-width: 1260px;
	margin: 10px auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
}


#page-wrap #inside {
		margin: 10px 10px 0px 10px;
		padding-top: 10px;
		padding-bottom: 10px;
}
	
#content {
        clear: both;
        margin: 0 auto;
        text-align: left;
}

#header {
}

#footer {
        font-size: 0.8em;
        color: #555;
        border-top: 2px solid #333;
        text-align: center;
}

#nav {
        font-size: 1.3em;
        padding-top: 1.5em;
        padding-bottom: 0.8em;
        text-align: center;
}

h1 {
        clear: both;
        margin: 1.5em 0;
        padding-bottom: 0.2em;
        border-bottom: 2px solid #333;
        font-size: 2.0em;
        text-align: center;
}

h2 {
        clear: both;
        margin: 1.5em 0 1em 0;
        font-size: 1.5em;
        text-align: left;
}

h3 {
        clear: both;
        margin: 1.5em 0 1em 0;
        font-size: 1.2em;
        text-align: left;
}

p, ol, ul {
        clear: both;
        margin: 1em 0 1em 0;
        font-size: 1em;
        text-align: left;
}

#main {
        margin: 1em 0 1em 0;
        font-size: 2em;
        text-align: center;
        vertical-align: middle;
}