*
{
margin: 0;
padding: 0;
}

#wrapper
{
position: relative; /* allows me to absolutley position a couple of divs in relation to the wrapper */
width: 678px; 
\width: 715px; /* good ole box model hack for IE5 */
w\idth: 678px;
margin: 0 auto;
padding: 0 20px 0 17px;
text-align: left; /* resetting the centering hack on the body for IE5 */
background: #FFF url(../i/bg_wrapper.jpg);
}

#logo
{
height: 160px;
background: url(../i/bg_logo.png) no-repeat;
z-index: -100;
}

#logo h1
{
margin: 0;
padding: 0;
}

#logo h1 a
{
display: block;
width: 180px;
height: 85px;
text-indent: -2000px;
border: 0;
text-decoration: none;
}

#logo ul
{
display: none;
}

/*
.leftCol
{
float: left;
clear: left;
width: 163px;
background: #A0D9EC;
padding-bottom: 40px;
}
*/
.leftCol
{
position: absolute;
top: 160px;
left: 17px;
width: 163px;
background: #A0D9EC;
padding-bottom: 40px;
}


.leftCol blockquote, .leftCol p
{
font-size: 0.95em;
line-height: 1.4em;
color: #055394;
margin: 5px 15px 2px 15px; /* MODIFIED BY CJ */
}


#navContainer
{
background: #F2F0EE url(../i/bg_leftCol.jpg) bottom repeat-x;
padding-bottom: 53px;
}

#navContainer ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#navContainer ul li a, #navContainer ul li.active
{
padding: 2px 5px 2px 15px;
color: #8F806B;
}

#navContainer ul li a:hover
{
color: #E08007;
text-decoration: none;
}

#navContainer ul li.active
{
color: #E08007;
}

#navContainer ul li ul /* hides all the sub nav unless it is on the active page */
{
display: none;
}

#navContainer ul li.active ul /* over rides the above declaration */
{
display: block;
}

#navContainer ul li.active ul li a
{
color: #247AC5;
}

#mainCol
{
margin: -55px 150px 0 180px;
}

#mainCol blockquote
{
font-size: 0.95em;
line-height: 1.4em;
margin: 10px 5px;
font-style: italic;
width: 335px;
}

#mainCol ul li
{
list-style-type: none !important;
list-style-type: disc;
margin-left: 0 !important;
margin-left: 12px;
padding-left: 10px !important;
padding-left: 0;
background: url(../i/bg_list_item.png) no-repeat 0 0.58em !important;
background: none;
}

/* ----- ADDED BY CJ ------ */
#newsList h3
{
font-size: 0.95em;
font-weight: bold;
margin-bottom: -10px;
color: #1A71B9; /* Added by CJ */
}

#newsList p
{
color: #666;
}

#newsList span
{
color: #DE8003;
font-style: italic;
}



/* ----- HOMEPAGE LAYOUTS ----- */

#home #wrapper
{
background: url(../i/bg-hm-wrapper.jpg);
}

#home #wrapper #footer
{
padding: 90px 0 5px; 0;
background: #A69D96 url(../i/bg-hm-footer.png) no-repeat;
}

#welcomeMessage
{
position: absolute;
top: 142px;
left: 199px;
width: 200px;
z-index: 200;
}

#home #wrapper #mainCol
{
margin: 270px 245px 0 180px;
}

#home #wrapper .leftCol #navContainer
{
height: 205px;
}

#rightColHm
{
position: absolute;
top: 32px;
right: 20px !important;
right: 19px; /* hack to bring IE into line */
width: 515px;
height: 383px;
background: url(../i/bg-hm-mel-jo.jpg) no-repeat;
z-index: 0;
}

#sponsor
{
position: absolute;
top: 410px;
right: 20px !important;
right: 19px; /* hack to bring IE into line */
width: 230px;
height: 107px;
/* background: url(../i/bg-sponsor.png); */
}

#sponsor p
{
color: #666666;
padding: 10px;
}

#latestNews h3
{
font-size: 0.95em;
font-weight: bold;
margin-bottom: -10px;
color: #1A71B9; /* Added by CJ */
}

#latestNews p
{
color: #666;
}

#latestNews span
{
color: #DE8003;
font-style: italic;
}

/* ----- PAGE TITLES ----- */
/* ----- CHANGED BY CJ ----- */
#newsHm {
width: 230px;
height: 34px;
text-indent: -2000px;
background: url(../i/title-company.png) no-repeat;
}

#company, #team, #services, #portfolio, #links, #contact, #news 
{
width: 250px;
height: 34px;
text-indent: -2000px;
background: url(../i/title-company.png) no-repeat;
}

#team { background: url(../i/title-team.png) no-repeat; }
#services { background: url(../i/title-services.png) no-repeat; }
#portfolio { background: url(../i/title-portfolio.png) no-repeat; }
#links { background: url(../i/title-links.png) no-repeat; }
#contact { background: url(../i/title-contact.png) no-repeat; }
#news { background: url(../i/title-news.png) no-repeat; }
#newsHm { background: url(../i/title-hm-news.png) no-repeat; }

#welcome
{
text-indent: -2000px;
}


#rightCol
{
position: absolute;
top: 54px;
right: 20px !important;
right: 19px; /* hack to bring IE into line */
width: 133px;
height: 331px;
}


#footer
{
clear: both;
_height: 3.3em; /* IE struggles without a height */
padding: 70px 0 5px; 0;
background: #A69D96 url(../i/bg_footer.png) no-repeat;
}

#footer h6, #footer address
{
margin: 5px 18px;
color: #FFF;
font-style: normal;
}

#footer #bsi-link
{
margin: 5px 18px;
font-size: 0.8em;
color: #FFF;
font-style: normal;
}

#footer h6
{
font-size: 1.0em;
font-weight: bold;
margin-bottom: -6px;
}

#footer a
{
color: #B9E479;
}

#footerBase
{
width: 678px;
\width: 715px;
w\idth: 678px;
margin: 0 auto;
padding: 0 20px 0 17px;
text-align: left; /* hack to center content IE */
height: 30px;
background: url(../i/bg_footer_base.jpg);
}

/* HTML tag guff */
body
{
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: #666;
text-align: center; /* needed to center the wrapper in IE5 */
background: #FFF;
letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5, h6, dt
{
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
margin: 10px 5px;
padding-bottom: 3px;
color: #000;
}

h1
{
font-size: 1.4em;
}

h2
{
font-size: 1.3em;
color: #1A71B9;		/* ---- ADDED BY CJ ---- */
font-weight: bold; 	/* ---- ADDED BY CJ ---- */
}

h3, h4, h5, h6, dt, legend
{
font-size: 1.22em;
}

p, address
{
font-size: 0.95em;
line-height: 1.4em;
margin: 10px 5px;
}


hr
{
display: none;
}

a
{
color: #1A71B9;
text-decoration: underline;
}

a:visited
{
/*color: #666;*/ /* Changed by CJ */
color: #1A71B9;
}

a:hover
{
color: #E08007;
text-decoration: none;
}

ul, ol, dl
{
list-style-type: none;
margin: 7px 10px;
color: #333;
}

ol
{
list-style-type: decimal;
margin-left: 55px;
}

li, dd
{
font-size: 0.95em;
line-height: 1.7em;
color: #666;
}

dt
{
margin: 7px 18px 0 0;
}

img
{
border: 0;
}

form
{
margin: 15px 0;
}

label
{
display: block;
margin: 7px 0 2px 0;
font-size: 0.95em;
cursor: pointer;
}

label:hover
{
text-decoration: underline;
}

acronym
{
border-bottom: 1px dotted #333;
cursor: help;
}

fieldset
{
border: 0;
}

legend
{
display: none;
}

/* ---- END REDEFINED HTML TAGS ---- */