* {
	margin:0;
	padding:0;
}

body {
    font:80%/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	border-top: 3px solid #777;
	background: #aaa url('background.gif');
}

/* <hr />'s added to mark-up for browsers without CSS */
hr {display:none}


#container {
	width: 94%; 
	min-width: 40em;
	max-width: 70em;
	text-align: left;
	margin: 1em auto;
	border: 2px solid #777;
	background: #fff;
}

/* float clearing - technique explained @ http://www.csscreator.com/attributes/containedfloat.php */
ul#menu:after, #container:after, #content:after {
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
}

html #menu {
	height:1%;
}


a {
	color: #204a87;
}

a:focus, a:hover, a:active {
	color:#729fcf;
}

a img {
	border: 0;
}


#header {
	background:#3465a4;
}
#header h1 {
    font:bold 3em/2.5 "Lucida Bright", Georgia, Times, serif;
	color: #eee;
	padding: 0.25em;
}

#nav {
	/*background: #c00 url("menu_pin.png") repeat-x top;*/
	background: #c00;
}

#menu{
		/*border-top: 2px solid #e22;*/
		border-bottom: 2px solid #aaa;
	}

#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu a {
	display: block;
	padding: 0.25em 1em;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	border-style: solid;
	border-color: #d11;
	border-width: 1px;
}

#menu a:focus, #menu a:hover, #menu a:active {
	background: #e22;
	color: #eee;
	border-style: solid;
	border-color: #f33;
	border-width: 1px;
}

#menu li { /* all list items */
	float: left;
}

#menu li ul { /* second-level lists */
	position: absolute;
	background: #ddd;
	border-top: 2px solid #aaa;
	width: 15em;
	z-index: 2;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li ul li {
	border: 0;
}

#menu li:hover ul, #menu li.over ul { /* lists nested under hovered list items */
	left: auto;
}

#menu li:hover, #menu li.over { 
	background: #e22;	
}

#menu li ul li a {
	color: #333;
	font-weight: normal;
	border-style: solid;
	border-color: #bbb;
	border-width: 0 1px 1px 3px;
	background: #ddd;
	width: 15em;
}

#menu li ul li a:focus, #menu li ul li a:hover, #menu li ul li a:active {
	background: #aaa;
	border-color: #bbb;
	border-left: 3px solid #777;
	color: #eee;
}

#content {
	clear: left;
	width: 72%;
	float: left;
	position: relative;
	margin: 0.5em;
	margin-left: 1em;
	margin-bottom: 1em;
	word-spacing: .1em;
}

#content h1{
	font:bold 2em/1 "Lucida Bright", Georgia, Times, serif;
	background: #729fcf url("faded_pin.gif") repeat-y left;
	color: #fff;
	padding: 3px;
	padding-left: 5px;
	border-left: 5px solid #3465a4;
	border-bottom: 1px solid #729fcf;

}

#content h2{
	font:bold 1.25em/1 "Lucida Bright", Georgia, Times, serif;
	color: #2c558a;
	background: #f0f0f0;
	padding: 2px;
	padding-left: 5px;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1em 0;
	clear:both;
}

#content h3.merit{
	color: #999;
}

#content h3.excellence{
	color: #c17d11;
}

#content h4{
	color: #3465a4;
	margin-bottom: 1em;
}

#content br{
	padding: 1em;
}

#content p{
	padding: 0.2em 1em 1em 1em;
	text-align: justify;
}

#content blockquote{
	padding: 0.2em 10% 1em 10%;
	font-style: italic;
	color: #777;
}

#content blockquote span.credit{
	color: #204a87;
}

#content ol, #content ul{
	padding: 0.2em 20% 1em 10%;
	text-align: justify;
}

#content ol ol, #content ul ul{
	padding: 0.2em 0 1em 10%;
	text-align: justify;
}

#content li{
	padding-bottom: 0.5em;
}

#content fieldset {
	border: 1px solid #888A85;
	padding: 0.5em 0.75em;
	
}

#content img{
	margin: 0.2em;
	border: 1px solid #ccc;
}

#content img.inline{
	float:left;
	margin: 0.2em 1em;
}

#content a img {
	border: 0;
}

#content div.errorIcon {
	background: #FCC;
	border: 2px solid #C00;
	padding: 0.25em;
	margin: 0.5em;
	color: #C00;
}

#content div.errorIcon  h1 {
	color: #C00;
	font-size: 14px;
	padding: 0.25em;
	padding-left: 20px;
	font-weight: bold;
	margin: 0;
	background: url('dialog-error.png') no-repeat center left;
	display: inline;
	border: None;
}

#content div.errorIcon h1.warning {
	background: url('dialog-warning.png') no-repeat center left;
}

#content div.errorIcon p {
	font-family: Courier New; 
	font-size: 11px;
	color: #888A85;
	border: 1px solid #555753;
	margin: 0.5em 0.25em;
	padding: 0.5em;
	background: #FFF;
}

#content div.messageIcon, #popup {
	background: #FFEFCF;
	border: 2px solid #FC6;
	padding: 0.25em;
	margin: 0.5em;
	color: #555753;
}

#content div.messageIcon  h1, #popup h1 {
	color: #2E3436;
	font-size: 14px;
	padding: 0.25em;
	padding-left: 20px;
	margin: 0;
	font-weight: bold;
	background: url('emblem-important.png') no-repeat center left;
	border: None;
}

#content div.messageIcon h1.information, #popup h1.information {
	background: url('dialog-information.png') no-repeat center left;
	font-size: 12px;
	display: inline;
	border: None;
}


#right {
	width: 25%;
	float: right;
	background: #ddd;
	padding: 0.2em;
	padding-bottom: 10px;
	border-left: 1px solid #aaa;
	border-bottom: 3px solid #aaa;
}

#right h1{
	font:bold 1.25em/1 "Lucida Bright", Georgia, Times, serif;
	color: #333;
	margin: 0 0.75em;
}

#right h1 img{
	margin: 0.5em 0;
	border: 2px solid #ccc;
}

#right p, #right ul{
	padding: 0.25em 1em;
	margin: 0.75em;
}

#right p.thumbnail{
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	padding: 1em;
}

#footer {
	clear: both;
	text-align: center;
	font: 0.85em/1.0 Verdana, Lucida, Helvetica, Arial, sans-serif;
	color: #777;
	border-top: 1px double #ccc;
	padding: 0.25em;
	background: #eee;
}