html {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
background-color:#fff;
font:normal 100% Verdana, sans-serif;
font-size : 24pt;
color:#000;
text-align:center;
}
.center {
text-align:center;
}
a:link, a:visited {
font-weight:bold;
font-size:36pt;
text-decoration:none;
display: block;
padding:0px 0px;
margin : 10px;
width : 90% ;
background:#116C98;
transition-duration:0.3s;
color:#eee;
float : left;
text-align:center;
border-radius : 10px;
}
a:hover {
color:#c1c401;
}
audio
{
}
#wrapper {
margin-left : auto;
margin-right : auto;
padding:0;
text-align:left;
vertical-align: middle;
}
#header h1 {
text-align:center;
font-size: 34pt;
}
#header h2 {
text-align:center;
font-size: 24pt;
}
#header {
margin-left : auto;
margin-right : auto;
width : 90% ;
top:15px;
}
/*position quotes*/
#quotes {
display: none;
}
#quotes-span {
display: none;
}
/*position address*/
#address {
position: relative;
top: 0px;
font-size : 36pt;
left: 30%;
right : 10%;
text-align:center;
font-weight:bold;
overflow:auto;
border : 1px solid #116C98;
background-color:#f5f6d6;
border-radius : 10px;
display: table;
}
#address-span {
display: table-cell;
vertical-align: middle;
}
#address .phone {
color:#116c98;
}
/*style quotes */
#quotes {
width:200px;
height:140px;
margin:2px;
padding:3px;
color:#c1c401;
font-weight:bold;
overflow:auto;
border : 1px solid #116C98;
background-color:#f5f6d6;
border-radius : 10px;
display: table;
}
#quotes p, #address p {
margin:0;
padding:3px;
}
#quotes .author {
text-align:right;
color:#116c98;
}
/*clearfix*/
#clearfix:after, #news p.newsHead:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#clearfix, #news p.newsHead {display: inline-table;}
/* Hides from IE-mac \*/
* html #clearfix, * html #news p.newsHead {height: 1%;}
#clearfix, #news p.newsHead {display: block;}
/* End hide from IE-mac */
/*position left div*/
#left {
float:left;
margin:0 0 0 30px;
width:180px;
}
*html #left {
margin:0 0 0 15px;
}
/*style navigation*/
#nav-wrapper
{
max-width:90%;
margin:0 auto;
padding:20px;
}
ul#nav
{
list-style:none;
margin:0 auto;
padding:0;
overflow: auto;
}
ul#nav li
{
display:inline;
}
ul#nav li a
{
text-decoration:none;
display: block;
width: 45%;
padding: 20px 5px 20px 5px;
margin : 10px;
background:#116C98;
transition-duration:0.3s;
color:#eee;
float : left;
text-align:center;
border-radius : 10px;
}
ul#nav li a:hover
{
background:#C1C401;
color:#116C98;
}
/*style mailing list*/
#mailing {
margin-top:15px;
}
#mailing p {
margin:0;
padding:3px 0;
}
#mailing form input {
border:1px solid #116c98;
font:normal 100% Verdana, sans-serif;
color:#116c98;
}
#mailing a:link, #mailing a:visited {
font-size:80%;
}
/*style main*/
#main {
position:relative;
margin-left : auto;
margin-right : auto;
max-width : 90%;
padding: 10px;
border:0px solid #116c98;
min-height:350px;
border-radius:20px;
}
*html #main {
height:350px;
}
/*style news and events*/
#news {
position:relative;
margin:15px 30px;
}
#news p {
margin:5px 0;
padding:5px;
background-color:#e0ecf2;
border:1px solid #116c98;
}
#news p.newsHead {
clear:both;
}
#news p.newsHead strong {
float:left;
}
#news p.newsHead span {
float:right;
}
/*copyinfo*/
#copyinfo {
margin:20px auto;
text-align:center;
}
#copyinfo p {
margin:3px auto;
}
/*orderForm*/
.orderForm:after, .showdownload p:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.orderForm, .showdownload p {display: inline-table;}
/* Hides from IE-mac \*/
* html .orderForm, *html .showdownload p {height: 1%;}
.orderForm, .showdownload p {display: block;}
/* End hide from IE-mac */
.orderForm p {
width:100%;
clear:right;
margin:10px 0;
padding:0;
}
.orderForm p label {
float:left;
width:30%;
}
.orderForm p input, .orderForm p select, .orderForm p textarea {
float:right;
width:60%;
border:1px solid #116c98;
font:normal 100% Verdana, sans-serif;
}
.orderForm p textarea {
height:70px;
}
.orderForm p input.submit {
width:auto;
}
/*downloads*/
.showdownload p {
clear:both;
}
.showdownload p img {
float:left;
border:1px solid #000;
margin-right:10px;
}