/***** Global Settings *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
/* font:100%/1.25 Arial, Helvetica, sans-serif; */
font: 14px/1.7em Georgia, serif;
}
/***** Headings *****/
/*
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
h3 {
font-size:1em;
font-weight:bold;
}
*/
H3 {
margin-top:1em;
font-size: 2em;
}
H4 {
font-size: 1.3em;
margin-top: 1.6em;
}
H5 {
font-size: 1.2em;
}
H6 {
font-size: 1.1em;
}
/***** Common Formatting *****/
/*
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
ul, ol {
padding:0 0 1.25em 2.5em;
}
*/
blockquote {
margin: 1.25em 0;
padding-left: 2em;
border-left: 7px solid #DDD;
}
code {
font: 14px/1.7em Courier, "Courier New", Mono;
}
small {
font-size:0.85em;
}
img {
border:0;
}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
/***** Links *****/
a, a:link {
color: #0021A5;
text-decoration: none;
}
a:hover {
color: #FF4A00;
text-decoration: none;
}
/***** Forms *****/
form {
margin:0;
padding:0;
display:inline;
}
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
textarea {
width:100%;
line-height:1.25em;
}
label {
cursor:pointer;
}
/***** Tables *****/
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
table tr td {
padding:2px;
}
/***** Global Classes *****/
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.wrap { width:920px;margin:0 auto; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
/***** Global Classes End *****/
/* Topbar */
#topbar {
width: 100%;
height: 32px;
text-align: center;
background-color: #FF4A00;
}
#topbarcontent {
line-height: 32px;
over-flow: hidden;
color: white;
}
#forecast {
float:left;
}
#util {
float:right;
}
#util a {
color: white;
}
#util a:hover {
color: #0021A5;
}
#searchInput {
border: none;
height: 16px;
padding-top: 1px;
padding-bottom: 2px;
}
#searchButton {
border: 1px solid white;
background-color: #FF4A00;
height: 22px;
color: white;
margin-left: 3px;
font-family: Georgia, Serif;
}
#searchButton:hover {
background-color: #0021A5;
}
/* Topbar End */
/* Header */
#header {
background-color: #0021A5;
overflow:visible;
height: 183px;
}
/* for Google Chrome and Apple Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#header {
height: 181px;
}
}
#headercontent {
padding: 0;
}
#logo {
background-color: #0021A5;
height: 125px;
padding: 0 0 0 0;
overflow: visible;
background: url(../style/title.png) no-repeat;
}
/* Header End */
/* Navigation Menu */
#nav {
list-style:none;
width: 920px;
min-width:920px;
margin:0 auto;
padding:0;
display: block;
}
#nav > li {
float: left;
width:115px;
margin:0;
padding: 0;
display: block;
list-style:none;
text-align: center;
text-indent:0;
overflow: visible;
position:relative;
}
#nav li div {
font-size: 14px;
font-weight: normal;
}
#nav li a {
color: white;
display: block;
padding-top: 5px;
padding-bottom: 5px;
}
#nav li a:hover {
background-color: #FF4A00;
}
.navmenu {
display: none;
text-align: left;
clear: both;
padding: 0;
margin: 0;
overflow: visible;
white-space:nowrap;
z-index: 100;
zoom: 1;
position: absolute;
left:0;
cursor: pointer;
}
/* {
opacity: 1;
-moz-opacity:1;
filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
}*/
.navmenu li, .navmenuright li {
background-color: #0021A5;
list-style: none;
margin: 0;
padding: 0;
}
.navmenu li a, .navmenuright li a {
display: block;
padding-left: 10px;
padding-right: 10px;
}
.navmenuright {
display: none;
clear: both;
padding: 0;
margin: 0;
overflow: visible;
white-space:nowrap;
z-index: 100;
zoom: 1;
text-align: right;
position: absolute;
right: 0;
}
#nav_act ul{
width: 375px;
}
#nav_svc ul{
width: 185px;
}
#nav_clb ul{
width: 145px;
}
#nav_abt ul{
width: 240px;
}
/* Navigation Menu End */
/* Common Defs */
#container {
/*background-color: #FFFFDD; */
overflow: auto;
height:auto;
padding: 20px 0;
border-bottom: 1px solid #DDD;
z-index: -1;
}
.sidebar {
width: 202px;
text-align:right;
border-right: 1px solid #DDD;
padding-right: 27px;
line-height: 2em;
float: left;
}
.content {
width: 632px;
float: right;
padding-left: 58px;
overflow: visible;
position: relative;
z-index: 0;
}
.sidenote {
position: absolute;
right: 690px;
width: 202px;
padding-right: 27px;
margin-top: 1em;
#margin-top: 0;
text-align: right;
line-height: 2em;
border-right: 1px solid #DDD;
}
/*.sidenote:after {
content: '← ';
}*/
.metaname {
color: #FF4A00;
margin-top: 1.5em;
/* text-transform: lowercase; */
}
.metavalue {
}
.metaentry {
margin-bottom: 2em;
}
.imagecomment {
border: 10px solid #DDD;
background-color: #DDD;
display: table;
margin: 0 auto;
}
.imagecomment div {
padding-top: 5px;
text-align: center;
}
/* Common Defs End */
/* Index */
#latestNews {
float:left;
width: 430px;
height: 360px;
overflow:hidden;
margin: 10px 0 30px 0;
}
#latestNews ul {
padding: 0;
}
#latestNews H3 {
margin-top: 0.5em;
}
#slideshow {
float:right;
height: 345px;
overflow:hidden;
margin: 15px 0 30px 0;
}
.panel-overlay H6{
margin: 5px 0 0 0;
font-size: 1em;
}
.panel-overlay p {
margin: 0;
font-size: 0.8em;
line-height: 1.4em;
}
#focuscontainer {
clear:both;
border-top: 1px solid #DDD;
}
.focus {
float: left;
width: 220px;
padding-right: 10px;
text-align:center;
margin-top: 10px;
}
.focus ul{
padding: 0;
}
.focus H4 {
display: block;
height: 2.6em;
}
/* Index End */
/* Sponsorbar */
/*
#sponsors {
overflow: hidden;
height: 172px;
line-height: 172px;
}
.sponsorScrollButtons {
position: relative;
top: 30px;
cursor: pointer;
}
.sponsorbanner {
float: left;
width: 202px;
padding: 0 20px 0 0;
margin: 30px 0;
}
.sponsorbanner a, .lastsponsor a {
display: block;
border: 1px solid #DDD;
text-align: center;
padding: 5px;
}
.sponsorbanner a:hover, .lastsponsor a:hover {
border: 1px solid #FF4A00;
}
.lastsponsor {
float: left;
width: 202px;
padding: 0;
margin: 30px 0;
}
*/
#sponsors {
overflow: hidden;
height: 112px;
line-height: 112px;
padding: 30px 0;
position:relative;
}
#sponsorcontainer {
height: inherit;
overflow: hidden;
/* left: -880px; */
}
.scrollpanel {
float: left;
width: 880px;
height: 100%;
z-index: -1;
}
.scroll {
width: 880px;
height: 112px;
float: left;
overflow: hidden;
}
.scroll * {
}
.sponsorScrollButtons {
cursor: pointer;
width: 8px;
height: 12px;
padding: 49px 5px;
border: 1px solid transparent;
z-index: 200;
}
.sponsorScrollButtons:hover {
border: 1px solid #FF4A00;
}
.sponsorbanner {
float: left;
width: 202px;
padding: 0 20px 0 0;
margin: 30px 0;
}
.sponsoritem {
float: left;
width: 202px;
padding: 0 9px;
}
.sponsorbanner a, .sponsoritem a{
display: block;
border: 1px solid #DDD;
text-align: center;
padding: 5px;
}
.sponsoritem a:hover, .sponsorbanner a:hover {
border: 1px solid #FF4A00;
}
/* Sponsorbar End */
/* Footer */
#footer {
clear:both;
padding: 20px 0;
border-top: 1px solid #DDD;
font-size: 13px;
margin-bottom: 80px;
}
#footer ul {
margin: 0 auto;
padding: 0;
}
#footer ul li {
list-style:none;
}
#footer ul li a {
}
/* Footer End */
/* News Details */
#newslist {
padding: 0;
margin: 0;
}
#newslist li{
text-indent:0;
overflow: hidden;
}
#contentnav {
text-align:center;
border-bottom: 1px solid #DDD;
margin:0 0 20px 0;
/*#margin:2em 0 20px 0;*/
width: 230px;
}
#next {
border-right: 1px solid #DDD;
width: 115px;
}
#prev {
border-right: 1px solid #DDD;
float: right;
width: 115px;
}
#newsbody {
margin-bottom: 1.5em;
}
#comments {
border-top: 1px solid #DDD;
clear:both;
}
#comments H3 {
margin-top: 0.8em;
#margin-top: 0.1em;
margin-bottom: 0.8em;
line-height: 2em;
}
.commententry {
}
.commentmeta {
line-height: 1.7em;
}
.commentmessage {
margin-bottom: 3em;
}
.commentauthor {
color: #FF4A00;
}
#leavecomment {
border-top: 1px solid #DDD;
clear:both;
}
#leavecomment H3 {
margin-top: 0.8em;
margin-bottom: 0.8em;
line-height: 2em;
}
#postcommentform {
}
#postcommentmeta {
margin-top: 0;
}
#postcommentmeta img {
margin-bottom:10px;
float: left;
}
#postcommentmeta input{
margin-bottom:10px;
border: 1px solid #DDD;
height: 1.7em;
line-height: 1.7em;
overflow: hidden;
}
#name, #email {
width: 200px;
}
#anti_spam_code {
width:120px;
}
#postcommenttext {
overflow: hidden;
padding: 0;
}
#postcommenttext textarea {
width: 550px;
height: 200px;
border: 1px solid #DDD;
#overflow: hidden;
}
#commentsubmit {
border: 1px solid #DDD;
background-color: white;
height: 2em;
line-height: 2em;
}
#commentsubmit:hover {
background-color: #DDD;
}
/* End News Details */
/* News Index */
.newsindexdate {
color: #999;
}
.newsindexentry {
margin-bottom: 4em;
}
/* End News Index */
/* Sponsor Index */
#sponsoracknowledgement p {
text-align: justify;
}
.sponsorcell {
width: 202px;
padding-right:13px;
float: left;
margin: 20px 0;
}
.rightmost {
padding-right: 0;
float: right;
}
#sponsorindexprev {
clear: both;
}
div .sponsorcellimage {
display: table;
margin:0 auto;
}
.sponsorcellimage a {
display: block;
border: 1px solid #DDD;
text-align: center;
padding: 5px;
}
.sponsorcellimage a:hover {
border: 1px solid #FF4A00;
}
.sponsorname {
text-align: center;
height: 40px;
padding-top: 20px;
}
.sponsorcell2 {
width: 632px;
margin: 40px 0;
height: 112px;
}
.sponsorcellimage2 {
display: block;
border: 1px solid #DDD;
text-align: center;
padding: 5px;
float: left;
}
.sponsorname2 {
float: left;
width: 180px;
text-align: center;
padding: 5px 10px 0 10px;
}
/* End Sponsor Index */
/* Sponsor Detail */
#sponsorcontactinfo div {
text-decoration: none;
}
#sponsorcontactinfo .metaname {
margin-top: 1.5em;
}
/* End Sponsor Detail */
/* Activities Index */
#activityindexsidebar p {
text-align: justify;
}
#activityindex table {
float: left;
width: 100%;
border-bottom: 7px solid #FF4A00;
border-top: 7px solid #FF4A00;
background-color: #D4DBF7;
}
#activityindex table td {
padding: 13px 0 13px 20px;
line-height: 1.9em;
border-top: 1px solid white;
}
#activityindex table thead {
font-weight: bold;
font-size: 20px;
background-color: #566CC3;
color: white;
}
#activityindex table thead td {
border-top: none;
}
td.activitytime {
width: 18%;
}
td.activityvenue {
width: 35%;
padding-right: 20px;
}
#activityindex table tr:hover td, #activityindex table tr.series:hover td {
background-color: #FF4A00;
color: white;
}
#activityindex table tr td a {
border-bottom: 1px solid #0021A5;
}
#activityindex table tr:hover td a {
color: white;
border-bottom: 1px solid white;
}
#activityindex table tr.series td {
background-color: #94A2D9;
}
#activityindex table td.seriesname {
font-size: 17px;
}
/* End Activities Index */
/* Activity Detail */
/* End Activity Detail */
/* About Us */
.officerentry{
height: 300px;
padding: 5px, 5px, 5px, 5px;
}
.officerimage{
display: block;
border: 1px solid #DDD;
text-align: center;
padding: 5px;
float:left;
}
.officerinfo{
text-align:left;
padding-left: 300px;
}
/* End About Us */
/* Contact Form */
#contactformbody input {
border: 1px solid #DDD;
height: 1.7em;
line-height: 1.7em;
}
#contactformbody form {
margin-top: 1.5em;
}
#contactformbody textarea {
margin-top: 2em;
border: 1px solid #DDD;
width: 500px;
height: 240px;
}
#emailsubmit {
border: 1px solid #DDD;
background-color: white;
height: 2em;
line-height: 2em;
}
#emailsubmit:hover {
background-color: #DDD;
}
/* End contact form */