@charset "UTF-8";
/* CSS Document */

body {
background-image:url(../images/Avanti_background.jpg);
background-repeat: repeat;
background-color: #352D42;
color: #FFF;
text-align: center;
margin: 20px;
}

/*--BACKGROUND ELEMENT--*/
#logo_a {
position: absolute;
top: 6px;
left: 60px;
z-index: 0;
width: 360px;
height: 230px;
}

/*--HEADER--*/

#container_header {
width: 760px;
position: relative;
text-align: left;
margin: 0px auto;
line-height: 90px;
vertical-align: middle;	
height: 90px;
}

#logo {
width: 220px;
height: 90px;
float: left;
}

/*--NAVIGATION--*/

#navigation {
float: right;
height: 90px;
line-height: 90px;
vertical-align: middle;	
}

#navigation p {
font: 12px/90px normal Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
}

#navigation a, a:visited {
font: 12px/90px normal Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
}

#navigation a:hover {
color: #FFFFCC;
text-decoration: underline;
} 

#navigation ul, li {
font: 12px/90px normal Verdana, Arial, Helvetica, sans-serif;
display: inline;
padding: 1px 6px;
list-style-type:square;
} 

.sidenav ul {
margin: 0;
display:list-item;
padding: 10px 0 20px 15px;
font: 13px/15px bold Verdana, Arial, Helvetica, sans-serif;
}

.sidenav li {
padding-top: 2px;
display:list-item;
list-style: square;
font: 13px/15px bold Verdana, Arial, Helvetica, sans-serif;
}

/*--FLASH--*/

#flash_content {
position: relative;
width: 760px;
height: auto;
text-align: left;
margin: 0px auto;
margin-top: 0.4em;
}

#flash {
position: relative;
width: 760px;
height: 300px;
background-color: #000;
}

#flash_index {
position: relative;
width: 760px;
height: 300px;
background-color: #000;
}

/*--FOOTER--*/

#footer_content {
position: relative;
width: 760px;
height: 360px;
text-align: left;
margin: 0px auto;
background-color: #000;
margin-top: 0.6em;
padding-top: 0.6em;
}

#footer_content h1 {
font: 16px/22px normal Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: normal;
}

#footer_content p {
font: 10px/14px normal Arial, Helvetica, sans-serif;
}

#footer_content a, a:visited, a:active {
text-decoration: underline;
color: #FFFFCC;
}

#footer_content a:hover {
text-decoration: none;
color: #FFFFCC;
}

#box_left {
width: 202px;
height: 260px;
float: left;
margin-left: 8px;
margin-right: 8px;
padding-left: 1em;
padding-right: 1em;
border-left: 1px solid #353535;
}

#box_left h1 {
font: 16px/22px normal Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: normal;
}

#box_left h2 {
font: 13px/15px bold Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: bold;
}

#box_left h2 a {
color: #FFFFCC;
font-weight: bold;
}

#box_left p {
font: 10px/14px normal Arial, Helvetica, sans-serif;
}

#box_left a, a:visited, a:active {
text-decoration: underline;
color: #FFFFCC;
}

#box_left a:hover {
text-decoration: none;
color: #FFFFCC;
}

#box_middle {
width: 202px;
height: 260px;
float: left;
margin-left: 8px;
margin-right: 8px;
padding-left: 1em;
padding-right: 1em;
border-left: 1px solid #353535;
}

#box_middle h1 {
font: 16px/22px normal Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: normal;
}

#box_middle h2 {
font: 13px/15px bold Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: bold;
}

#box_middle h2 a {
color: #FFFFCC;
font-weight: bold;
}

#box_middle p {
font: 10px/14px normal Arial, Helvetica, sans-serif;
margin-bottom: 0.5em;
}

#box_middle a, a:visited, a:active {
text-decoration: none;
color: #FFFFCC;
}

#box_middle a:hover {
text-decoration: underline;
color: #FFFFCC;
}

#box_middle img {
border: 0;
margin-bottom: 0.3em;
}

#box_right {
width: 206px;
height: 260px;
float: left;
margin-left: 8px;
margin-right: 8px;
padding-left: 1em;
padding-right: 1em;
border-right: 1px solid #353535;
border-left: 1px solid #353535;
}

#box_right h1 {
font: 16px/22px normal Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: normal;
}

#box_right h2 {
font: 13px/15px bold Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: bold;
}

#box_right p {
font: 10px/14px normal Arial, Helvetica, sans-serif;
}

#box_right a, a:hover, a:visited, a:active {
color: #FFFFCC;
text-decoration: underline;
}

#box_right a:hover {
color: #FFFFCC;
text-decoration: none;;
}

/*--COPYRIGHT--*/

#copyright {
position: relative;
width: 760px;
height: 34px;
line-height: 34px;
vertical-align: middle;
text-align: left;
margin: 0px auto;
margin-top: 0.6em;
}

#copyright p {
font: 10px/34px normal Arial, Helvetica, sans-serif;
}

#copyright a, a:visited, a:active, a:hover {
color: #FFF;
}

#copyright_ left {
float: left;
width: 380px;
text-align: left;
padding: 0;
margin: 0;
}

#copyright_right {
float: left;
width: 380px;
text-align: right;
padding: 0;
margin: 0;
}

/*--CONTENT--*/

#container_content {
width: 760px;
position: relative;
text-align: left;
margin: 0px auto;
margin-top: 0.4em;
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#main_content {
	margin: 0 auto;
	width: 100%;
	background-color: #000;
} 

#main_content_top {
	height: 10px;
	background-color: #000;
} 

#main_content_bottom {
	height: 30px;
	background-color: #000;
}

.content {
float: left;
width: 510px;
text-align: justify;
padding: 0 30px 0 30px;
color: #FFF;
}

.content p {
font: 12px/14px normal Verdana, Arial, Helvetica, sans-serif;
margin-top: 8px;
margin-bottom: 8px;
}

.content a, a:visited, a:active {
color: #FFFFCC;
text-decoration: underline;
!important;
}

.content a:hover {
color: #FFFFCC;
text-decoration: none;
!important;
}

.content h2 {
font: 14px/16px bold Verdana, Arial, Helvetica, sans-serif;
margin-top: 2px;
color: #FFF;
font-weight: bold;
}

.content h3 {
font: 12px/14px bold Verdana, Arial, Helvetica, sans-serif;
margin-top: 4px;
color: #FFF;
font-weight: bold;
}

.sidenav {
width: 139px;
float: left;
padding: 0 20px 0 20px;
border-right: #353535 1px solid;
font: 10px/14px normal Arial, Helvetica, sans-serif;
}

.sidenav_title {
font: 13px/15px bold Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
}

.sidenav a, a:visited {
font: 10px/14px normal Arial, Helvetica, sans-serif;
color: #FFFFCC;
text-decoration: underline;
}

.sidenav a:hover {
font: 10px/14px normal Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
}