﻿* {margin: 0; padding: 0;}
body {background: #F6D999 url(/!images/mp/jcca_mp_bg_tile.gif) repeat-x; font-family: Arial, Verdana; font-size: 14px; color: #5F5F5F;}
p {margin-bottom: 10px;}
h1 {font-size: 18px; color: #333; padding-bottom: 10px;}
h2 {font-size: 17px; color: #5F5F5F; padding-bottom: 10px;}

ul{margin:14px 0px; padding-left:40px;}
li{padding-left:10px;}

.morePanel_showPanel {clear:none !important;}

table.data {}
table.data td {padding:5px 10px; vertical-align:top;}

a:link, a:visited {color:#19477B; text-decoration: underline;}
a:hover, a:active {color:#19477B; text-decoration: none;}

a.Foot:link {color:#19477B; text-decoration: none;}
a.Foot:visited {color:#19477B; text-decoration: none;}
a.Foot:active, a.Foot:hover {color:#19477B; text-decoration: underline;}

#BodyWrap {background: url(/!images/mp/jcca_mp_center_bg_tile.gif) repeat-y; width: 770px; position: relative; margin: 0 auto;}

#TopCap {background: url(/!images/mp/jcca_mp_top_cap.gif) no-repeat; height: 45px; width: 770px;}

#TopLeftInfo {float:left; font-size: 13px; color: #7F7F7F;padding-top: 20px; padding-left: 30px;}
#TopRightInfo {float: right; font-size: 16px; color: #7F7F7F;padding-top: 20px;padding-right: 35px;}
a.TopLeftInfo:Link, a.TopLeftInfo:visited {font-size: 13px; color: #7F7F7F; text-decoration: underline;}
a.TopLeftInfo:active, a.TopLeftInfo:hover {font-size: 13px; color: #7F7F7F; text-decoration: none;}
a.TopLinks:link, a.TopLinks:visited {font-size: 16px; color: #7F7F7F; text-decoration: none;}
a.TopLinks:active, a.TopLinks:hover {font-size: 16px; color: #7F7F7F; text-decoration: underline;}



#LogoArea {width: 750px; height: 200px; margin-left: 10px;}
#LogoArea .LeftSide {height: 200px; width: 298px; float: left;}
#LogoArea .RightSide {height: 200px; width: 452px; float: right;}

#TopNav {clear: both; margin-top: 10px;margin-left: 10px;}
#MPPhotos {margin-left: 10px;}
#BlurbArea {background: url(/!images/mp/jcca_mp_main_nav_footer.gif) no-repeat; height: 61px; width: 750px; margin-left: 10px;}
#BlurbArea .BlurbAbout {width: 170px; height: 50px; padding-left: 15px; float: left;}
#BlurbArea .BlurbPrograms {width: 165px; height: 50px; padding-left: 15px; float: left;}
#BlurbArea .BlurbIssues {width: 165px; height: 50px; float: left; padding-left: 15px;}
#BlurbArea .BlurbEvents {width: 165px; height: 50px; float: left; padding-left: 15px;}
#BlurbArea p {font-size: 10px; color: #333; margin:0px; padding: 0px;}


#ContentArea {background: url(/!images/mp/jcca_mp_footer.gif) bottom left no-repeat; width: 770px; margin-top: 15px; float: left; padding-bottom:160px;}
#ContentArea .LeftCol {float: left; margin-left: 90px; width: 450px;}
#ContentArea .RightCol {margin-left: 550px; width: 190px; text-align: center; margin-bottom: 25px;}
#ContentArea .Footer { position:absolute; bottom: 0; left: 160px;}

#FootTable {font-size: 10px;}
#FootLnks {margin-top: 10px; font-size: 10px; margin-bottom: 30px;}
.Tag {color: #19477B;}
#clear { clear: both;}

/* Interior Styles */

#Header {width: 740px; height: 132px;margin-left: 20px;}
#Header .LeftHead {float: left; height: 132px; width: 531px;}
#Header .RightHead {float: right; height: 132px; width: 209px;}

#IntContentArea {background: url(/!images/mp/jcca_mp_footer.gif) bottom left no-repeat; width: 770px; min-height: 600px;}
#IntContentArea .IntLeftCol {background: url(/!images/int/jcca_int_subnav_bgrd.gif) no-repeat; width: 187px; float: left; margin-left: 20px; min-height: 600px; margin-bottom: 25px;}
#IntContentArea .IntRightCol {margin-left: 225px; width: 500px; padding-top: 20px; padding-bottom:160px;}

#IntFooter { position:absolute; bottom: 0; right: 135px;}

#formFields{ 
    margin-top:20px;
    list-style:none;
    width:300px;
    text-align:right;
    }

#formFields dd 
{
    margin:10px;
    
    } 