/* First we set some default values for the entire site */
body {
	background: White;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	text-align: left;
	}

/* DIV section */
#page {width: 100%;}

#header {background: #4974b4; height: 100px;}

#left {float: left; width: 180px; margin: 10px 0px;}

.left {padding: 10px;  background: #b3c9e9; margin-bottom: 10px;}

#right {margin: 10px 0px 0px 200px; padding: 0px 10px; border-left: solid 1px; border-right: solid 1px;}

#footer {margin: 10px 0px 10px 0px; color: #ddd; text-align: right; border-top: solid 20px #4974b4;}

/* HEADING section */
h3 {
	margin: 0px; 
	padding: 0px 10px; 
	line-height: 20px; 
	font-size: 14px;
	font-weight: bold;
	color: White; 
	background: #4974b4; 
	border: solid 1px;
	}

h4 {
	margin: 0px;
	padding: 0px 10px;
	line-height: 20px;
	font-size: 14px;
	background: #b3c9e9;
	}

/* LIST section */
ul {margin: 10px 20px; padding: 0px;}

/* LINK section */
a {text-decoration: none;}

a.menu {color: white; font-weight: bold; padding: 5px; line-height: 20px;}
a.menu:hover {color: #ffffff; background: #4974b4;}
a.menu:active {color: #4974b4;}

a#footer {color: #b3c9e9;}
a#footer:hover {color: Black;}
a#footer:active {color: Red;}

a.inline {color: #4974b4;}
a.inline:hover {color: Black;}
a.inline:active {color: Red;}