/** global styles **/
html, body, div, ul {margin:0;padding:0}
/* defining font family for all elements */
body, input, select, option, textarea {
font-family: Arial, sans;
}
body {
min-width: 100em;
background-color: #E7EBEE;
background-image: url('../images/bg-body.gif');
background-repeat:repeat-x;
color: #929292;
font-size: 62.5% /* 1em = 10px - ref: http://www.maratz.com/blog/archives/2005/10/21/typetesters-base-font-size/ */
}
a {
color: #4aabe0;
text-decoration: none;
}
a:hover {
color: #ef7d15;
}
img {
border:0px none;
}
li {
list-style-type: none;
}
/** end global styles **/
/* Header Surrounding */
div#header {
background-image: url('/images/bg-header.gif');
background-repeat: repeat-x;
background-position: center 0;
height:12.3em;
text-align: center;
}
/* Header Positioning */
div#headerpos {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 100em;
}
/* Logo */
div#logo {
float:left;
padding: 18px 10px 10px 5px;
}
/* Menu Surrounding */
div#menupos {
float:right;
text-align:right;
}
/* Quick Launch Menu */
div#quicklaunch {
font-weight: bold;
padding: 11px 3px 20px 20px;
text-align:right;
}
div#quicklaunch ul{
list-style-type: none;
}
div#quicklaunch li {
display:inline;
padding-right: 11px;
}
div#quicklaunch ul a {
background-image: url('/images/bg-signup.gif');
background-repeat: no-repeat;
background-position: left .3em;
color: #ed7d15;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
}
div#quicklaunch ul a:hover {
color: #31859c;
}
/* Main Menu */
div#mainmenu {
padding-top: 31px;
padding-right:4px;
}
div#mainmenu ul
{
padding-top: .2em;
float: right;
}
div#mainmenu ul li {
float: left;
list-style-type: none;
}
div#mainmenu ul li a {
color: #31859c;
display: block;
font-size: 1.6em;
font-weight: bold;
float: left;
padding-bottom: 1px;
}
div#mainmenu ul li a:hover {
color: #ed7d15;
}
div#mainmenu ul li a span {
display: block;
padding-bottom: 15px;
padding-left: 23px;
padding-right: 23px;
padding-top: 13px;
}
/* Main Menu Selected */
div#mainmenu ul li.selected {
background-image: url('/images/bg-li-menu-sx.gif');
background-repeat: no-repeat;
background-position: 15px 0;
left: -15px;
position: relative
}
div#mainmenu ul li.selected a {
background-image: url('/images/bg-li-menu-dx.gif');
background-repeat: no-repeat;
background-position: right 0;
color: #ed7d15;
position: relative;
left: 15px
}
div#mainmenu ul li.selected a span {
background-image: url('/images/bg-li-menu-freccia.gif');
background-repeat: no-repeat;
background-position: center 40px
}
/* Content Wrapper */
div#contentsurround {
clear:both;
font-size: 1.2em;
width:80em;
margin-left: auto;
margin-right: auto;
margin-top:1em;
margin-bottom:1em;
}
div#contentsurround h1{
font-size: 1.4em;
font-weight: bold;
letter-spacing: normal;
margin-bottom: .2em;
}
div#contentsurround h2{
font-size: 1.2em;
font-weight: bold;
letter-spacing: normal;
margin-bottom: .2em;
}
div#contentsurround h3 {
font-size: 1em;
font-weight: bold;
letter-spacing: normal;
line-height: 1.4em;
}
div#contentsurround p {
line-height: 1.4em;
margin-bottom: .2em;
}
/* Footer */
div#footer {
clear:both;
width:99em;
text-align:center;
height: 2.8em;
margin-left: auto;
margin-right: auto;
}
ul.listalinks li {
display: inline;
}
ul.listalinks li a {
background-image: url('/images/bg-li-footer.gif');
background-position: right .2em;
background-repeat: no-repeat;
padding-bottom: .2em;
padding-left: 1.1em;
padding-right: 1.2em;
padding-top: .2em;
color: #929292;
}
ul.listalinks li a:hover {
color: #ef7d15;
}
ul.listalinks li.last a {
background-image: url('none');
padding-right: 1.1em
}
div#footer ul.listalinks li.first a {
padding-left: .2em;
}
div#flash1
{
padding-top:15px;
float:right;
text-align:right;
width:700px;
height:302px;
}
div#homesurround{
clear:both;
}
div#homeblock {
float:left;
padding-top:10px;
width:210px;
}
div#homeblock h1 {
color: #ef7d15;
}
div#hometext {
text-align:center;
width:100%;
}
div#maps
{
width: 410px;
float:right;
overflow: hidden;
padding: 15px 22px 15px 22px;
}
/*Home boxes*/
.homebox_pre
{
width: 250px;
height: 15px;
background-image: url('/template/i/halfbox_top300.gif');
background-repeat: no-repeat;
overflow: hidden
}
.homebox
{
width: 250px;
height: 725px;
background-image: url('/template/i/halfbox_mid300.jpg');
background-repeat: no-repeat;
background-color: #FFF;
}
.homebox_post {
background-image: url('/template/i/halfbox_bot300.gif');
width:250px;
background-repeat: no-repeat;
height: 9px;
font-size:9px;
overflow: hidden
}
.homeboxH2
{
color: #ef7d15;
font-size: 16px;
text-align: center;
font-weight: bold;
}
.homebox h2 {
text-align:center;
color: #ef7d15;
font-size:16px;
text-align:center;
padding-bottom:5px;
padding-top:1px;
font-weight:bold;
}
.homeboxH3
{
color: #ef7d15;
font-size: 12px;
text-align: center;
font-weight: bold;
}
.homebox h3 {
text-align:center;
color: #ef7d15;
font-size:12px;
text-align:left;
padding-bottom:5px;
padding-top:1px;
font-weight:bold;
}
div#homebox1 {
float:left;
width:250px;
}
div#homebox3 {
float:right;
padding: 0px 22px 0px 22px;
width:250px;
}
div#homebox2 {
float:right;
width:250px;
}
.homebox p {
text-align:left;
}
.boxed_content { padding: 1px 16px 1px 16px; }
div#flash2
{
clear:both;
}
/* OLD STYLES TO INCLUDE UNTIL EACH ARE CLEANED UP */
div#content {
clear: both;
position: relative;
}
div#footer_overlay1
{
width:150px;
position: relative;
top:-26px;
left:775px;}
div#footer_overlay1 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}