/* === basic v1.2 by todd =================== */
/* now with color themes and a bit of cleanup */

/* ============================ general page style ========================== */
/* ================== for inclusion throughout the site ===================== */
/* ========================================================================== */


/* --- body and container --------------------------------------------------- */

body {
margin: 0;
padding: 0;
background-color:#fff;
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#000;
}

/* --- link colors --------------------------------------------------- */


a:link {
color: #006;
}
a:visited {
color: #369;
}
a:hover {
color: #5C9D97;
}
a:active {
color: #069;
}

/* --- display hacks -------------------------------------------------------- */

.clear {
clear:both;
font-size:.1em;
line-height:.1em;
}
p.clear {
margin:0;
padding:0;
}
div.spacer {
line-height:1.4em;
clear:both;
}

/* ============================= basic modules  ============================= */
/* ================== for inclusion throughout the site ===================== */
/* ========================================================================== */

/* --- simple list ---------------------------------------------------------- */

.simplelist {
margin-left:20px;
}
html>body .simplelist {
margin-left:0;
}
.simplelist li {
list-style-type:square;
color:#555;/* change to whatever color bullet we want*/
list-style-image:url(/templates/types/universal/graphics/greybox5x7.gif);
}
html>body .simplelist li {
margin-left:15px;
}
html>body .simplelist li/**/ {
margin-left:-20px;
}
dl.simplelist {
margin:0;
}
.simplelist .item {
margin:0 0 10px 0;
}
.simplelist dt {
background-image:url(/templates/types/universal/graphics/greybox5x7.gif);
background-repeat:no-repeat;
background-position:left;
padding:0 0 0 10px;
}
.simplelist dd {
margin: 0 0 0 -20px; /* for ns4 */
}
* .simplelist dd {
margin:0;
}

/* --- simple menu ---------------------------------------------------------- */

.simplemenu {
margin:0;
padding:0;
}
.simplemenu li {
list-style-type:none;
}

/* --- inline menu ---------------------------------------------------------- */

.inlinemenu {
list-style-type:none;
margin:0;
padding:.4em;
}
/*/*/ 
#dummy {}
.inlinemenu li {
display:inline;
padding:0 2em 0 0;
margin:0;
}
/* */
.inlinemenu li.last {
padding:0;
margin:0;
}

/* --- article list --------------------------------------------------------- */

.articlelist {
margin:0;
}
.articlelist .item {
margin:0 0 .8em 0;
clear:both;
}
.articlelist dt {
font-size:12pt;
font-weight:bold;
}
.articlelist dt a {
font-weight:bold;
}
.articlelist dd.subtitle {
font-size:12pt;
font-weight:bold;
margin:0;
}
.articlelist dd.description {
margin:0;
font-size:10pt;
}
.articlelist dd.date {
font-size:9pt;
margin:0;
}
.articlelist dd.biline {
font-size:9pt;
margin:0;
}
.articlelist img {
float:left;
margin:0 .4em 0 0;
}

/* --- two column layout ---------------------------------------------------- */

.twocol {
margin:0 0 1em 0;
}
.twocol1, .twocol2 {
float:left;
/* width:  in product stylesheet, adjust width so that it is 48% of the overall width. less than 50% accomodates for the box model */
padding:.5em;
}
.twocol2 {
margin:0 0 0 1em;
}


/* ============================ page containers ============================= */
/* ==== header, leaderboard, sitemenu and footer elements common to site ==== */
/* ========================================================================== */

/* --- page ----------------------------------------------------------------- */

#container {
width:765px;
}
#group {
clear:both;
}

/* --- leaderboard ---------------------------------------------------------- */

#adpos1 {
margin:0;
text-align:center;
font-size:10px;
padding:.5em;
}

/* --- header, brandicon ---------------------------------------------------- */

#header {
margin:0;
padding:0;
line-height:30px;
}
#header .twocol {
border-left:1px solid #fff;
}
#header form {
margin:0;
padding:0;
}
#header .twocol1 {
width:200px
}
#header .twocol2 {
text-align:right;
margin-left:400px;
float:none;
}
#header #logo {
margin:0;
padding:10px;
}
#header #simplesearch {
padding:10px 10px 0 0;
}
#header .clear, #sitemenu .clear  {
font-size:1px;
height:1px;
}
#header .twocol, #header .twocol1, #header .twocol2, #sitemenu .twocol, #sitemenu .twocol1, #sitemenu .twocol2  {
margin:0;
padding:0;
}

/* --- simplesearch --------------------------------------------------------- */

#simplesearch {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:2px .75em 0 0;
}
#simplesearch strong {
font-weight:bold;
}
#simplesearch form {
display:inline;
}

/* --- sitemenu ------------------------------------------------------------- */

#sitemenu {
margin:0;
padding:0;
height:2em;
font-size:10px;
}
#sitemenu .twocol {
border-left:1px solid #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
}
#sitemenu .twocol1 {
padding:5px 0 5px 10px;
}
#sitemenu .twocol2 {
padding:5px 10px 5px 0;
float:right;
}

/* --- footer --------------------------------------------------------------- */

#footermenu {
margin:0;
text-align:center;
font-size:10px;
padding:.5em .5em .5em 1em;
}
#group .backtotop {
padding:.5em;
display:block;
text-align:right;
font-size:10px;
}
#footer #chroniclemenu {
float:left;
padding:.25em 0 0 .75em
}
#footer #sectionjumpmenu {
float:left;
}



/* ================================ themes ================================== */
/* ======== change the header, footer and link colors of your product ======= */
/* = define $theme in your product type, and switch $brandicon to the match = */
/* ========================================================================== */


/* --- white, simple -------------------------------------------------------- */

body.white #adpos1 {
background-color:#ddd;
border-bottom:1px solid #999;
border-left:8px solid #999;
}
body.white #header {
background-color: #fff;
border-right:1px solid #ddd;
border-left:8px solid #ddd;
}
body.white #footer #footermenu {
background-color:#fff;
border-top: 1px solid #ddd;
border-bottom:1px solid #ddd;
border-left:8px solid #ddd;
}
body.white #sitemenu {
background-color: #fff;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
border-left: 8px solid #ddd;
}
body.white #sitemenu a, body.white #sitemenu a:link, body.white #sitemenu a:visited {
color:#000;
}
body.white #header #simplesearch strong {
color:#777;
}

/* --- teal, current default ------------------------------------------------ */

body.teal #adpos1 {
background-color:#ddd;
border-bottom:1px solid #999;
border-left:8px solid #999;
}
body.teal #header {
background-color: #668B8B;
border-left:8px solid #000;
}
body.teal #footer #footermenu {
background-color:#CCE5E5;
border-top: 1px solid #777;
border-bottom:1px solid #777;
border-left:8px solid #CC3333;
}
body.teal #sitemenu {
background-color: #CCE5E5;
border-top:1px solid #fff;
border-bottom:1px solid #777;
border-left: 8px solid #CC3333;
}
body.teal #sitemenu a, body.teal #sitemenu a:link, body.teal #sitemenu a:visited {
color:#006;
}
body.teal #sitemenu a:hover {
color:#369;
}
body.teal #header #simplesearch strong {
color:#FDFFD4;
}