p {
    line-height:		1em;
}

h1, h2, h3, h4 {
    color:			orange;
    font-weight:		bold;
    line-height:		1.1em;
    margin:			0 0 .5em 0;
}

h1 {
    font-size:			1.7em;
}

h2 {
    font-size:			1.5em;
}

a {
    color:			blue;
    text-decoration:		none;
}

a:hover, a:active {
    text-decoration:		none;
}

body {
    font-family:		arial;
    font-size:			80%;
    line-height:		1.2em;
    width:			100%;
    margin:			0;
    background:			#eee;
    font-weight:		normal;
}

#page {
    margin-left:		20px;
    margin-right:		50px;
    margin-top:			20px;
    margin-bottom:		30px;
}

#logo {
    width:			40%;
    margin-top:			5px;
    font-family:		georgia;
    display:			inline-block;
}

#nav {
    width:			60%;
    display:			inline-block;
    text-align:			right;
    float:			right;
}

#nav ul{}
#nav ul li {
    display:			inline-block;
    height:			62px;
}
#nav ul li a {
    padding:			20px;
    background:			orange;
    color:			white;
}
#nav ul li a:hover {
    background-color:		#ffb424;
    box-shadow:			0px 1px 1px #666;
}
#nav ul li a:active {
    background-color:		#ff8f00;
}
#nav ul li.red a {
    background-color:		red;
}
#nav ul li.orange a {
    background-color:		orange;
}
#nav ul li.yellow a {
    background-color:		yellow;
}

#content {
    margin:			30px 0;
    background:			white;
    padding:			20px;
    clear:			both;
}

#footer {
    border-bottom:		1px #ccc solid;
    margin-bottom:		10px;
}

#footer p {
    text-align:			right;
    text-transform:		uppercase;
    font-size:			80%;
    color:			gray;
}

#content, ul, a {
    /* box-shadow:			0px 1px 1px #999; */
    color:			#000088;
}

#content, a:hover {
    color:			#0000FF;
}