body {
background: #555 url(../images/ncal/background.jpg) ;
font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555;
line-height: normal;
text-align: left;
padding: 0px 0 0 0;
margin: 0;
}

/* main navigation */
#navbar {
width: 600px;
background: #000;
text-align: left;
overflow: hidden;
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
padding: 0;
margin: 0;
}

ul#navlist {
display: block;
background: url(../images/ncal/navi_black1.jpg) bottom repeat-x;
padding: 0;
margin: 0;
float: right;
}

ul#navlist li {
display: block;
width: 150px;
text-align: center;
float: left;
}

ul#navlist li a {
display: block;
text-decoration: none;
font-size: 11px;
font-weight: bold;
text-transform: lowercase;
color: #fff;
letter-spacing: 0px;
border-right: 1px solid #555;
border-left: 0px solid #cc5500;
white-space: nowrap;
padding: 10px 0px 10px 0px;
margin: 0px;
}

ul#navlist li a:hover {
background: url(../images/ncal/navi_gray4.jpg) bottom repeat-x;
color: #000;
}

ul#navlist li a.end {
display: block;
text-decoration: none;
font-size: 12px;
}

ul#navlist li a.active {
color: #fff;
font-weight: normal;
}
/* end main navigation */

#container {
background: url(../images/ncal/backgroundTall.jpg) top repeat-x;
padding: 0;
margin: 0;
}

#mainBack {
background-color: #ddd;
border-top: 1px #777 solid;
padding: 0;
margin: 0;
}

.mainCol {
background: url(../images/ncal/mainUp.png) top repeat-x;
display: block;
width: 600px;
text-align: left;
padding: 0;
margin: 0;
}

.pad {
padding: 20px;
margin: 0;
}

.mainCol h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #cc5500;
text-transform: normal;
border-bottom: 0px #cccccc solid;
padding: 0px 0px 2px 0px;
margin: 20px 0 0 0;
}

.mainCol h1 .style1 { color: #555; }

.mainCol h2 {
font-size: 10px;
color: #444;
text-align: left;
border-bottom: 0px #cccccc solid;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2px 0 2px 0;
margin: 0;
}

.mainCol h3 {
font-size: 12px;
color: #000;
text-align: left;
border-bottom: 0px #cccccc dashed;
text-transform: uppercase;
letter-spacing: 0px;
padding: 2px 0 2px 0;
margin: 0;
}

.mainCol h4 {
background-color: #555;
font-size: 10px;
color: #fff;
text-align: left;
border-bottom: 0px #cccccc dashed;
text-transform: uppercase;
letter-spacing: 0px;
padding: 2px 0 2px 0;
margin: 0;
}

.mainCol p { padding: 0 0 0 0; margin: 15px 0 15px 0; }

.mainCol p.tab { font-size: 10px; border-left: 1px #ccc solid; padding-right: 10px; padding-left: 5px; }

.mainCol p strong { color: #444; }

.mainCol a {
color: #764424;
text-decoration: underline;
}

.mainCol a:hover {
color: #444;
text-decoration: none;
}

.mainCol .articles { float: right; width: 170px; font-size: 12px; color: #13589e; padding: 0 0 10px 15px; margin-left: 8px; }

.mainCol .articles ul { list-style: none; padding: 0; margin: 0; }

.mainCol .articles ul li { padding: 2px 0 4px 0; margin: 0; }

.mainCol .articles ul li a { text-decoration: underline; color:#555; padding: 0; margin: 0; }

.mainCol .articles ul li a:hover { color: #666666; }

.mainCol .contentPad {
padding: 10px 0px 0px 10px;
margin: 0;
}

.mainCol ul { list-style: none; }

.mainCol li { padding: 0; }

.mainCol li a { color: #000; }

.mainCol li a:hover { color: #cc6600; }

.mainCol .bullet { display: block; }

.mainCol .bullet ul { list-style: url(../images/ncal/icon/list_arrow_1.png) ; color: #000; }

.mainCol .buller li { padding: 6px 0 6px 0; margin: 2px 0 2px 0; }

.mainCol .imageRight { float: right; padding: 0 0 6px 6px; }

.mainCol .imageLeft { float: left; padding: 0 6px 6px 0; }

.mainCol .line { background-color: #fff; width: 100%; height: 2px; padding: 0; margin: 0;}


#sideBack {
background: #333 url(../images/ncal/background_left_back.jpg) top repeat-x;
border-top: 2px #777 solid;
border-right: 1px #777 solid;
border-bottom: 0px #fff solid;
padding: 0;
margin: 0;
}

.sideCol {
display: block;
width: 299px;
text-align: left;
color: #fff;
padding: 0;
margin: 0;
}

.sideCol p { padding: 3px 5px 3px 5px; font-weight: normal; }

.sideCol a {
color: #2a7ab6;
text-decoration: underline;
}

.sideCol a:hover {
color: #444;
text-decoration: none;
}

.sideCol .headerBack { display: block; height: 25px; width: 200px; }

.sideCol h3 {
background-color: #;
font-size: 12px;
color: #fff;
font-weight: normal;
text-align: left;
border-top: 0px #555 solid;
border-right: 0px #555 solid;
border-bottom: 1px #555 solid;
border-left: 0px #555 solid;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 0 5px 0;
margin: 10px 0 0 0;
}

.sideCol h4 {
font-size: 14px;
color: #fff;
font-weight: bold;
border-bottom: 2px #fff solid;
letter-spacing: 1px;
padding: 5px 5px 5px 0px;
margin: 0px 0px 0px 0px;
}

.sideCol ul {
list-style: none;
}

.sideCol li {
padding: 0;
}

.sideCol a {
color: #fff;
}

.sideCol a:hover {
color: #ccc;
}

.sideCol .leftNav {
width: 100%; 
background: #000000 url(../images/ncal/background_left_col.jpg) top repeat-x; 
text-align: center; 
border-top: 0px #555 solid;
border-right: 0px #555 solid;
border-bottom: 1px #555 solid;
border-left: 0px #555 solid;
padding: 0 0 15px 0; 
margin: 0 0 20px 0;
}

.formPad {
padding: 10px 0px 0px 0px;
margin: 0;
}

input[type="text"] /* To keep form fields consistent */
{
background: #e2e2e2 !important;
}

.mainCol #contactForm {
display: block;
float: left;
border: 0px #999 dotted;
padding: 10px 15px 10px 10px;
margin: 0 10px 0 20px;
}

.mainCol #contactForm p {
font-size: 11px;
padding: 0;
margin : 5px 0 15px 30px;
}

.mainCol #contactForm ul {
list-style: none;
padding: 0;
margin: 0;
}

.mainCol #contactForm ul li {
padding-top: 10px;
}

.mainCol #contactForm ul li a {
text-decoration: underline;
color: #ff0000;
}

.mainCol #contactForm ul li a:hover {
color: #000;
}

.mainCol #contactForm ul li label {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #555;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
border-right: 0px #444 solid;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.mainCol #contactForm ul li label.title { text-align: center; font-weight: bold; color: #000; letter-spacing: 0px; }

.mainCol #contactForm ul li .formfieldarea {
width: 275px;
height: 100px;
background-color:  #eee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #777;
padding: 2px 2px;
margin: 0;
}

.mainCol #contactForm .inputBox {
width: 275px;
height: 15px;
background-color: #eee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #777;
padding: 0;
margin: 0;
}

.mainCol #contactForm fieldset {
border-top: 0px #111 dotted;
border-right: 0px #111 dotted;
border-bottom: 0px #111 dotted;
border-left: 0px #111 dotted;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}

.mainCol #contactForm label.submit {
display: block;
text-align: left;
padding: 10px;
}

.clear { height:1%; clear: both; }

.footer {
display: block;
width: 900px;
background: #fff url(../images/ncal/footNub.png) top repeat-x;
text-align: left;
font-size: 10px;
color: #555;
border-top: 2px #cc5500 solid;
padding: 25px 0px 5px 0px;
margin: 0;
}

.footer .footPad { padding: 0 10px 0 10px; } 

.footer a {
color : #cc5500;
font-size : 10px;
font-weight : bold;
text-decoration : none;
text-transform : lowercase;
padding: 0px 15px 0px 15px;
margin : 0;
}
.footer a:hover {
color : #555;
text-decoration : underline;
padding: 0px 15px 0px 15px;
margin : 0;
}

.copyright {
display: block;
width: 900px;
background: #fff;
text-align: right;
padding: 15px 0px 0px 0px;
margin: 0;
}

.copyright .copyrightPad { padding: 0 10px 0 10px; }

.copyright a {
color : #555;
font-size : 10px;
text-decoration : none;
text-transform : lowercase;
padding: 0;
margin : 0;
}
.copyright a:hover {
color : #000;
padding: 0;
margin : 0;
}