/*  basic page stuff  */

*  { margin: 0; padding: 0; }

body { text-align: left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 75%; line-height: 1em; background-color: #7D7D7D; color: #fff; margin: 1em; }

body h1 { font-size: 9pt; color: #aaa; text-align: center; margin: 8px; }

div { font-size: 1em; }
img { border: 0; }

a, a:link a:active { text-decoration: underline; background-color: inherit; color: #18507C; }
a:visited { text-decoration: underline; background-color: inherit; color: #18507C; }
a:hover { text-decoration: none; background-color: #C3D4DF; color: #385C72; }


div#pagewrapper { border: 1px solid black; margin: 0 auto; background-color: #fff;
                  max-width: 80em; min-width: 70em; color: black; }

.accessibility, hr { position: absolute; top: -999em; left: -999em; }                  
dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; 
      display: inline; }


/* header */
div#header { height: 170px; display: block; }
div#header img.logo { float: left; }
div#header div#rotatingbanner { float: right; margin: 12px; }                  

/*  crumbs  */
div#breadcrumbs { padding: 0.8em 20px 0.9em 20px; font-size: 90%; margin: 0 10px; 
    background: #00405f url(/images/tlc.gif) no-repeat left top; color: white; }

div#phonenumber { float: right; font-weight: bold; }
div#breadcrumbs span.lastitem { font-weight: bold; }

div#breadcrumbs a, div.breadcrumbs a:link, 
div.breadcrumbs a:active, div.breadcrumbs a:visited { color: white; }

div#breadcrumbs a:hover { color: black; }

/*  center frames  */
div#content { margin: 0 auto 2em 0; line-height: 1.5em; }
div#main { margin-left: 26%; margin-right: 2%; padding-top: 1.2em; }
div#sidebar { float: left; width: 24%; display: inline; margin-left: 0; }
div#sidebar #mslogo { text-align: center; margin: 10px 0; }

/*  footer  */
div#footer { clear: both; color: #fff; background-color: #ee3f33; }
div#footer p { font-size: 0.8em; padding: 0.2em 1.5em 0.8em 1.4em; text-align: center; margin: 0; }
div#footer p a { color: #fff; }


/**** NEWS & SPECIALS ON LEFT SIDE ****/

* html div#news img{ float:none; } /* stop floats in IE6 because of float bug*/
* html div#pom img{ float:none; } /* stop floats in IE6 because of float bug*/
* html div#special img{ float:none; } /* stop floats in IE6 because of float bug*/

div#pom { margin: 1em 0 0 1em; background: #fff; text-align: center; border: none; }
div#pom h2 { line-height: 1.6em; background: #ee3f33; color: #333; margin-right: 0; font-size: 1.1em; display: none; }
div#pom h2.title { display: block; background:#00405f url(/images/tlc.gif) no-repeat left top; padding-left:1em; text-align: left; }
/*div#pom h2 a { display: block; float: right; margin:-1.2em 10px 0 0; }*/
div#pom h2 a img { display:block; float:right; margin:-1.45em 5px 0 0; }
div#pom a,
div#pom a:link,
div#pom a:hover,
div#pom a:visited { color: White; text-decoration: none; }

div#news { margin: 1em 0 0 1em; background: #fff; text-align: center; border: none; }
div#news h2 { line-height: 1.6em; background: #ee3f33; color: #333; margin-right: 0; font-size: 1.1em; display: none; }
div#news h2.title { display: block; background:#00405f url(/images/tlc.gif) no-repeat left top; padding-left:1em; text-align: left; }
/*div#news h2 a { display: block; float: right; margin:-1.2em 10px 0 0; }*/
div#news h2 a img { display:block; float:right; margin:-1.45em 5px 0 0; }
div#news a,
div#news a:link,
div#news a:hover,
div#news a:visited { color: White; text-decoration: none; }

div#special { margin: 1em 0 0 1em; background: #fff; text-align: center; border: none; }
div#special h2 { line-height: 1.6em; background: #ee3f33; color: #333; margin-right: 0; font-size: 1.1em; display: none; }
div#special h2.title { display: block; background:#00405f url(/images/tlc.gif) no-repeat left top; padding-left:1em; text-align: left; }
/*div#special h2 a { display: block; float: right; margin:-1.2em 10px 0 0; }*/
div#special h2 a img { display:block; float:right; margin:-1.45em 5px 0 0; }
div#special a.title,
div#special a.title:link,
div#special a.title:hover,
div#special a.title:visited { color: White; text-decoration: none; }



/*----------------------------
					Star rater
----------------------------*/

.rating { margin-top: -15px; margin-bottom: 5px; }
.rating p { display: inline; position: relative; top: 14px; left: 55px; }
.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none;
               margin: 0; padding: 0; background-position: left top; }
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em;
                                               height: 25px; line-height: 25px; outline: none; overflow: hidden;
                                               border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; }

/* smaller star */
.small-star { width: 50px; height: 10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(/cut-and-paste/pics/star_small.gif); line-height: 10px; height: 10px; }


/** main section **/

div#postnavigation { display: none; }

div.PostView { margin-bottom: 25px; }

div.PostView h2 { font-size: 1.5em; text-align: left; padding-bottom: 1px; line-height: 1.5em; 
                  margin: 0 0 -0.4em 0; text-transform: uppercase; }
div.PostView h2 a { color: #ee3f33; text-decoration: none; }
div.PostView h2 a:hover { text-decoration: underline; }

span.AuthorDate { color: #666666; font-size: 10px; }

div.text { margin-top: 10px; }
div.text div.socialBookmarksContainer { margin-top: 10px; }

div.text p { font-size: 1em; margin: 0 0 1.5em 0; line-height: 2em; padding: 0; }
div.text blockquote { border-left: 10px solid #ddd; margin-left: 10px; }
div.text strong, div.text b { font-weight: bold; }
div.text em, div.text i { font-style: italic; }
div.text ul, div.text ol, div.text dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; }
div.text ul li, div.text ol li { line-height: 2em; margin: 0 0 1em 3em; }

div.text div.socialBookmarksContainer a { margin-right: 5px; }

div.PostFooter { padding: 5px; border: 1px solid #e3e3e3; background-color: #f5f5f5;
                 font-size: 90%; color: #505050; margin-top: 5px; }


/*----------------------------
					Comments
----------------------------*/

h1#comment { text-align: left; color: #ee3f33; margin-left: -5px; }
div.comment { border: 1px solid #e3e3e3; padding: 3px 10px; margin-bottom: 10px; }
div.comment p.date { font-size: 10px; color: #666666; text-align: right; margin: 0; padding: 3px 0px;
                     border-bottom: 1px dashed silver; }
div.comment p.author { margin: 0; padding: 3px 0px; border-top: 1px dashed silver; }

div.comment p.gravatar img { float: left; clear: both; margin: 5px 10px 5px 0; }
div.comment p.gravatar img { height: 80px; width: 80px;  }

div.comment p.content { margin: 5px; margin-left: 90px; min-height: 85px; }
div.comment cite { font-family: Monospace; font-style: normal; }
div.comment img.flag { position: relative; top: 2px; }

div.self { border: 1px solid black; }

div.commentForm { padding: 5px; }
div.commentForm h1#addcomment { text-align: left; color: #ee3f33; margin-left: -5px; }

div.commentForm label { float: left; display: block; width: 80px; margin-top: 4px; }
div.commentForm input { width: 300px; }
div.commentForm textarea { width: 100%; height: 150px; border:1px solid silver; padding: 4px; }

#commentMenu { padding: 0; margin:0; clear:both; }
#commentMenu li { float:left; border:1px solid silver; border-bottom: transparent; margin:0; list-style:none;
                  margin-right:5px; padding: 3px 8px; cursor:pointer; position:relative; top: 2px; 
                  background:#d8d8d8; }
#commentMenu li.selected { background:white; border-bottom:1px solid white; }
#commentPreview { display:none; clear:both; min-height: 150px; }

.success { color: green; font-weight: bold; }
.commentForm .bbcode { font-size:10px; float:right; position:relative; top:20px; padding: 3px; }
.bbcode a { margin: 1px; padding: 1px 3px 1px 3px; background: #fff; border: 1px solid #ccc; }


/********************
MENU
*********************/
#menu_vert { padding-left: 0;  margin-left: 10px; }



/* 2nd level */



/* third level has some padding to have it stand out */
div#menu_vert ul ul ul
{
    padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li
{
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #c0c0c0;
    display: block;
    background: #00405f;
}

#menu_vert ul ul li
{
    border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a
{
    height: 1%;
}
* html #menu_vert li hr
{
    height: 1%;
}
/** end fix **/

/* first level links */
div#menu_vert a
{
    text-decoration: none; /* no underline for links */
    display: block; /* IE has problems with this, fixed above */ /*   padding: 0.8em 0.5em 0.8em 1.5em;   top then right, bottom and left */
    padding: 0.5em 0.5em 0.5em 1.5em; /* some air for it */
    color: #fff; /* this will be link color for all levels */
    background: url(images/cms/arrow-right.gif) no-repeat 0.5em center;
    background: transparent;
    min-height: 1em; /* Fixes IE7 whitespace bug */
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a
{
    font-size: 90%; /* Pre CP:   padding: 0.5em 0.5em 0.5em 2.8em; */
    padding: 0.4em 0.5em 0.4em 2.8em;
    background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a
{
    padding: 0.3em 0.5em 0.3em 4.3em;
    background: url(images/cms/dash.gif) no-repeat 2.8em center;
}

/* hover state for all links */
div#menu_vert a:hover
{
    background-color: #C3D4DF;
}
div#menu_vert a.activeparent:hover
{
    background-color: #C3D4DF;
    color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 

old red was #ee3f33
*/

div#menu_vert li a.activeparent
{
    background: #ee3f33 url(images/cms/arrow-down.gif) no-repeat 0.4em center;
    color: #fff;
}

div#menu_vert ul ul li a.activeparent
{
    background-position: 1.5em center;
    background-color: transparent;
    color: #18507C;
}
div#menu_vert ul li.activeparent ul
{
    border-left: solid 1px #00405f;
}
div#menu_vert ul li.activeparent ul li
{
    background: #fff;
}
div#menu_vert ul li.activeparent ul li a
{
    color: black;
}



/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3
{
    background: url(images/cms/arrow-right-active.gif) no-repeat 0.4em center;
    background-color: #ee3f33;
    display: block; /*   padding: 0.8em 0.5em 0.8em 1.5em;   top then right, bottom and left */
    padding: 0.5em 0em 0.5em 1.5em; /* some air for it */
    color: #fff; /* this will be link color for all levels */
    font-size: 90%; /* instead of the normal font size for <h3> */
    margin: 0; /* as <h3> normally has some margin by default */
}

div#menu_vert ul li.currentpage ul li
{
    background: white;
    border-left: solid 1px #00405f;
}
div#menu_vert ul li.currentpage ul li a
{
    color: black;
}
/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3
{
    font-size: 90%;
    padding: 0.3em 0.5em 0.3em 2.8em;
    background-position: 1.4em center;
    background-color: transparent;
    border-bottom: none;
    color: #000;
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3
{
    padding: 0.3em 0.5em 0.3em 4.3em;
    background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;
}

/* section header */
div#menu_vert li.sectionheader
{
    border-right: none;
    font-size: 130%;
    font-weight: bold;
    padding: 1.5em 0 0.8em 0;
    background-color: #fff;
    line-height: 1em;
    margin: 0;
    text-align: center;
}



/* separator */
div#menu_vert li.separator
{
    height: 1px !important;
    margin-top: -1px;
    margin-bottom: 0;
    padding: 2px 0 2px 0;
    background-color: #000;
    overflow: hidden !important;
    line-height: 1px !important;
    font-size: 1px; /* for ie */
}

div#menu_vert li.separator hr
{
    display: none; /* this is for accessibility */
}