body {
background:url(img/bg.gif) repeat-x 0 0 #F7F7F7;
color:#171717;
font:normal 13px/20px Arial, Helvetica, sans-serif;
margin:0;
padding:0
}

div,h1,h2,h3,h4,h5,h6,form,label,input,span,ul,li,p,a {
margin:0;
padding:0
}

ul {
list-style:none
}

.spacer {
font-size:0;
line-height:0;
clear:both
}

#topNav {
width:683px;
height:37px;
margin:0 auto
}

#topNav ul {
width:540px;
margin:0 auto
}

#topNav ul li {
height:37px;
float:left;
text-decoration:none;
display:block;
font:bold 12px/12px Arial, Helvetica, sans-serif;
padding:0 18px
}

#topNav ul li a {
color:#C1C1C1;
height:37px;
float:left;
text-decoration:none;
display:block;
font:bold 12px/37px Arial, Helvetica, sans-serif;
padding:0 18px
}

#topNav ul li a:hover {
height:37px;
float:left;
text-decoration:none;
display:block;
background:url(img/top_btn_h.gif) no-repeat center bottom;
color:#C1C1C1;
font:bold 12px/37px Arial, Helvetica, sans-serif;
padding:0 18px
}

#body {
width:683px;
color:#171717;
margin:0 auto;
padding:0
}

#body img.logo {
border:none;
margin:0 0 -30px
}

#body h1 {
background:url(img/punch_line.gif) no-repeat 0 0 #F7F7F7;
color:#171717;
width:142px;
height:49px;
text-indent:-20000px
}

#body div.bodyText {
font:12px/14px Arial, Helvetica, sans-serif;
padding:50px 0 0
}

#body div.bodyText h2 {
font:bold italic 24px/34px Arial, Helvetica, sans-serif;
color:#B10000
}

#body div.bodyText h3 {
font:bold 20px/24px Arial, Helvetica, sans-serif;
color:#526D0D;
background:url(img/folder_icon.gif) no-repeat 0 5px #F7F7F7;
padding:0 2px 0 25px
}

#body div.bodyText h4 {
font:normal 20px/24px Arial, Helvetica, sans-serif;
color:#000;
background-color:#FFF7DE;
padding:0 0 0 10px
}

#body div.bodyText p a {
color:#003E6A;
background-color:#F7F7F7;
text-decoration:underline
}

#body div.bodyText p a:hover {
text-decoration:none
}

#body div.category {
padding:25px 0 0
}

.pink {
width:182px;
float:left;
background:url(img/pink_bg.gif) no-repeat 0 0 #F7F7F7;
color:#4B2B3E;
padding:7px 15px 50px
}

.pink2 {
width:182px;
float:left;
background:url(img/pink_bg.gif) no-repeat 0 0 #F7F7F7;
color:#4B2B3E;
margin:0 23px;
padding:7px 15px 50px
}

.pink h4 {
background:url(img/date_bg.gif) no-repeat 0 13px;
color:#384B06;
width:56px;
text-align:center;
font:bold 12px/39px Arial, Helvetica, sans-serif
}

.pink p, .pink2 p {
color:#4B2B3E;
font:normal 11px/17px Arial, Helvetica, sans-serif;
padding:3px 0 10px
}

.pink a.more {
background:url(img/pink_more_btn.gif) no-repeat 0 0 #FFF;
color:#000;
width:46px;
height:11px;
display:block;
float:right;
text-decoration:none;
text-indent:-2000px;
line-height:0;
padding:0
}

.pink a.more:hover {
background:url(img/pink_more_btn_h.gif) no-repeat 0 0 #FFF;
color:#000
}

.green {
width:182px;
float:left;
background:url(img/green_bg.gif) no-repeat 0 0 #F7F7F7;
color:#4B2B3E;
margin:0 23px;
padding:7px 15px 50px
}

.green2 {
width:182px;
float:left;
background:url(img/green_bg.gif) no-repeat 0 0 #F7F7F7;
color:#4B2B3E;
padding:7px 15px 50px
}

.green p, .green2 p {
color:#3D5C32;
font:normal 11px/17px Arial, Helvetica, sans-serif;
padding:3px 0 10px
}

.green p a.line {
color:#3D5C32;
text-decoration:underline;
font:normal 11px/17px Arial, Helvetica, sans-serif;
padding:0
}

.green p a.line:hover {
color:#3D5C32;
text-decoration:none;
font:normal 11px/17px Arial, Helvetica, sans-serif;
padding:0
}

.green a.more {
background:url(img/green_more_btn.gif) no-repeat 0 0 #FFF;
color:#000;
width:46px;
height:11px;
display:block;
float:right;
text-decoration:none;
text-indent:-2000px;
line-height:0;
padding:0
}

.green a.more:hover {
background:url(img/green_more_btn_h.gif) no-repeat 0 0 #FFF;
color:#000
}

.blue {
width:182px;
float:left;
background:url(img/blue_bg.gif) no-repeat 0 0 #F7F7F7;
color:#4B2B3E;
padding:7px 15px 50px
}

.blue p {
color:#364A5B;
font:normal 11px/17px Arial, Helvetica, sans-serif;
padding:3px 0 10px
}

.blue a.more {
background:url(img/blue_more_btn.gif) no-repeat 0 0 #FFF;
color:#000;
width:46px;
height:11px;
display:block;
float:right;
text-decoration:none;
text-indent:-2000px;
line-height:0;
padding:0
}

.blue a.more:hover {
background:url(img/blue_more_btn_h.gif) no-repeat 0 0 #FFF;
color:#000
}

.floatLeft {
float:left
}

#footer {
color:#FFF;
background-color:#292929;
clear:both;
height:50px;
padding-top:18px;
text-align:center
}

#footer span a {
font:bold 12px/20px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FAFAFA;
background-color:#292929;
padding:0 8px
}

#footer span a:hover {
background-color:#484848
}

#footer p {
font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#EDE3C0
}

.widelist li {
list-style-type:none;
display:block;
float:left;
width:50%;
max-width:300px;
max-height:300px;
padding:10px 20px
}

.widelist li p {
border-left:1px solid #000;
margin:10px 8px 10px 0;
padding:0 0 0 8px !important
}

#body div.bodyText h2 span {
color:#000;
background-color:#F7F7F7
}

#body div.bodyText p {
font:normal 13px/20px Arial, Helvetica, sans-serif;
color:#171717;
background-color:#F7F7F7;
padding:10px 0
}

.pink h3,.green h3,.blue h3, .green2 h3, .pink2 h3 {
font:bold 20px/38px Arial, Helvetica, sans-serif;
padding:0 9px 0 0
}

.pink h3 {
color:#4B2B3E
}

.green h3 {
color:#3D5C32
}

.pink2 h3 {
color:#4B2B3E
}

.green2 h3 {
color:#3D5C32
}

.blue h3 {
color:#364A5B
}

.pink h5,.green h5,.blue h5, .green2 h5, .pink2 h5 {
color:#000;
text-transform:uppercase;
font:bold 10px/11px Arial, Helvetica, sans-serif
}

.clear {
overflow:hidden;
width:100%
}

.pinkspan {
background:transparent url('img/bg_pinkbutton_span.gif') no-repeat
}

.bluespan {
background:transparent url('img/bg_bluebutton_span.gif') no-repeat
}

.greenspan {
background:transparent url('img/bg_greenbutton_span.gif') no-repeat
}

.pinkbutton {
background:transparent url('img/bg_pinkbutton_a.gif') no-repeat scroll top right
}

.bluebutton {
background:transparent url('img/bg_bluebutton_a.gif') no-repeat scroll top right
}

.greenbutton {
background:transparent url('img/bg_greenbutton_a.gif') no-repeat scroll top right
}

a.button {
color:#FFF;
display:block;
float:left;
font:normal 12px arial, sans-serif;
height:24px;
margin-right:6px;
padding-right:18px;
text-decoration:none
}

a.button span {
display:block;
line-height:14px;
padding:5px 0 5px 18px
}

a.button:active {
background-position:bottom right;
color:#FFF;
outline:none
}

a.button:active span {
background-position:bottom left;
padding:6px 0 4px 18px
}


