/* CSS Document */

body, table, tr, td, div, img, form, object, embed, ul, ol, li, cite, a {
padding: 0;
margin: 0;
border-width: 0;
}

body {
width: 750px;
color: #555;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #699;
padding-bottom: 40px;
margin: 0 auto;
}


/* TEXT STYLES AND GENERAL STYLES */

p, ul { 
line-height: 17px;
margin: 0 0 10px 0; 
}

p.home {
line-height: 24px;
}

a {
color: #700;
}

h1 {
float: left;
width: 510px;
height: 24px;
color: #aa4;
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
letter-spacing: 1px;
background: url(images/bg-pageheaddots.gif) 0 19px no-repeat;
padding-bottom: 20px;
margin: 0 0 6px 0; 
}

h2 {
color: #377; 
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 18px 0 2px 0; 
}

.clear {
clear: both;
}

.greentext { color: #771; }

/* CONTAINERS, BOXES AND COLUMNS */

#container {
width: 750px;
float: left;
background-color: #699;
padding-bottom: 20px;
}

#header {
width: 750px;
height: 100px;
float: left;
padding: 0;
margin: 0;
}

/* nav bar */
#navmain {
width: 640px;
height: 18px;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
padding: 8px 40px 4px 70px;
background: #966 url(images/bg-navbar.gif) left 0 no-repeat;
margin: 0;
}

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

#navmain li {
display: inline;
margin-right: 0;
margin-left: 0;
padding: 0;
}

#navmain li a {
color: #ccc;
text-decoration: none;
padding-left: 14px;
background: url(images/bullet-nav.gif) 3px 5px no-repeat;
}

#navmain li a.first {
background: none;
}

#navmain li a:hover, #navmain li a.active {
color: #fff;
text-decoration: none;
}

#navmain li a.active {
font-weight: bold;
}

/* page content (2-column) */
#pagecontent {
width: 750px;
float: left;
padding: 0;
background: #fff url(images/bg-pagecontent.gif) repeat-y;
margin: 0;
}

#pagecontent #leftcol, #pagecontent .leftcolport {
width: 510px;
float: left;
padding: 20px;
}

#pagecontent #leftcol ul {
list-style-type: none;
}

#pagecontent #leftcol ul li {
background: url(images/bullet.gif) left 3px no-repeat;
padding-left: 12px;
margin-left: 25px;
}

#pagecontent #leftcol img.intext {
float:left;
margin: 0 10px 6px 0;
}

#pagecontent #rightcol, #pagecontent .rightcolport {
width: 160px;
float: left;
padding: 20px;
}

#pagecontent #rightcol img {
margin: 0 0 20px 0;
}

#pagecontent #rightcol img.art {
margin: 0;
}

#pagecontent #rightcol img.bot {
margin-bottom: 0;
}

#pagecontent .leftcolport, #pagecontent .rightcolport {
padding-bottom: 0;
}

#pagecontent .leftcolport img.lastpiece {
padding-bottom: 20px;
}

#footer {
width: 710px;
height: 34px;
float: left;
color: #999;
font-size: 10px;
text-align: right;
font-style: italic;
padding: 16px 20px 20px 20px;
background: #922 url(images/bg-footer.gif) no-repeat;
margin: 0;
}

#footer p {
line-height: 15px;
}

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