ul.navilist{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}
ul.navilist li{
	display:inline;
	list-style-type:none;
	padding:0 1em;
	margin:0;
}
	
.divider {
	border-bottom:1px solid;
}


div.box-right{
	clear:right;
	width:50%;
	border:1px solid black;
	float:right;
	margin:0em 0em 0.5em 0.5em;
}

div.box-right h2.top{
	background-color:lime;
	border-bottom:1px solid black;
	margin:0px;
	padding:0em 0.5em;
	font-size:1em;
}

div.box-right div.pad{
	padding:0.5em;
}

th{
	text-align:right;
}

/* The flyout styles were copied form Example.org's contentStyles.css style sheet */

.flyout-left{
    float:left;
    width:25%;
    background-color:#F7F7F7;
    margin: 0 1em 1em 0;
    padding:1em;
    border:1px solid #FF7D00;
    font-size:0.8em;
    clear:left;
}

ul.flyout-left, ol.flyout-left{
    padding-left:2em;
}

.flyout-right{
    float:right;
    width:25%;
    background-color:#F7F7F7;
    margin:0 0 1em 1em;
    padding:1em;
    border:1px solid #FF7D00;
    font-size:0.8em;
    clear:right;
}

ul.flyout-right, ol.flyout-right{
    padding-left:2em;
}


table.data{
	padding: 0px; margin: 0px; border: 0px none; border-spacing: 0px; border-collapse:collapse;
}
	
table.data tbody td,
table.data tfoot td,
table.data tbody th,
table.data tfoot th{
    padding:0.25em 1em;
    border-top:1px solid #D9D9D9;
}

table.data thead td,
table.data thead th{
    padding:0.25em 1em;
    border-bottom:1px solid #808080;
    text-align:left;
}
table.data tbody th{
    text-align:left;
}


body {
	background-color:#ECF1F2;
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:0.9em;
}
input,textarea{ /* This fixes IE problem where button font is the wrong size */
	font-size:1em;
}

form{
	margin:0px;
}

body,textarea,input{
	font-family: Verdana, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
}

.clearall{
	clear:both;
}

label{
	cursor:pointer;
}

h1{	font-size:2.1em;}
h2{	font-size:1.3em;}
h3{	font-size:1.2em;}
h4{	font-size:1.1em;}
h5{	font-size:1.0em;}
h6{	font-size:0.9em;}


#banner{
	display:block; width:100%; height:55px;
	background-color: #C60033;
	border-bottom:4px solid #E6C8D2;
}

#banner h1,#banner .logo{
	margin:0px;
	padding:14px 0px 0px 24px;
	color:#ECF1F2;
	white-space:nowrap;
	font-size:1.5em;
	font-weight:bold;
}
#banner h1 a,#banner .logo a{
	color:#ECF1F2;
	text-decoration:none;
}


h1,h2,h3,h4,h5,h6{
	margin-bottom:0;
}
p,ul{
	margin-top:0;
}

.homepagefloat{
	float:right;
	margin-left:2em; margin-bottom:1em;
		margin-top:-1em;
	}




#banner #login{
	position:absolute;
	top:16px;
	right:24px;
	font-size:1.2em;
}

#banner #login a{
	color:#ECF1F2;
	text-decoration:none;
}

#banner img{
	vertical-align:-10%;
}


#content{
	margin:24px;
}

#menu{
	display:block; 
	position:absolute;
	left:8px;
	top:124px;
	width:128px;
}

#footer{
	clear:both;
	background-color:#D4D8D9;
	width:75%;
	margin:3em auto 0 auto;
	padding:0.4em;
	text-align:center;
}