body {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#000000;
margin:20px 0 0 0;
padding:0 0 0 0;
background:#ffffff url("../images/bg-logo.jpg") repeat-x top center;
}

p {
margin-bottom:10px;
line-height:1.2em;
}

ul, ol {
margin:0 0 12px 0;
padding:0;
}

li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(../images/bulleted-li.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size:1em;
color:#454545;
}

a {
color:#6E312A;
text-decoration:none;
}

a:hover {
color:#666633;
text-decoration:underline;
}



/* Main Outer Container */
#pageWrap {
margin:0 auto;
padding:0;
width:980px;
}


/* Header */
#header {
margin:0;
padding:0;
width:980px;
height:135px;
background-image:url(../images/bg-header.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#header h1 {
margin:0;
padding:15px 0 0 225px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#014b31;
font-size:3em;
font-weight:lighter;
}

#header p {
margin:0;
padding:5px 0 0 210px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00603e;
}



/* Main Navigation */
#navBar {
margin:0;
padding:0;
width:980px;
height:35px;
line-height:35px;
background:url(../images/bg-navigation.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navBar ul{
list-style-type:none;
margin-left:40px;
}

#navBar li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li a{
margin:0 0 0 -5px;
padding:9px 12px 9px 12px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #000000;
}

#navBar ul li a:hover{
color:#ffffff;
text-decoration:none;
color: #FFFB98;
background: url("../images/currenthover.png") repeat-x top center;
}

#navBar li.end {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li.end a{
margin:0 0 0 -5px;
padding:9px 12px 9px 12px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

#navBar li .current{
color: #003322;
background: url("../images/currentcategory.png") repeat-x top center;
}

/* Content Container */
#container {
margin:0;
padding:10px 0 0 0;
width:980px;
}




/* Left Content Column - heavy negative margin so center column can appear first in HTML */
#leftColumn {
float:left;
margin:0 0 0 -750px;
padding:0;
width:140px;
font-size:.9em;
color:#686868;
}

#leftColumn h2 {
font-size:1.4em;
color:#663300;
}

#leftColumn ul, ol {
margin:0 0 12px 0;
padding:0;
}

#leftColumn li {
margin:5px 0 0 0;
padding-left:15px;
list-style:none;
background-image:url(../images/bulleted-li.gif);
background-position:0 1px;
background-repeat:no-repeat;
font-size:.95em;
color:#6E312A;
}

#leftColumn .suggestion{
width:140px;
}
#leftColumn .suggestion a{
text-decoration:none;
}
#leftColumn .suggestion a:hover{
text-decoration:none;
font-weight: bold;
}

#leftColumn p {
margin-top:2px;
margin-bottom:5px;
line-height:1.2em;
}

#leftColumn .sponsor{
padding:3px;
background: #fafae9;
margin-bottom: 2px;
}

#leftColumn li .current{
font-weight: bold;
}



/* Center Content Column */
#centerColumn {
float:left;
margin:0 10px 0 145px;
padding:6px 6px 6px 10px;
width:580px;
font-size:small;
color:#000000;
border-left:1px dotted #d4daa0;
}
#centerColumn .guide{
height: 75px;
background: url(../images/bg-description.jpg);
padding: 5px 10px 0px 10px;
margin: 10px 0 10px 0;
}
* html #centerColumn .guide{ margin-top: 1px; /* for IE6 */}
*+html #centerColumn .guide{ margin-top: 1px; /* for IE7 */}

#centerColumn h2 {
margin:0 0 5px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#663300;
font-weight: normal;
}

#centerColumn h3 {
margin:0 0 5px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#663300;
font-weight: normal;
}
#centerColumn h4 {
margin:0 0 5px 0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#663300;
font-weight: normal;
}
#centerColumn .important{
padding:5px;
background: #fafbdc;
border: 1px dotted #996666;
margin-top: 5px;
margin-bottom: 5px;
}

#centerColumn .small{
font-size:.8em;
}

.catbox{
display: inline-table;
float: left;
width: 270px;
font-size:.8em;
margin: 0 10px 10px 0;
color: #555946;
padding: 3px;
border: 1px dotted #f4f5c4;
}
.catbox a{
font-size:1.2em;
}

.tipbox{
display: inline-table;
width: 100%;
font-size:.8em;
color: #555946;
margin-bottom: 10px;
padding-bottom: 3px;
border-bottom: 1px dotted #f4f5c4;
}
.tipbox a{
font-size:1.2em;
}

hr {
color: #fff;
background-color: #fff;
border: 1px dotted #d4daa0;
border-style: none none dotted;
margin-bottom: 6px;
}
* html hr {margin: 0; /* for IE6 */}
*+html hr {margin: 0; /* for IE7 */}



/* Right Content Column */
#rightColumn {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#f4f5c4;
border:1px dotted #d4daa0;
}

#rightColumn h2 {
font-size:1.5em;
color:#6a6636;
text-align: center;
padding-bottom: 3px;
font-weight: normal;
}

#rightColumn p {
margin: 0;
padding: 0;
}

.advisor{
padding:3px;
background: #fafbdc;
border: 1px solid #fefeec;
margin-top: 2px;
margin-bottom: 5px;
text-align: center;
}

#rightColumn ul {
margin:5px 0 12px 0;
padding:0;
}

#rightColumn li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(../images/bulleted-li-bg-dark.gif);
background-position:0 2px;
background-repeat:no-repeat;
font-size:1em;
color:#454545;
}





/* Footer */
#footer {
margin:20px 0 10px 0;
padding:0;
width:980px;
height:100px;
background-image:url(../images/bg-footer.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

.tip1 {
float: left;
width: 728px;
height: 100px;
padding:5px 0 0 15px;
}

.tip2 {
float: left;
width: 145px;
margin:0;
padding:10px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:center;
}
.tip3 {
float: right;
margin:0;
padding:85px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#454545;
text-align:center;
}

#footer a {
color:#9C291D;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}


/* Clears nested floats */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.small{
font-size:.9em;
}

.large{
font-size:1.4em;
}

.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}

u{
text-decoration: none;
border-bottom: 1px dotted #d4daa0;
}