/* Reset */
html, body {
margin: 0;
padding: 0;
border: 0;
background: transparent;
font-size:12px;
}
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
textarea { resize:none; }
img {
margin:0;
padding:0;
border:0;
}
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
input, select, textarea, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
*/
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
}
ol, ul { list-style-position: inside; }
/*--------------------------------------------------------------------------------------------*/
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/*--------------------------------------------------------------------------------------------*/
/* Global */
body{
background-color:#BBBBBB;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NkYGCYCcTIwJgRTdAYyD+LLAgWAGmBCcIFYIJnYCpgBgMAYCEHNhLWdkMAAAAASUVORK5CYII=) repeat, -moz-linear-gradient(top, #BBBBBB, #333333); /* Firefox 3.6+ */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NkYGCYCcTIwJgRTdAYyD+LLAgWAGmBCcIFYIJnYCpgBgMAYCEHNhLWdkMAAAAASUVORK5CYII=) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BBBBBB), color-stop(100%, #333333)); /* Chrome, Safari 4+ */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NkYGCYCcTIwJgRTdAYyD+LLAgWAGmBCcIFYIJnYCpgBgMAYCEHNhLWdkMAAAAASUVORK5CYII=) repeat, -webkit-linear-gradient(top, #BBBBBB #333333); /* Chrome 10+, Safari 5.1+ */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NkYGCYCcTIwJgRTdAYyD+LLAgWAGmBCcIFYIJnYCpgBgMAYCEHNhLWdkMAAAAASUVORK5CYII=) repeat, -o-linear-gradient(top, #BBBBBB, #333333); /* Opera 11.10+ */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NkYGCYCcTIwJgRTdAYyD+LLAgWAGmBCcIFYIJnYCpgBgMAYCEHNhLWdkMAAAAASUVORK5CYII=) repeat, -ms-linear-gradient(top, #BBBBBB, #333333); /* IE 10+ */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKUlEQVQIW2NkYGCYCcTIwJgRTdAYyD+LLAgWAGmBCcIFYIJnYCpgBgMAYCEHNhLWdkMAAAAASUVORK5CYII=) repeat, linear-gradient(top, #BBBBBB, #333333); /* W3C */
background-attachment:fixed;
}
/*--------------------------------------------------------------------------------------------*/
/* Header */
#wrapper_top { height:150px; }
#logo {
display: block;
margin-left: auto;
margin-right: auto;
}
#social_media_icons {
float:right;
margin:10px;
}
#social_media_icons ul li { display:inline; }
/*--------------------------------------------------------------------------------------------*/
/* Top Navigation */
#wrapper_topnav {
width:1140px;
height:35px;
padding-top:5px;
border-top:5px solid #1F497D;
}
#topnav {
width:1140px;
height:34px;
background:#99ccff;
}
#topnav ul {
font-size:14px;
margin:0px;
padding:0px;
list-style:none;
}
#topnav ul li {
display:block;
position:relative;
float:left;
}
#topnav li ul { display:none; }
#topnav ul li a{
display:block;
text-decoration:none;
font-weight: bold;
color:#1F497D;
padding: 10px 31px 10px 31px;
margin:0px 8px;
background:#99ccff;
white-space:nowrap;
position:relative;
z-index:9999;
}
#topnav ul li a:hover{
/*background:#84C8C9;*/
background:#cbefef;
}
#topnav li:hover ul{
display:block;
position:absolute;
}
#topnav li:hover li{
float:none;
font-size:14px;
}
#topnav li:hover a{
/*background:#84C8C9;*/
background:#cbefef;
}
#topnav li:hover li a:hover{ background:#ACDAE6; }
/*--------------------------------------------------------------------------------------------*/
/* Container */
#container {
background:#ffffff;
padding-top:20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
margin:10px;
}
#container h1, p, td {
padding:5px 0px;
}
#container h3 {
padding-top:20px;
}
#container td {
vertical-align:top;
}
#container p {
text-align:justify;
line-height:200%;
}
#container li {
line-height:200%;
}
.contacttext {
width:350px;
}
/*--------------------------------------------------------------------------------------------*/
/* Gallery */
.gallery {
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
width: 700px; height: 400px; background: #000
}
/*--------------------------------------------------------------------------------------------*/
/* Calender */
#loading {
position: relative;
top: 0px;
left: 0px;
}
#calendar {
width: 800px;
margin: 0 auto;
}
/*--------------------------------------------------------------------------------------------*/
/* Footer */
#wrapper_footer { clear:both; background-color:#FFFFFF; }
#copyright p {
color:#fff;
text-align:center;
}
#webmaster p, #webmaster a {
color:#fff;
text-align:center;
}
/*--------------------------------------------------------------------------------------------*/
/* Tables */
#committeetable td {
background-color:#FC9;
padding:10px;
margin:5px;
border:5px solid #fff;
text-align:justify;
line-height:150%;
}
#committeetable td.tdtitle {
text-align:left;
}
.comtitle, .comname {
font-size:14px;
font-weight:bold;
color:#900;
}
.comemail, .comaddress {
font-weight:bold;
}
/*--------------------------------------------------------------------------------------------*/
/* Outer */
#outer {
width:1140px;
margin:0 auto;
box-shadow: -10px 0 10px rgba(0, 0, 0, .45), 10px 0 10px rgba(0, 0, 0, .45);
-moz-box-shadow: -10px 0 10px rgba(0, 0, 0, .45), 10px 0 10px rgba(0, 0, 0, .45);
-webkit-box-shadow: -10px 0 10px rgba(0, 0, 0, .45), 10px 0 10px rgba(0, 0, 0, .45);
}
/*--------------------------------------------------------------------------------------------*/
/* Wrapper */
#wrapper {
width:1140px;
margin-top:0px;
background-color:#ffffff;
}
/*--------------------------------------------------------------------------------------------*/
/* Paragraph links */
p a {
font-weight: bold;
text-decoration: underline;
}
p a:hover {
color: #4BACC6;
}