html {
	background: #CC9999;
}

body {
	margin: 0;
	padding: 0;
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;  
}

#page { 
	margin: 10px; 
	background: #ffffff;
}

a:link, a:visited  { 
	color: #003366;
}

a:hover, a:active, a:focus { 
	color: #990033;
}

/* Header */

#header { 
	background: #bdddf7 url(pretty-head.gif) top right no-repeat;
	width: 100%;
	height: 92px;
	margin: 0px 0px 10px 0px;
	border: solid 1px #003366;
}

#header img {
	margin: 8px 10px 0px 10px;
}

/* Content */

#content { 
	margin: 20px;
}

#content h1 {
	font-size: 1.2em;
	color: #990033;
	display: block;
	border-bottom: 1px solid #990033;
	background: #ffffff url(pretty-heart.gif) top right no-repeat;
}

#content h2 {
	font-size: 1.1em;
	color: #336699;
}

/* Navigation */

#navigation { 
	margin: 20px;
}
	
#navigation ul {
	margin: 0px;
	padding: 10px;
}

#navigation ul ul {
	margin: 0px;
	padding: 0px 0px 0px 16px;
}

#navigation li {
	list-style-type: none;
	margin: 6px 0px 2px 0px;
}

#navigation a { 
	padding: 1px 5px;
}

#navigation a:link, #navigation a:visited { 
	text-decoration: none; 
}

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

/* Footer */

#footer { 	 
	border: solid 1px #003366;
	padding: 10px;
	text-align: center;
	background: #bdddf7;
}

#footer a  { 
	border: solid 1px #003366;
	text-decoration: none;
	padding: 1px 4px;
	font-weight: bold;
	margin: 0px 20px;
}

#footer a:link, #footer a:visited  { 
	background: #e5f0f7;
	color: #336699;
}

#footer a:hover, #footer a:active, #footer a:focus { 
	background: #ffffff;
	color: #003366;
}

/* Extra styles */

.pull { 
	background: #daf0fe;
	margin: 2px 6px;
	padding: 6px;
	border: solid 1px #003366;
	color: #003366;
	font-weight: bold;
	width: 140px;
}

.blue { 
	color: #336699;
}