@charset "utf-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;/*font-size:100%; THIS MESSES UP JQUERY READING THE FONT PIXEL SIZE: DO NOT USE*/font-family:inherit;vertical-align:baseline}
strong{font-weight:bold}em{font-style:italic}
/* remember to define focus styles! */ :focus{outline:0}body{line-height:1;color:black}ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}.clear{clear:both}

body {line-height:1.7em; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#000}
#container {background:#fff; margin:15px auto; padding:5px; width:800px}

#dropmenu {line-height:1.5em; background:#000066; width:800px; height:28px; margin-bottom:15px; border-top:2px solid #00012F}
#dropmenu li {float:left;}
#dropmenu li a {display:block; white-space:nowrap; padding:5px 25px; font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff}
#dropmenu li a:hover {background:#00012F}
#dropmenu li ul {position:absolute; display:none; z-index:999; -moz-opacity:.9; filter:alpha(opacity=90); opacity:.9}
#dropmenu li ul li {float:none; display:inline}
#dropmenu li ul li a {width:auto; background:#31329F; padding:4px 8px; font-weight:bold; font-size:12px; text-transform:none; color:#fff}
#dropmenu li ul li a:hover {background:#00012F}

a {margin-left:0px; text-decoration:none; color:#1719BF}
a:hover {text-decoration:none; color:#999}

h1 {color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase}
h2 {font-size:14px; font-weight:bold; color:#000066; margin-bottom:12px; text-transform:uppercase}


/*NEW STYLING*/
.galleryitem {font-size:10px; line-height:1.3em; width:230px; margin:10px 0 15px; padding:0 8px; float:left; position:relative}
.galleryitem img {padding-bottom:5px}
.gallerynav {font-size:16px; margin:7px auto; text-align:center}
.gallerynavheader {font-size:11px; font-weight:bold; margin-bottom:-3px}

.linkitem {width:201px; margin:10px 20px 15px; float:left; text-align:center; position:relative}
.linkitem img {border:2px solid #c1c1c1; margin-bottom:3px}




.areaheader {height:24px; padding-left:14px; padding-top:6px}
.copy {padding:12px 12px 5px; border-left:3px solid #CCC; border-right:3px solid #CCC}

#fullarea {width:770px; float:left; margin:0 10px 15px}
#fullarea .areaheader {background:url(/gfx/conttop.png)}
#fullarea .copy {min-height:400px}
#fullarea .footer {height:12px; background:url(/gfx/contbottom.png)}

#leftarea {width:475px; float:left; margin:0 10px 15px}
#leftarea .areaheader {background:url(/gfx/lefttop.png)}
#leftarea .copy {min-height:365px}
#leftarea .footer {height:12px; background:url(/gfx/leftbottom.png)}

#sidebar {line-height:1.5em; width:280px; float:left; margin:0 10px 15px}
#sidebar .sidebaritem {width:250px; height:95px; padding:15px; overflow:hidden}
#sidebar a {margin-left:0px; text-decoration:none; color:#000}
#sidebar a:hover {text-decoration:none; color:#999}

.sidearea {width:280px; float:left; margin-bottom:15px}
.sidearea .areaheader {background:url(/gfx/sidetop.png)}
.sidearea .copy {min-height:100px}
.sidearea .footer {height:12px; background:url(/gfx/sidebottom.png)}

#sitefooter {line-height:1.3em; clear:both; margin:0 auto; width:800px; text-align:center}
#footerfacebook {background:#00539F; padding:5px 0; margin-bottom:3px}
#footerlinks {background:#010068; font-weight:bold; text-transform:uppercase; padding:3px 0; font-size:10px; color:#fff}
#footerlinks a {font-weight:bold; text-transform:uppercase; font-size:10px; color:#fff}
#footerlinks a:hover {color:#6F70DF}





.breadcrumbs {font-size:11px; padding-bottom:10px}
.parentcrumbs {font-size:11px; margin-bottom:-3px}
.pagetitle {font-size:13px; font-weight:bold; margin-bottom:20px}

hr {height:1px; border:none; background:#aaa; color:#aaa; margin:15px 0}




#slideshow {position:relative; height:171px; margin-left:100px}
#slideshow img {position:absolute; top:0; left:0; z-index:8}
#slideshow img.active {z-index:10}
#slideshow img.last-active {z-index:9}

.communitydate {font-weight:bold; padding-bottom:5px}

.elecnewsdate {font-weight:bold; padding-bottom:5px}
.elecnewspublisher {font-size:13px; font-weight:bold; margin:6px 0 1px; line-height:1.4em}
.elecnewsdetails {font-size:11px; line-height:1.4em}

.mediadate {font-weight:bold}

#issue .inputrow {clear:both; float:left; margin-bottom:4px; width:445px}
#issue .textarearow {font-weight:bold; clear:both; float:left; margin-top:15px; width:445px}
#issue .inputleftcol {float:left; width:120px; font-weight:bold}
#issue input {border:1px solid #c1c1c1; width:190px; padding:3px; font-size:11px}
#issue input:hover, #issue input:focus, #issue textarea:hover, #issue textarea:focus {background:#f1f1f1}
#issue textarea {border:1px solid #c1c1c1; overflow:auto; padding:3px; font-size:11px; font-family:Arial; font-weight:normal; width:435px; height:180px}
#issue #issuesubmit {cursor:pointer; margin-left:352px; margin-top:5px; border:1px solid #c1c1c1; width:90px; padding:3px; font-size:11px}

#commlistheader {margin-top:20px; border:1px solid #fff; font-weight:bold}
.commlistdatecols {float:right; width:80px}

#mailinglist .mailrow {clear:both; float:left; margin-bottom:4px; width:445px}
#mailinglist .mailleftcol {float:left; width:120px; font-weight:bold}
#mailinglist input {border:1px solid #c1c1c1; width:313px; padding:3px; font-size:11px}
#mailinglist input:hover, #mailinglist input:focus {background:#f1f1f1}
.checkbox {width:20px !important; margin-top:3px; border:none !important;}
#mailinglist #mailinglistsubmit {cursor:pointer; margin-left:342px; margin-top:5px; border:1px solid #c1c1c1; width:100px; padding:3px; font-size:11px}