html{ height:100%; }
body{
height:100%;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 12px;
+ font-family: Tahoma, Sans, sans-serif;
+ font-size: 80%;
color: #333333;
- line-height: 1.2em;
- background-color: #333333;
+ line-height: 1.5em;
+ background: url('images/gradientbg.jpg') no-repeat center top #333333;
padding:0;
margin:0;
}
text-decoration:underline;
}
#content-block{
- width: 951px;
+ width: 867px;
min-height:100%;
- background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
margin:0 auto;
+ background: url('images/gradient.jpg') no-repeat center top #EEEEEE;
}
-
-.cols:after{
- content: "";
- display: block;
- height: 0;
- clear: both;
-}
-.col1{
- position: relative;
- float: left;
- width: 50%;
-}
-.col2{
- position: relative;
- float: right;
- align: left;
- width: 50%;
-}
-
-#featured-block img{
- float: right;
+#content-block h1{
+ float:right;
+ color:#ffffff;
+ font-size:2em;
+ font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
+ font-weight: normal;
+ margin-top:-1em;
+ margin-bottom:0;
+ text-transform: uppercase;
+ padding:0;
}
#logo{
- padding-left: 47px;
+ padding-left: 0px;
padding-top:18px;
}
#logo img{
ul#navigation{
list-style: none;
position:absolute;
- top:121px;
- margin-left:298px;
+ top:48px;
+ margin-left:423px;
}
ul#navigation li{
display:block;
color:#ffffff;
text-decoration: none;
text-transform: uppercase;
+ font-size:1.2em;
display:block;
width:94px;
height:47px;
background: url('images/nav-white.png') 0 0 no-repeat;
color:#000000;
}
-ul#navigation .blue{
+ul#navigation .first-navbox{
background: transparent url('images/nav-blue.png') 0 0 no-repeat;
}
-ul#navigation .blue a:hover{
+ul#navigation .first-navbox a:hover{
color:#1171D2;
}
-ul#navigation .green{
+ul#navigation .second-navbox{
background: transparent url('images/nav-green.png') 0 0 no-repeat;
}
-ul#navigation .green a:hover{
+ul#navigation .second-navbox a:hover{
color:#62B200;
}
-ul#navigation .orange{
+ul#navigation .third-navbox{
background: transparent url('images/nav-orange.png') 0 0 no-repeat;
}
-ul#navigation .orange a:hover{
+ul#navigation .third-navbox a:hover{
color:#FE6D06;
}
-ul#navigation .yellow{
+ul#navigation .fourth-navbox{
background: transparent url('images/nav-yellow.png') 0 0 no-repeat;
}
-ul#navigation .yellow a:hover{
+ul#navigation .fourth-navbox a:hover{
color:#FFA207;
}
bottom:8px;
padding-left:8px;
}
+#breadcrumbs{
+ min-height:1em;
+ clear:both;
+ margin:0;
+}
+#breadcrumbs ul{
+ margin:0 1em;
+ float:right;
+ padding:0;
+ list-style: none;
+}
+#breadcrumbs ul li{
+ float:left;
+ line-height:2em;
+ font-size: 1.2em;
+ font-weight: bold;
+ margin-left:0.8em;
+ color: #15447D;
+}
+#breadcrumbs ul li a{
+ color: inherit;
+ font-weight: normal;
+ margin-right:0.8em;
+}
+.first-pagetype #breadcrumbs{ background-color: #4793E4; }
+.first-pagetype #breadcrumbs ul li { color:#15447D; }
+.second-pagetype #breadcrumbs{ background-color: #60D61E; }
+.second-pagetype #breadcrumbs ul li { color:#263B08; }
+.third-pagetype #breadcrumbs{ background-color: #F89129; }
+.third-pagetype #breadcrumbs ul li { color:#6F3F21; }
+.fourth-pagetype #breadcrumbs{ background-color: #FECC28; }
+.fourth-pagetype #breadcrumbs ul li { color:#6F3F21; }
#featured-block{
- width:430px;
- background-color:#EEEEEE;
- margin-left:277px;
- padding: 27px 0;
-
+ margin: 1em 3em;
}
-#featured-block h1{
- font-size:2em;
- line-height:1.2em;
- font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
- padding-bottom:10px;
- border-bottom: 1px solid #A8A9AD;
- margin: 0 22px;
- margin-bottom:1em;
- text-transform: uppercase;
+#featured-block.is-top {
+ margin-top: 3em;
}
+
#featured-block h2{
- font-size:1.3em;
+ font-size:1.5em;
font-weight: bold;
- margin: 1em 22px;
+ margin: 1em 0;
font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
}
#featured-block p{
- margin: 1em 33px;
- line-height: 1.5em;
+ margin: 1em 0;
+}
+#featured-block li{
+ margin: 0.5em 0;
}
dl.services{
margin:0 33px;
font-weight: bold;
font-size:1.2em;
}
-#highlights-block div, #events-block > br {
+#highlights-block div{
margin-bottom: 8px;
}
.extra-large{
font-size:2em;
line-height:1em;
}
-#highlights-block .solid-item, #events-block .solid-item{
+#highlights-block .solid-item{
background-color: #EEEEEE;
color: #666666;
text-transform: uppercase;
display:none;
}
#prefooter{
- height: 120px;
+ height: 140px;
clear:both;
}
#footer{
- font-size:.9em;
+ font-size:.8em;
clear:both;
- width:951px;
margin: 0 auto;
- margin-top:-65px;
+ margin-top:-130px;
text-align:center;
- color: #545557;
+ color: #666666;
+ width:867px;
+ height:130px;
+ background-color:#1F1F1F;
+
+}
+#footer p{
+ width:800px;
+ margin:0 auto;
+ padding:1em 0;
+ line-height:1.4em;
+ text-align:left;
}
.actions ul{
list-style: none;
background-color:#696969;
- padding:.5em 0;
+ padding:0;
+ margin:0;
}
.actions ul li{
display: inline;
padding: 0 .5em;
+ line-height:3em;
}
.actions ul li a{
text-decoration: none;
.actions ul li a:hover{
text-decoration:underline;
}
+
+
+.cols:after {
+content: "";
+display: block;
+height: 0;
+clear: both;
+}
+.col1 {
+position: relative;
+float: left;
+width: 50%;
+}
+.col2 {
+position: relative;
+float: right;
+align: left;
+width: 50%;
+}
+
+.right {
+float: right;
+margin-left: 2em;
+}