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

* {
 margin: 0;
}

html, body {
 text-align:center;
 height:100%;
 padding:0;
 }

body {
 background-color:#8da254;
 background-image:url(/img/bg4.jpg);
 background-repeat:repeat-x
 }

a:link                        { color:#8f3529; text-decoration:none; }
a:visited                    { color:#8f3529; text-decoration:none; }
a:hover                        { color:#8f3529; text-decoration:underline; }
a:active                    { color:#8f3529; text-decoration:none; }

#header a:link                { color:#ffffff; text-decoration:none; }
#header a:visited            { color:#ffffff; text-decoration:none; }
#header a:hover                { color:#ffffff; text-decoration:underline; }
#header a:active            { color:#ffffff; text-decoration:none; }

#footer a:link                { color:#666666; text-decoration:none; }
#footer a:visited            { color:#666666; text-decoration:none; }
#footer a:hover                { color:#666666; text-decoration:underline; }
#footer a:active            { color:#666666; text-decoration:none; }

.mainmenu-item a:link        { color:#1f596d; text-decoration:none; }
.mainmenu-item a:visited    { color:#1f596d; text-decoration:none; }
.mainmenu-item a:hover        { color:#1f596d; text-decoration:underline; }
.mainmenu-item a:active        { color:#1f596d; text-decoration:none; }

#releases a:link                { color:#000000; text-decoration:none; }
#releases a:visited            { color:#000000; text-decoration:none; }
#releases a:hover                { color:#000000; text-decoration:underline; }
#releases a:active            { color:#000000; text-decoration:none; }

#container {
 width:880px;
 min-height: 100%;
 height: auto !important;
 height:100%;
 background-color:#ddddc3;
 background-image:url(/img/rightside-bg-light.gif);
 background-position:top right;
 background-repeat:repeat-y;
 margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
 border-left:6px #ffffff solid;
 border-right:6px #ffffff solid;
 min-height: 100%;
 height: auto !important;
 }

#header {
 width:860px;
 height:80px;
 background-color:#1f596d;
 border-bottom:6px #ffffff solid;
 background-image:url(/img/JU-header.gif);
 background-repeat:no-repeat;
 background-position:left;
 text-align:right;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 color:#ffffff;
 padding:10px 10px 10px 10px;
 }
 
#footer {
 background-color:#ffffff;
 border-top:#ffffff 1px solid;
 clear:both;
 border-left:6px #ffffff solid;
 border-right:6px #ffffff solid;
 }

#footer, #push {
 height: 24px; /* .push must be the same height as #footer */
 width:860px;
 color:#666666;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 margin:0 auto;
 padding:0px 10px 0px 10px;
 }

/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/

#copyright {
 text-align:left;
 left:0px;
 position:relative;
 }
 
#footer-links {
 text-align:right;
 right:0px;
 position:relative;
 }

/*** Layout Elements  ***/

#left-side {
 width:675px;
 height:auto;
 float:left;
 text-align:left;
 }

#right-side {
 width:200px;
 height:auto;
 padding-bottom:0px;
 float:right;
 text-align:left;
 }
 
#submenu {
 width:185px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 padding:10px 10px 10px 10px;
 border-bottom:5px solid #ffffff;
 }

#submenu-2 {
 width:185px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 padding:10px 10px 0 10px;
 }

#submenu p {
 padding-bottom:2px;
 } 

#submenu-2 p {
 padding-bottom:2px;
 } 

#submenu ul {
 font-size:9px;
 list-style-type:none;
 line-height:15px;
 padding:0 0 5px 10px;
 }

#submenu-2 ul {
 font-size:9px;
 list-style-type:none;
 line-height:15px;
 padding:0 0 5px 10px;
 }

#helpful-links {
 width:200px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 line-height:18px;
 padding:10px 10px 10px 10px;
 }

#helpful-links p {
 padding-bottom:2px;
 } 

#helpful-links ul {
 font-size:9px;
 list-style-type:none;
 padding:0 0 2px 10px;
 }

#mainmenu-box {
 width:200px;
 padding:5px 0 5px 0px;
 border-bottom:5px #ffffff solid;
 background-image:url(/img/mainmenu-bg.jpg);
 }

.mainmenu-item {
 width:180px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#72502D;
 font-size:11px;
 padding:5px 5px 5px 20px;
 }

.mainmenu-item h3 {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:12px;
 font-weight:bold;
 color:#1f596d;
 margin-left:-8px;
 }

#frame-image {
 width:200px;
 height:133px;
 background-image:url(/img/frame-image-bg.jpg);
 background-repeat:no-repeat;
 border-bottom:5px solid #ffffff;
 }

/***Formatting***/

h1 {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 font-weight:bold;
 color:#1f596d;
 padding-bottom:10px;
 }

h2 {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:12px;
 font-weight:bold;
 color:#1f596d;
 padding-bottom:5px;
 }

h4 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#000000;
 padding-bottom:5px;
 }

/***Center Area***/

#center-full {
 width:655px;
 /*height:auto;*/
 margin:10px 0 10px 10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#000000;
 text-align:left
 }

#center-full p {
 padding-bottom:10px;
 }

#center-full ul {
 padding:0px 10px 10px 10px;
 max-width:400px;
 list-style-type:none;
 }

#center-full li {
 padding-bottom:6px;
 }

#releases ul {
 padding:0px 0px 20px 0px;
 width:650px;
 list-style-type:none;
 }
#releases li {
 padding-bottom:12px;
 font-weight:bold;
 font-size:11px;
 }

#center-full ol {
 margin:0px 10px 10px 10px;
 max-width:400px;
 list-style-type:decimal;
 }
 
#breadcrumbs {
 font-size:9px;
 color:#8f3529;
 }

#center-nav {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:10px;
 float:right;
 border:2px solid #ffffff;
 background-color:#e4e5c1;
 padding:10px 10px 0px 10px;
 margin:12px 0px 7px 10px
 }

#center-nav li {
 padding:0px 0px 5px 0px;
 }