/**********************
HTML STYLES
***********************/
/* IE6 PNG FIX */
img, div, a { behavior: url(/iepngfix.htc); }
/* DO NOT EDIT THE BODY TAG, USE .bodyClass INSTEAD */
body {
margin: 0;
background: #FFFFFF;
color: #000000;
}
/* SET STANDARD FONT STYLES */
.bodyClass,
p,
td,
.standard {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
/* USE .bodyClass TO ASSIGN STYLES TO THE BODY TAG */
.bodyClass {
text-align:center;
background:url(standard/bodybg.jpg) top left;
}
/* SET DEFAULT LINK COLOR */
a {
color: #556B23;
}
/* SET DEFAULT LINK MOUSE OVER COLOR */
a:hover {
color: #556B23;
}
a img {
border: 0;
}
/**********************
UNIVERSAL STYLES
***********************/
.error {
color: #CC0000;
}
.standard {
}
.standardbold {
font-weight: bold;
}
.standardheader {
font-size: 24px;
}
/**********************
LAYOUT STYLES
***********************/
.clearDiv {
clear:both;
font-size:1px;
height:1px;
}
#wrapper {
width:100%;
background:url(standard/wrapper.png) repeat-x top;
margin:0;
}
#container {
margin:0 auto;
background: url(standard/container.png) repeat-y;
width:1000px;
padding:0 12px;
text-align:left;
}
#header {
background:url(standard/header.jpg) no-repeat top center;
width:1000px;
height:159px;
}
.logoLink {
display:block;
float:left;
width:400px;
height:159px;
text-decoration:none;
}
.logoLink a {
text-decoration:none;
}
#header ul {
padding:16px 0 0 40px;
margin:0;
list-style:none;
float:right;
width:250px;
}
#header ul li {
display:block;
height:36px;
line-height:36px;
margin:0 0 8px 0;
}
#header ul li a {
color:#fff;
font-weight:bold;
font-size:1.3em;
text-decoration:none;
}
#content {
width:1000px;
background:url(standard/contentbg.jpg) no-repeat top center;
min-height:388px;
clear:both;
border-bottom:5px solid #e9c122;
}
.headerlinks a{
text-decoration: none;
text-indent: -9999px;
width:230px;
height:100px;
display: block;
padding-bottom:10px
}
#activities{
background: url('standard/ThingsToDo.png') no-repeat 50% 0;
}
#lodging{
background: url('standard/WhereToStay.png') no-repeat 50% 0;
}
#dining{
background: url('standard/PlacesToEat.png') no-repeat 50% 0;
}
#navbar {
width:230px;
margin:0 0 0 20px;
_margin:0 0 0 10px;
padding:15px 0 30px 0;
background:url(standard/navtop.jpg) no-repeat top left;
}
#navbar, #contenttext {
float:left;
}
#navbar ul {
margin:0;
padding:0 0 20px 0;
width:230px;
list-style:none;
text-align:left;
background:url(standard/navbottom.jpg) no-repeat bottom left;
}
#navbar ul li {
margin:0;
padding:0;
width:230px;
display:block;
background:url(standard/navrpt.jpg) repeat-y left;
}
#navbar ul li a {
margin:0;
width:215px;
display:block;
background:url(standard/nav_fade.png) no-repeat bottom left;
_background:url(standard/nav_fade.jpg) no-repeat bottom left;
min-height:20px;
_height:20px !important;
color:#ffdf60;
text-decoration:none;
font-weight:bold;
font-size:9pt;
}
#navbar li.parents {
background:none;
}
#navbar ul #subnav {
margin-top:-3px;
}
#navbar ul #subnav a {
background:none;
min-height:15px;
_height:15px !important;
color:#ffeeab;
font-size:8pt;
font-weight:normal;
}
#sideinfo {
width:215px;
text-align:left;
padding:140px 0 0 15px;
background:url(standard/statesville_logo.jpg) no-repeat top;
}
#contenttext {
text-align:left;
width:700px;
background:#fff url(standard/contentbottom.jpg) no-repeat bottom;
margin:0 0 20px 20px;
_margin:0 0 20px 10px;
padding:0 0 20px 10px;
}
#splashCalendar {
float:right;
text-align:left;
width:700px;
background:#fff url(standard/contentbottom.jpg) no-repeat bottom;
margin:0 0 20px 20px;
_margin:0 0 20px 10px;
padding:0 0 20px 10px;
}
#pagetitle {
width:690px;
background:#fff url(standard/contenttop.jpg) no-repeat top;
height:52px;
color:#FFFFFF;
padding:18px 0 0 20px;
font-size:2em;
letter-spacing:.08em;
margin-left:-10px;
}
#footer {
clear:both;
background:#86a738 url(standard/footer.jpg) repeat-x top;
width:1000px;
height:100px;
}
.copyright, .poweredby {
float:left;
width:470px;
}
.copyright {
color:#fff;
text-align:left;
font-size:.9em;
padding:25px 0 0 20px;
}
.poweredby {
padding: 20px 0;
text-align:right;
}
#flashcontent {
display:none;
}
.indexonly {
display:none;
}
#pagetitle img, .eventheading {
display:none;
}
/* INDEX PAGE */
#indexPage #header {
background:#fff url(standard/splash_header_bg.jpg) no-repeat top;
}
#indexPage #content {
background: #fdfefc url(standard/splash_content_bg.jpg) no-repeat center top;
}
#indexPage #flashcontent {
display:block;
}
#indexPage #pagetitle {
width:690px;
background:#fff url(standard/splash_page_title_bg.jpg) no-repeat bottom;
height:50px;
color:#FFFFFF;
font-size:2em;
letter-spacing:.08em;
margin-left:-10px;
}
#indexPage #pagetitle div {
color:#57899f;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
padding:15px 0 0 18px;
}
#indexPage .eventheading div {
padding:15px 0 0 0;
}
#indexPage #contenttext {
background-color:#ff00ff;
text-align:left;
width:700px;
background:#e1f0c8 url(standard/splash_contentbottom.jpg) no-repeat bottom;
margin:0 0 20px 20px;
_margin:0 0 20px 10px;
padding:0 0 20px 10px;
}
#indexPage .eventheading {
display:block;
min-height:150px;
padding:10px 0 0 30px;
width:680px;
margin:0 0 20px -10px;
_margin:0 0 20px 0px;
background:url(standard/splash_page_title_bg.jpg) no-repeat top;
}
#indexPage .indexonly {
display:block;
}
#indexPage .eventcontent {
background:url(standard/splash_page_title_bg.jpg) no-repeat top;
min-height:100px;
}
#indexPage #sideinfo {
width:215px;
text-align:left;
padding:160px 0 0px 15px;
background:url(standard/splash_statesville_logo.jpg) no-repeat top;
}
#indexPage #navbar {
width:230px;
margin:20px 0 0 20px;
_margin:0 0 0 10px;
padding:15px 0 30px 0;
background:url(standard/splash_navtop.jpg) no-repeat top left;
}
#indexPage #navbar ul {
margin:0;
padding:0 0 26px 0;
width:230px;
list-style:none;
text-align:left;
background:url(standard/splash_navbottom.jpg) no-repeat bottom left;
}
#content {
_position:relative;
_margin-top:20px;
}
#indexPage #navbar {
_margin-top:20px;
}
#indexPage #pagetitle div span {
display:none;
}
#indexPage #pagetitle div img {
display:block;
}
#indexPage .eventlist {
font-size:10pt;
}
#indexPage #graytext {
color:#666666;
font-weight:normal;
font-size:.9em;
line-height:1.5em;
}
#indexPage #blacktext {
font-weight:normal;
}
#indexPage #eventlist {
background:url(standard/eventpics.jpg) no-repeat right;
padding:10px 175px 0 0;
}
.welcome { background-image: url(standard/welcome.gif); background-position: top center; background-repeat: no-repeat; }
.downtown { background-image: url(standard/downtown.gif); background-position: top center; background-repeat: no-repeat; }
.thingstodo { background-image: url(standard/thingstodo.gif); background-position: top center; background-repeat: no-repeat; }
.areamap { background-image: url(standard/map.gif); background-position: top center; background-repeat: no-repeat; }
.meetings { background-image: url(standard/meetings.gif); background-position: top center; background-repeat: no-repeat; }
.pumpkinfest { background-image: url(standard/pumpkinfest.gif); background-position: top center; background-repeat: no-repeat; }
.golf { background-image: url(standard/golf.gif); background-position: top center; background-repeat: no-repeat; }
.travel { background-image: url(standard/travel.gif); background-position: top center; background-repeat: no-repeat; }
.aboutus { background-image: url(standard/aboutus.gif); background-position: top center; background-repeat: no-repeat; }
.community { background-image: url(standard/community.gif); background-position: top center; background-repeat: no-repeat; }