/* universal classes */
html,body {margin:0; padding:0; border:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#252525; background:url(images/bg.gif); padding-bottom:15px}
img {border:0}
form {padding:0; margin:0}

/* custom formatting */
#main {position:relative; width:802px; margin-left:auto; margin-right:auto; padding-top:18px}
.div {float:left; background:url(images/hor_div_dot.gif) center repeat-x; height:30px; margin-left:20px; width:762px}
a:link, a:visited, a:active {color:#626262; text-decoration:none}
a:hover {color:#000000; text-decoration:none}
#pagetitle {float:left; font-weight:bold; padding-top:5px; padding-bottom:10px; padding-left:20px; font-size:12px}

/* header section */
#header {float:left; height:80px}
#card {position:absolute; top:20px; left:-1px}
#logo {float:left; padding-top:10px; padding-left:65px}
#topnav {float:left; padding-left:152px; text-align:right}
#musicplayer {padding-top:8px}
#navigation {float:left; width:100%; height:21px; padding-bottom:10px}
#leftnav {float:left; height:21px; width:auto; padding-left:20px}
#ln_left {float:left; width:6px; height:21px; background:url(images/head_dg_left.gif)}
#ln_right {float:left; width:6px; height:21px; background:url(images/head_dg_right.gif)}
.lndiv {float:left; width:7px; height:21px; background:url(images/dg_div.gif) center no-repeat #6e8378}
#rightnav {float:left; height:21px; width:auto; padding-left:6px}
#rn_left {float:left; width:6px; height:21px; background:url(images/head_lg_left.gif)}
#rn_right {float:left; width:6px; height:21px; background:url(images/head_lg_right.gif)}
.rndiv {float:left; width:7px; height:21px; background:url(images/lg_div.gif) center no-repeat #7e968a}
.navlink {float:left; height:21px}

/* content area */
#frontbody {float:left; padding-left:20px; padding-right:20px; width:762px}
#content {float:left; padding-left:20px; padding-right:20px; padding-bottom:25px; width:762px}
#intro {float:left}

/* news section */
#news  {float:left; padding-left:6px; width:276px}
#newsheader {background:#b32323; height:20px}
#nheadleft {float:left; background:url(images/head_red_left.gif) left no-repeat; padding-left:6px; height:20px}
#nheadright {float:right; background:url(images/head_red_right.gif); width:6px; height:20px}
.newsitem {padding-top:8px; padding-left:4px; padding-right:4px; font-size:10px}
.newsitem2 {padding-top:8px}
.newsdiv {background:url(images/dot_div.gif) repeat-x bottom; height:9px; margin-left:4px; margin-right:4px}
#morenews {text-align:right; padding-top:15px}

/* thumb images */
#thumbs {float:left; padding-left:555px; width:249px; padding-bottom:14px}
#thumbheader {float:left; padding-bottom:4px}
#thumbtitle {float:left; width:140px; color:#555555; font-weight:bold}
#viewall {float:left; text-align:right; width:86px; font-weight:bold}
#viewall a {color:#8a3030; text-decoration:none; font-weight:bold}
#viewall a:hover {color:#582f2f; text-decoration:none; font-weight:bold}
.thumbimage {float:left; width:70px; height:70px; margin-right:8px}

/* footer section */
#footer {margin-top:20px}
#footercontent {float:left; height:22px; background:url(images/footer_bg.gif) top repeat-x; margin-left:8px; margin-right:8px; color:#5a6a62}
#footleft {float:left; padding-top:7px; padding-left:12px}
#footright {float:right; text-align:right; padding-top:7px; padding-right:12px}
#footright a:link {color:#5a6a62; text-decoration:none}
#footright a:hover {color:#282c2a; text-decoration:none}