@import url("menu.css");
/* The clear class is used to correct the flow of the layout after using a
* floated element ("float: left" in stylesheets or "align=left" on tables and
* imgs). Usually, floating an element takes it out of the 'flow' of the
* document, meaning that any containers or following elements will ignore the
* size and shape of the floated element, causing ugly overlapping content and
* missing backgrounds. The clear class forces the containing element to
* correct its height for its contents even if it's floated. It should be used
* by specified the clear class on any elements that contain a floated
* elements that you wish to clear.
* E.g.,
*
*
Content
*
*
) as it requires no extra html markup just for
* styling purposes, and it is also the only known method that works in all
* cases across all modern browsers. */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;/*triggers hasLayout in IE*/}
Body {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
}
p, li, td
{
font-size:13px;
}
a:link, a:visited, a:active {
color:#4d4d4d;
text-decoration:underline;
}
a:hover
{
color:#153576;
text-decoration:underline;
}
H1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#561708;
line-height:normal;
font-weight:bold;
margin-top:10px;
}
H2
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#034782;
line-height:normal;
font-weight:bold;
}
#mastfont H1
{
font-family:Arial, Helvetica, sans-serif;
font-size:66px;
color:#FFFFFF;
line-height:normal;
margin:0;
padding:0;
font-weight:bold;
}
#mastfont H2
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#e1dfdf;
line-height:normal;
margin:0;
font-weight:bold;
}
#centering
{
text-align:center;
}
#sitewrapper
{
}
.ContentPane {
}
#basenav
{
font-size:12px;
color:#FFFFFF;
}
#basenav a:Link, #basenav a:active, #basenav a:visited
{
font-size:12px;
color: #FFFFFF;
text-decoration: none;
}
#basenav a:hover
{
font-size:12px;
text-decoration: underline;
}
.articleListingFull h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#83b819;
line-height:normal;
font-weight:bold;
}
.articleListingFull .imageBox
{
float: right;
padding: 3px;
border: 1px solid #bbc7cd;
margin: 0 0 15px 15px;
}
.articleListingLarge .listingItem
{
margin: 12px 0;
}
.articleListingLarge .imageBox {
border: 1px solid #BBC7CD;
float: right;
margin: 20px 0 0 10px;
padding: 3px;
}
.articleListingLarge .infoBox
{
float: left;
width: 555px;
}
.articleListingLarge h2, .articleListingLarge h2 a, .articleListingLarge h2 a:link, .articleListingLarge h2 a:active, .articleListingLarge h2 a:visited
{
color: #2E519A;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin: 0 0 6px 0;
}
.articleListingLarge h2 a:hover {
color:#0033FF;
}
.articleListingMedium .listingItem
{
margin: 5px 0 4px 0;
}
.articleListingMedium .imageBox
{
padding: 3px;
border: 1px solid #bbc7cd;
margin: 0 15px 0 0;
}
.articleListingMedium h2, .articleListingMedium h2 a, .articleListingMedium h2 a:link, .articleListingMedium h2 a:active, .articleListingMedium h2 a:visited
{
color: #2E519A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 15px;
margin: 0;
text-decoration:none;
}
.articleListingMedium h2 a:hover
{
color:#0033FF;
background-color:red;
text-decoration:underline;
}
.divwidth
{
margin:auto;
width:971px;
text-align:left;
/*background-color:#FBF3E9;*/
}
#mastbackground1
{
background-image:url(images/red-background-1px.jpg);
background-repeat:repeat-x;
height:194px;
background-color:#841305;
}
#mastbackground2
{
text-align:center;
background-image:url(images/red-background.jpg);
background-repeat:no-repeat;
background-position:top center;
height:194px;
}
#mastwrapper
{
height:154px;
}
#mast
{
padding:13px 0px 0px 53px;
}
#menubar
{
height:40px;
width: 655px;
float: left;
margin-right: 10px;
}
#search
{
float: left;
width: 306px;
padding: 10px 0;
}
.SearchContainer {
float: left;
margin-right: 20px;
}
#searchTag {
color: #ffffff;
font-size: 12px;
float: left;
margin-right: 6px;
line-height: 20px;
}
/* Search text box container */
#search div.SearchBorder {
border: 0;
margin: 0 4px 0 0;
padding: 0px 2px;
height: auto;
width: auto;
}
/* Search text box */
#search .SearchBorder input {
outline: 0; /* Removes orange highlight in Google Chrome */
/* These properties can be set to whatever you like. The !important tag is used to
* override some default DNN styles that would otherwise clash */
border: 0;
font-family: inherit !important;
font-weight: bold !important;
width: 120px !important;
color: Gray !important;
height: 20px !important;
}
/* Search button */
#search a {
background: url(images/button-search.png) top left no-repeat;
width: 30px;
height: 20px;
display: block;
float: left;
padding: 0;
text-decoration: none;
}
/* Search button hover */
#search a:hover {
background-position: bottom left;
text-decoration: none;
}
/* Drop down search options */
#SearchIcon {
display: none;
}
#mastpics
{
background-color:#FBF3E9;
}
#slideshowwrapper
{
width:652px;
float:left;
}
#slideshow
{
background-color:#FBF3E9;
padding:11px 0px 1px 13px;
}
#flashcontent
{
background-color:white;
}
#mastbuttonswrapper
{
width:319px;
background-color:#FBF3E9;
float:left;
}
#mastbuttons
{
padding:11px 15px 0px 11px;
}
#mainbackgroundwrapper
{
text-align:center;
background-image:none;
background-color:#841305;
}
#mainbackground
{
background-color:#FBF3E9;
width:971px;
}
#contentwrapper
{
background-color:#FBF3E9;
width:652px;
float:left;
margin-top:0px;
}
#contentwrapper2
{
padding:8px 0px 7px 0px;
}
#contentpanewrapper
{
padding:4px 30px 19px 38px;
}
#contentpanewrappercalender
{
padding:4px 30px 19px 138px;
}
.ContentPane
{
}
#quicklinkswrapper
{
background-color:#FBF3E9;
width:309px;
float:left;
margin-top:12px;
}
#quicklinks
{
padding:0px 0px 0px 12px;
}
#qlbackground
{
width:283px;
background-color:transparent;
/*padding-top: 12px;*/
}
#qlheader
{
margin:0px 0px 11px 21px;
line-height:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#561708;
font-weight:bold;
}
.qlbuttonwrapper
{
width:283px;
}
.qlbutton
{
border:1px solid #babec0;
background-color:#c8dae5;
margin-bottom:12px;
padding:10px 13px 10px 20px;
}
.PollContent {
margin: 0;
}
.qlbutton img
{
float:left;
margin-right:15px;
border:0;
}
.qltext
{
float:left;
width:158px;
}
.qltext h2, .qltext h2 a:link, .qltext h2 a:active, .qltext h2 a:visited
{
margin:0px;
padding:0px;
line-height:normal;
font-weight:bold;
font-size:15px;
color:#bb3414;
text-decoration:none;
}
.qltext h2 a:hover
{
margin:0px;
padding:0px;
line-height:normal;
font-weight:bold;
font-size:15px;
color:#bb3414;
text-decoration:underline;
}
.qltext p
{
color:#293a4c;
margin:0px;
padding:0px;
line-height:normal;
text-decoration:none;
}
.qltext p a:link, .qltext p a:active, .qltext p a:visited
{
color:#293a4c;
margin:0px;
padding:0px;
line-height:normal;
text-decoration:none;
}
.qltext p a:hover
{
text-decoration:underline;
}
#basebackground
{
background-color:transparent;
text-align:center;
}
#basepics
{
}
#basenavcontainer
{
padding:19px 0px 19px 0px;
text-align:center;
}
.clear:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear
{
zoom: 1;
}
/*news editor styles - article page*/
.articleListingFull .imageBox
{
float: right;
padding: 3px;
border: 1px solid #bbc7cd;
margin: 0 0 15px 15px;
}
.articleListingFull h2
{
color: #013563;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
}
.articleListingFull p
{
color: #686868;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
}
/*news editor styles - listings page*/
/*news editor styles - latest news page*/
.articleListingMedium .listingItem
{
margin: 5px 0 4px 0;
}
.articleListingMedium .imageBox -image
{
padding: 3px;
border: 1px solid #bbc7cd;
margin: 0 15px 0 0;
}
.articleListingMedium h2, .articleListingMedium h2 a, .articleListingMedium h2 a:link, .articleListingMedium h2 a:active, .articleListingMedium h2 a:visited
{
color: #2E519A;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 15px;
margin: 0;
}
.articleListingMedium h2 a:hover {
color:#0033FF;
}
.articleListingMedium p
{
color: #686868;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
margin: 0 0 20px 0;
}
/************************** QUICK POLL ***********************************/
#dnn_ctr419_ContentPane
{
width:295px;
/*margin-top:15px;*/
}
#dnn_ctr419_ModuleContent
{
padding:10px 15px 10px 15px;
background-color:#c8dae5;
border:1px solid #babec0;
margin-bottom:12px;
margin-left:12px;
}
#pollquestionimg
{
float:left;
}
#pollquestionimg img
{
margin-left:5px;
margin-right:15px;
}
#pollquestiontxt
{
float:left;
width:158px;
}
#pollquestiontxt p
{
}
#pollquestiontxt h2
{
color: #BB3414;
font-size: 15px;
font-weight: bold;
line-height: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
/*#dnn_ctr419_ModuleContent table
{width:230px;}*/
/************************** WEATHER WIDGET STYLES **************************************/
#WeatherPaneWrapper
{
margin-bottom:23px;
}
#WeatherPane
{
background-color:white;
border:1px solid #babec0;
height:56px;
width:100%;
}
#WeatherPaneLeft
{
float:left;
padding-right:15px;
}
#WeatherPaneRight
{
float:left;
}
#Weather_Widget
{
/*border:1px solid #3B5999;*/
margin-right:0px;
margin-top:0px;
width:282px;
padding-top:8px;
padding-bottom:6px;
height:54px;
/*background-color:white;*/
}
#Weather_Widget_Inner
{
height:40px;
padding-left:15px;
padding-right:0px;
}
#Weather_Widget_Img
{
float:left;
}
#Weather_Widget_Temp
{
float:left;
font-size:22px;
font-weight:bold;
color:#2E51B4;
margin-top:5px;
}
#Weather_Widget_Title
{
float:left;
font-size:16px;
letter-spacing:1px;
margin-top:8px;
margin-left:15px;
font-weight:normal;
color:#333333;
}
#Weather_Widget_Img img
{
width:38px;
margin-right:10px;
}
/********** TWITTER ************/
#twitter_div ul
{
margin-left:0px;
padding-left:0px;
margin-top:5px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:5px;
}
#twitter_update_list li
{
list-style-type:none;
}
a#rss {
display: block;
width: 20px;
height: 20px;
float: left;
background: url(images/rss.png) top left no-repeat;
}