body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 120%;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
}

h1 { font-size: 160%; font-weight: bold;}
h2 { font-size: 110%;}
h3 { font-size: 100%;}
h4 { font-size: 120%;}
h5 { font-size: 120%; font-weight: bold;}
h6 { font-size: 90%;}
h7 { font-size: 100%; color: #FFF; front-weight: bold;}
h8 { font-size: 100%; text-align: left;}
h9 { font-size: 120%; text-align: left; font-weight: bold;}
h10 { font-size: 160%; font-weight: bold; text-align: center;}
h11 { font-size: 120%; font-weight: bold; text-align: center;}
h12 { font-size: 100%; text-align: center;}
h13 { font-size: 100%; color: #FF0000; font-weight: bold;}
h14 { font-size: 120%; color: #21368B; font-weight: bold;}
h15 { font-size: 120%; text-align: center;}
h16 { font-size: 70%;}
h17 { font-size: 120%; text-align: left; font-weight: bold; color: #21368B;}

#content2 {
	padding: 1em 0em 0em 0em;
	width:60%;
	float:left;
	color: #888;
	font-size: 160%; font-weight: bold;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}

#content3 {
	padding: 1em 0em 0em 0em;
	width:40%;
	float: right;
	color: #888;
	font-size: 100%;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
}

#content5 {
	width:40%;
	float:left;
	color: #888;
	font-size: 120%; font-weight: bold;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}

#content6 {
	width:47%;
	float: left;
	color: #888;
	font-size: 120%;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#banner1 {
	background: #FF4A00;
	padding: 0em 0em 0em 0em;
	width:88%;
	float:left;
	color: #888;
	font-size: 160%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#banner2 {
	background: #21368B;
	width:10%;
	float:right;
	color:#FFF;
	text-align: left;
	line-height: 140%;
	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-weight: bold; text-align: center;
	padding: .5em .5em .5em .5em;
}

#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 85%;
	margin: 0 auto;	
}

#content {
	background-color:#E5E5E5;
	padding: .5em .5em .5em .5em;
	color: #666;
	text-align:left;
}

#content4 {
	background-color:#E5E5E5;
	padding: 0em 0em 0em 0em;
	color: #666;
	text-align:center;
}

#wrapper-menu-page {
	background: #21368B;
	color:#FFF;
	text-align: center;
	line-height: 140%;
	font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-weight: bold; text-align: center;
	
}

#footer2 {
	width:40%;
	float:left;
	color: #888;
	height: 4em;
	font-size: 80%;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}

#footer3 {
	width:60%;
	float:right;
	color: #888;
	height: 4em;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	font-size: 80%;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 1em;
}

#container {
	background-color:#E5E5E5;
	width:100%;
	color: #666;
}
  
div.spacer {
    clear: both;
    height: 0px;
}

#main {
width:100%;
text-align: center;
} 

#main2 {
width:85.5%;
text-align: center;
border-style: solid;
} 

td.main2
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	font-weight: bold;
    margin: 0;
	color:#21368B;
}

td.main3
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    background-color: #6C0308;
	color:#FFF;
	font-weight: bold;
}

td.main4
{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
}

.keys { 
background-image: url('/images/keys.jpg'); 
background-repeat: repeat-y; 
background-position: center; 
background-attachment: fixed;
color:#21368B;
width:87%;
} 


td.default {
	background: url('/images/bubble-tan.jpg') no-repeat left top;
	background-position: 100% 1.5em;
	padding: 1.6em .5em 1em .2em;
}

td.default2 {
	background: url('/images/bubble-green.jpg') no-repeat left top;
	background-position: 100% 1.5em;
	width: 25%;
	padding: 1.6em .5em 1em .2em;
}

td.default3 {
	background: url('/images/bubble-gray.jpg') no-repeat left top;
	background-position: 100% 1.5em;
	width: 25%;
	padding: 1.6em .5em 1em .2em;
}

td.default4 {
	background: url('/images/bubble-tan.jpg') no-repeat left top;
	background-position: 100% 1.5em;
	width: 25%;
	padding: 1.6em .5em 1em .2em;
}

a:link, a:visited { color: #21368B; text-decoration: none; front-weight: bold;}
a:hover{ color: #666; text-decoration: none; }

/* The CSS Code for the menu starts here */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 2em 0;
				padding: 0 0 0 1em;
				list-style-type: none;
				font-size: 60%;
				background: #eee;
				height: 2em;
				-moz-border-radius: 1em;
				-webkit-border-radius: 1em;
				border-top: .1em solid #000;
				border-left: .1em solid #000;
				border-bottom: .1em solid #000;
				border-right: .1em solid #000;
			}
			#menu li {
				float: left;
				margin: 0;
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 1em;
				line-height: 2em;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				font-weight:bold;
				color:#0063DC;
			}

/* Blue Menu */
			#menu.blue {
				clear: both;
				border-top: .1em solid #356AA0;
				border-left: .1em solid #356AA0;
				border-bottom: .1em solid #204061;
				border-right: .1em solid #204061;
				background: #21368B;
			}
			#menu.blue a {color: #E5E5E5;}
			#menu.blue li a:hover, #menu.blue li.active a {
				font-weight:bold;
				color:#0063DC;
			}