*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #696969; color: #444;} /*background-image: url(http://www.cainscape.com/images/graysquarebg.jpg);}*/
a {color: #6587e0; text-decoration: none;}
a:visited {color: #6587e0; text-decoration: none;}
a:hover {color: #333; text-decoration: underline; }
h2 { margin: 0 0 2px 0; padding: 10px 0 5px 5px; font-weight: bold; line-height: .75em; color: #2f4f4f;} /* article header */
h3 { padding-left: 10px; color: #2f4f4f; background: #fe7b09 url(http://www.cainscape.com/images/sh_bg.gif) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
h4 { padding-left: 2px; color: #2f4f4f; background: inherit; font-size: 1em; height: 24px; line-height: 24px; }
h5 {color:#fff;background-color:#2f4f4f;text-align:center;}
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none;}

/* OLD background color: fe7b09 */
#header {background: #fff url(http://www.cainscape.com/images/masthead1_770x215x24.jpg) repeat-x; height: 215px; border: 1px solid #ccc;}
#header h1 {font-size: 30px; font-weight: 100; letter-spacing: -1px; padding: 22px 0 5px 10px;}
#header h1 a, a:hover {color: #fff; text-decoration: none; background-color: inherit;}
#header h2 {color: #eee; font-size: 19px; font-weight: 100; padding: 0 0 0 11px; letter-spacing: -1px; line-height: 12px;}

#wrapper {padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
#leftbox {float: left; width: 175px; background: #ffffff; margin-bottom: 10px; margin-top: 10px; z-index:-1;}
/*#leftbox ul {padding: 5px 10px 10px 10px; margin: 0; }*/
#rightbox {margin-bottom: 10px; margin-top: 10px; float: right; width: 575px; padding: 0 0 10px 0; border-left: darkgrey dotted 1px;}
#singlecolbox {padding: 10px 10px 3px 10px; width: 550px; margin:20px auto; border: 1px solid #ccc; background: #fffdf2; color: #000; line-height: 1.5em;}

#leftbxcontent {margin-top: 15px; font-family: 'Trebuchet MS',Verdana,Arial,Sans-serif; font-size:14px; color: inherit; background-color: #fff;}
#leftbxcontent a, a:visited {color: #2f4f4f; background-color: inherit;}

#leftlogos {float: left; width: 180px; background: #fff; margin-bottom: 10px; margin-top: 20px;}

#footer {font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px;}
#footer a {color: #6587e0;}

#categories {border: 1px solid #ccc; background-color: #f8f7f3; color: inherit;} 
#categories a {color: #6587e0; background-color: inherit; padding: 3px 0px 0px 5px; text-decoration: none; display: block;}
#categories a:hover {color: #fff; background-color: darkgrey; text-decoration: none;}
#categories ul {padding: 0;padding-bottom: 0px; margin: 0;}
#categories li {width: 173px;  line-height: 1.3em;}

#copyright {font-size: 9px; line-height: 1.30em; color: darkgrey;}
#copyright a, a:visited {color: #6587e0; text-decoration: none;}
#copyright a:hover {color: #333; text-decoration: underline;}

/*.articles {width: 545px; background: #fffdf2; border: solid 1px #000;  padding: 0px 2px 2px 2px;}*/
#articles {width: 565px; padding: 0px 2px 2px 8px; line-height: 1.4em; font-family: 'Trebuchet MS',Verdana,Arial,Sans-serif; font-size:14px;}
#articles a {color: inherit; text-decoration: none; border-bottom: 1px dashed #6587e0;}
#articles a:hover {color: inherit; background: #cfddff; text-decoration: none; border-bottom: 1px dashed #6587e0;}
#articles h2 {color: #2f4f4f; padding-left: 0px; font-style:italic; font-weight: bold;}
#articles .credits {color: #888; padding-right: 3px; padding-top: 0px; margin-bottom: 10px; font-size:11px!important; letter-spacing: 1px;}
/*font-style: normal; text-transform: uppercase; letter-spacing: 1px;}*/
#articles .morelink a {color: #6587e0; background-color:#fff; text-decoration: none; border:none;}
#articles .morelink a:visited, a:hover {color: #6587e0; background-color:#fff;  text-decoration: none; border:none;}
#articles .morelink a:hover {color: #ff0000; background-color:#fff;  text-decoration: none; border:none;}
#articles img { border: none; padding: 2px; }

.googlebox {padding-left: 4px; padding-top: 4px; width: 169px; position: relative; background-color: #ccc; border: #2f4f4f solid 1px;} 

#insights {border: 1px solid #ccc; background-color: #f8f7f3; color: #2f4f4f; padding: 5px; font-size: 12px; font-family: 'Trebuchet MS',Verdana,Arial,Sans-serif; } 

#bigbox {margin-top: 200px; margin-bottom: 300px;}

#emailaddress a {color: inherit; text-decoration: none; border-bottom: 1px dashed #6587e0;}
#emailaddress a:hover {color: inherit; background: #cfddff; text-decoration: none; border-bottom: 1px dashed #6587e0;}


/*** following not used ***/
.transparent_class {
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.5; /*Netscape Navigator*/
	-khtml-opacity: 0.5; /*old versions of Safari (1.x)*/
	opacity: 0.5; /*most versions of Firefox, Safari, and Opera*/
}

.pdate {
	float: left;
	background: url(http://www.cainscape.com/images/post-date.png) no-repeat;
	width: 44px;
	padding: 3px 0 6px;
	margin: 5px 8px 0 0;
	text-align: center;
	font: 11px/11px verdana,sans-serif;
	color: #fff;
	text-transform: uppercase;
}


/********************* menu stuff *************************/
#menubox li>ul {
    top: auto;
    left: auto;
}

#menubox {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 2em;
    /*border-bottom: solid 2px #b8860b;*/
    border-bottom: solid 2px #ccc;
    /*background-image: url("images/menuboxbg.gif");*/
}

.menudivider {
    list-style-type:none;
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 5px;
    margin-right: 5px;
    /*font-weight: bold;*/
    font-weight: normal;
    /*color: #dc143c;*/
    color: #ccc;
}

.topmenuul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    /*width:800px;*/
    width:760px;
    height: 2em;
    /*background-color: #faebd7;*/
    background-color: #000;
}


.topmenuli {
    list-style-type:none;
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    font-weight: bold;
    padding-top: 1px;
    position:relative;
    z-index:3;
}

.topmenuli a, .topmenuli a:visited {
    text-decoration: none;
    /*font-size: 12px;*/
    font-size: 11px;
    /*color: #633100;*/
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.topmenuli a:hover {
    color: #ff0000/*ffff00*/;
    font-weight: normal /*bold*/;
    background-color: inherit;
}

.topmenutitle {
    display: block;
    /*width: 110px;*/
    margin: 0px;

    text-decoration: none;
    line-height: 2em;
    margin: 0px;
}
/**/

.submenuul {
    list-style-type: none;
    position: absolute;
    margin: 0;
    padding:0;
    display: none;
    margin-top: -1px;
    background-color: #e7f7ff;
    background-position: top left;
    background-repeat: repeat-x;
    border-top: 1px solid #000000;
    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
    border-left: 1px solid #000;
    text-align: left;
    line-height: 1.3em;
}

.submenuli a {
    display: block;
    width: 200px;
    padding: 3px;
    text-decoration: none;
    color: #5a2c7b;
    background-color: #ccc /*faebd7*/;
    font-size: 11px /*12px*/;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*line-height: 2em;*/
    font-weight: normal;
    border-bottom: 1px solid #000000;
}

.submenuli a:visited {
    color: #5a2c7b;
    background-color: #ccc /*faebd7*/;
    font-size: 11px /*12px*/;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #000000;
}

.submenuli a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #000000;
}

li:hover ul , li.over ul {
    display: block;
}

