/*

CODED BY: BEA BERNARDO
DATE: 18 FEBRUARY 2010

COLORS USED:
Light-Blue: #0794d1
Dark-Blue: #3855a5
Yellow: #febd2d
Gray: #5c5c5c

*/

html {
background: url(Images/jcibg.jpg) no-repeat;
background-position: top;
}

body {
font-size: 80%;
font-family: calibri, helvetica, georgia, sans serif;
line-height: 1.3em;
text-align: center;
color: #000000;
min-width: 780px;
max-width: 1260px;
}

ul, li, img, body, html {
margin: 0; padding: 0;
}

a {
text-decoration: none;
color: #5c5c5c;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

h5 {
background: url(Images/yellowbg.jpg); repeat-x;
color: #0794d1;
font-size: 100%;
margin: 0;
padding: .2em .5em;
text-align: center;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

h3 {
color: #0794d1;
font-size: 120%;
}

h4 {
color: #febd2d;
font-size: 120%;
}

h6 {
font-size: 100%;
}

h2 {
font-size: 110%;
color: #000000;
font-family: calibri;
}

h7 {
background-color: #febd2d; repeat-x;
color: #0794d1;
font-size: 100%;
padding: .2em .5em;
font-weight: bold;
margin-left: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

h1 {
background-color: #febd2d; repeat-x;
color: #0794d1;
font-size: 100%;
padding: .2em .5em;
font-weight: bold;
margin-left: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#container {
text-align: left;
width: 1024px;
margin: auto;
max-width: 1260px;
min-width: 780px;
}

#container ul, #container ul li {
list-style-type: none;
}

#header {
background: url(Images/headerBG.jpg) repeat-x;
overflow: hidden; 
margin-top: 40px;
margin-left: 60px;
margin-right: 60px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#header #headertext h3 {
margin-top: -80px;
margin-left: 300px;
}

#header #headertext h4 {
margin-top: -32px;
margin-left: 484px;
}

#header #headertext p {
margin-top: -22px;
margin-left: 300px;
font-size: 100%;
font-weight: bold;
letter-spacing: .07em;
}

#header #whatsnew h1 {
margin-top: -50px;
margin-left: 700px;
background: repeat-none;
width: 74px;
}

#header #whatsnew p {
margin-top: 10px;
margin-left: 700px;
}

#header #whatsnew a {
color: #0794d1;
}

#header img {
margin-left: 20px;
margin-top: 5px;
}

#header #headernav a {
color: #ffffff;
margin-left: 25px;
margin-right: 10px;
}

#header #headernav {
margin-top: 5px;
}

/* SIDEBAR */

#sidebar1 {
background: #ffffff;
width: 200px;
float: left;
margin-left: 60px;
margin-top: 30px;
filter: alpha(opacity=80);
opacity: .8;
-moz-opacity: .8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#sidebar1 #h5 {
margin-top: 40px;
}

#sidebar1 h1 {
width: 85px;
}

#sidebar1 #sidenav {
text-align: right;
}

#sidebar1 ul#sidenav li {
border-bottom: 1px solid #0794d1;
margin-right: 5px;
margin-left: 5px;
}

#sidebar1 ul#sidenav li a:hover {
text-decoration: none;
color: #ffffff;
background: #0794d1;
font-weight: bold;
}

#sidebar1 #contacts {
margin-left: 12px;
line-height: 1em; 
margin-bottom: 10px;
}

#sidebar2 {
background: #ffffff;
width: 200px;
float: left;
margin-left: -200px;
margin-top: 360px;
filter: alpha(opacity=80);
opacity: .8;
-moz-opacity: .8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#sidebar2 #eventhighlights {
margin: 10px;
line-height: 1.4em;
}

#sidebar3 {
background: #ffffff;
width: 200px;
float: left;
margin-left: -200px;
margin-right: 20px;
margin-top: 735px;
filter: alpha(opacity=80);
opacity: .8;
-moz-opacity: .8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#sidebar3 ul li {
margin-right: 5px;
margin-left: 5px;
border-bottom: 1px solid #0794d1;
text-align: right;
text-transform: uppercase;
}

#sidebar3 ul {
margin-bottom: 10px;
}

#sidebar3 a:hover {
text-decoration: none;
color: #ffffff;
background: #0794d1;
font-weight: bold;
}

#sidebar4 {
background: #ffffff;
width: 190px;
float: left;
margin-left: -220px;
margin-right: 20px;
margin-top: 885px;
filter: alpha(opacity=80);
opacity: .8;
-moz-opacity: .8;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 5px;
text-align: center;
}

/* MAIN CONTENT */

#mainContent {
padding: 0 1em;
background: #ffffff;
background-repeat: repeat-y;
width: 650px;
float: right;
margin-right: 60px;
margin-top: 30px;
filter: alpha(opacity=80);
opacity: .8;
-moz-opacity: .8;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#mainContent div {
overflow: hidden;
}

#tier2, #tier3 {
margin-top: 2em;
}

#tier1 {
margin-top: 1em;
margin-left: 1em;
text-align: left;
}

#tier1 img {
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}

#tier2 {
text-align: center;
}

#tier3 {
text-align: center;
margin-bottom: 2em;
}

/* FOOTER */

#footer {
margin-top: 1300px;
background: #3855a5;
height: 200px;
}

#footer p {
text-align: center;
color: #ffffff;
font-size: 90%;
}