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; }