/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #F3F3F3;
}

p, h1, h2, h3, h4, h5, a, ul, ol, li, td {
font: normal 12px Arial, Helvetica, Verdana, sans-serif;
color: #333;
}

p {
	margin: 0;
	color: #333333;
	line-height: 17px;
	padding: 4px 15px 16px 25px;
}

h1 {
	color: #00004E;
	margin-bottom: 15px;
	font: bold 18px Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 35px;
	padding-left: 25px;
}

h2 {
	padding: 0;
	text-align: left;
	color: #000;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h3 {
width: 450px;
margin: 0 auto 10px auto;
padding: 0;
border-bottom: 1px solid #666;
font: bold 16px Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase;
color: #c00;
}

ul, ol {
margin: 0;
padding: 0 40px 16px 40px;
}

address {
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	color: #000033;
	text-align: center;
	margin: 10px 14px;
	background: #F5F5F5;
	padding-top: 20px;
	padding-bottom: 20px;
}
address strong {
	color: #000033;
}
address a {
	font-size: 11px;
}



div {
margin: 0;
padding: 0;
}

/* ----------------- LINK STYLE ----------------- */
a:link, a:visited {
color: #0066CC;
text-decoration: underline;
}

a:hover, a:active {
color: #900;
text-decoration: none;
}

/* SUBPANEL */
div#signin {
	position: absolute;
	top: 12px;
	clear: both;
	width: 180px;
	text-align: right;
	z-index: 2;
	color: #000000;
	font-family: tahoma;
	right: 15px;
}

div#signin a {
	text-decoration: none;
	color: #00014C;
	font: bold 9px tahoma;
}

div#signin a:hover {
	color: #333333;}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
table, td, th {
border-collapse: collapse;
}

/* DIV ALL */
div#all {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

/* DIV HEADER */
div#header {
	width: 760px;
	margin: 0;
	padding: 0;
	position: relative;
	height: 236px;
	background: url(images/header.jpg) no-repeat left top;
}

/* DIV CONTAINER */
div#container {
	width: 760px;
	margin: 0 0px;
	padding: 0;
	background: #fff url(images/container_bg.gif) repeat-y left top;
	float: left;
}
/* DIV CONTENT */
div#content {
	width: 527px;
	vertical-align: top;
	float: left;
	text-align: left;
	background: url(images/content_bg.gif) no-repeat left top;
	position: relative;
}
div#content ul {
	padding-top: 0px;
	padding-bottom: 0px;
}


div#content li {
	padding-top: 3px;
	padding-bottom: 3px;
	color: #333333;
	list-style-image: url(images/bullet.gif);
	list-style-type: none;
}


div#flash {
	position: absolute;
	height: 236px;
	width: 558px;
	bottom: 0px;
	right: 0px;
	z-index: 1;
}
div#rightcolumn {
	float: left;
	vertical-align: top;
	width: 226px;
	position: relative;
}
/* DIV FOOTER */
div#footer {
	width: 725px;
	color: #FFFFFF;
	clear: both;
	height: 25px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0 auto;
	padding: 7px 0 0 35px;
	background: url(images/footer_bg.gif) no-repeat left top;
}



div#footer a:link, div#footer a:visited {
	font-size: 11px;
	color: #00004E;
	text-decoration: none;
	font-weight: bold;
}

div#footer a:hover, div#footer a:active {
text-decoration: underline;
}

/* DIV COPYRIGHT */
div#copyright {
	width: 725px;
	color: #000033;
	background: #F3F3F3;
	font: normal 9px Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	margin: 0 auto;
	padding: 3px 0 0 35px;
}

div#copyright a:link, div#copyright a:visited, div#footerright a:link, div#footerright a:visited {
font-size: 9px;
color: #000033;
text-decoration: none;
}

div#copyright a:hover, div#copyright a:active, div#footerright a:hover, div#footerright a:active {
color: #333;
text-decoration: underline;
}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) no-repeat left top;
}
 
div#applet div {
	position: absolute;
	top: 52px;
	left: 75px;
	width: 68px;
	height: 30px;
}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;
}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgcenter {
text-align: center;
margin: 0;
padding: 10px 0 15px 0;
}

.imgright {
	float: right;
	border: 1px solid #ECECEC;
	padding: 2px;
	margin-left: 15px;
	margin-bottom: 20px;
}
.imgrightborderless {
	float: right;
	padding-top: 0;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 10px;
}
.clearboth {
clear: both;
}

/* ----------------- MAIN NAVIGATION ----------------- */
div#navbox {
	position: absolute;
	left: 10px;
	bottom: 0px;
	width: 192px;
	background: url(images/navbg.jpg) no-repeat left top;
}
ul#mainnav {
	margin: 0px 0 0;
	padding: 0;
}

ul#mainnav li {
display: inline;
list-style: none;
}

ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	display: block;
	width: 192px;
	margin: 0;
	text-decoration: none;
	color: #00024B;
	text-align: left;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	background: #F3F3F3 url(images/navbullet.gif) no-repeat right center;
	text-indent: 20px;
	text-transform: uppercase;
	font: bold 11px Arial, Helvetica, sans-serif;
}

ul#mainnav li a.current:link, ul#mainnav a.current:visited, ul#mainnav li a:hover {
	color: #FFFFFF;
	background: #00014C url(images/navbullet_current.gif) no-repeat right center;
}

/* ----------------- CUSTOM CLASSES ----------------- */
.textcenter {
	text-align: center;
	margin: 10px 20px;
}
.pic1 {
	margin-right: 20px;
	float: right;
	border: 1px solid #E49D98;
}
.picborder {
	border: 1px solid #B7C297;
}
.border {
	border: 1px solid #A7B189;
}
#listfloatleft {
	float: left;
	list-style: url(images/bullet.gif);
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 15px;
	padding-left: 25px;
	margin-left: 10px;
}
strong {
	color: #00014C;
}
.netopia {
	padding-left: 15px;
}
.cta {
	margin-top: 55px;
}