/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Economic Progress Alliance
Version:		1.0
Created By:		Jesse Lavery, Starn Marketing Group
Last Change:	11/26/08 [filling in / formatting content]

--------------------------------------------------------------------

[Colors]

BG:				#def4fd	(alt to pic; light blue @ bottom of gradient)
Container BG:	#fff	(alt to pic)
Content:		#333 	(dark gray)

Green:			#8dc63f
Teal:			#00adef
Dk Blue:		#013f8a
Lt Blue: 		#def4fd

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
background: url(../images/bg.jpg) #def4fd repeat-x;
border-bottom: 10px solid #8dc63f;
color: #333;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, h2, h3, h4, ul li {line-height: 1.4em;}

/* Container
------------------------------*/

#container {
background: url(../images/bg-container.jpg) #fff repeat-y;
margin: 0px auto;
width: 660px;
}

/* Header
------------------------------*/

#header h1 a {
background: url(../images/logo.jpg) no-repeat;
display: block;
height: 232px;
margin: 0;
text-decoration: none;
text-indent: -9999px;
width: 660px;
}

/* Menu
------------------------------*/

/*
#menu {
background: url(../images/menu.jpg) no-repeat;
height: 165px;
width: 660px;
}

#menu ul {
display: none;
}
*/

#menu {
display: block;
height: 165px;
position: relative;
margin: 0 0 0 0;
padding-top: 0px;
text-align: center;
width: 660px;
}

#menu ul {
background: url(../images/menu.jpg) no-repeat;
height: 165px;
margin: 0px;
width: 660px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #menu1, #menu #menu1 a {left: 9px; top: 0px; width: 125px; height: 165px;}
#menu #menu2, #menu #menu2 a {left: 138px; top: 0px; width: 125px; height: 165px;}
#menu #menu3, #menu #menu3 a {left: 267px; top: 0px; width: 125px; height: 165px;}
#menu #menu4, #menu #menu4 a {left: 396px; top: 0px; width: 125px; height: 165px;}
#menu #menu5, #menu #menu5 a {left: 525px; top: 0px; width: 125px; height: 165px;}

#menu ul li#menu1 a:hover {background: transparent url(../images/menu.jpg) -9px -165px no-repeat;}
#menu #menu2 a:hover {background: transparent url(../images/menu.jpg) -138px -165px no-repeat;}
#menu #menu3 a:hover {background: transparent url(../images/menu.jpg) -267px -165px no-repeat;}
#menu #menu4 a:hover {background: transparent url(../images/menu.jpg) -396px -165px no-repeat;}
#menu #menu5 a:hover {background: transparent url(../images/menu.jpg) -525px -165px no-repeat;}


/* Menu Drop-Down Nonsense
------------------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* .menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;border-right:1px solid #000;}*/
/* hack to correct IE5.5 faulty box model */
/* * html .menu {width:746px; w\idth:745px;}*/
/* remove all the bullets, borders and padding from the default list styling */
/* .menu ul {padding:0;margin:0;list-style-type:none;} */
/* .menu ul ul {width:149px;} */
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/* .menu li {float:left;width:149px;position:relative;} */
/* style the links for the top level */
/* .menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#758279; padding-left:10px; line-height:29px;} */
/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} */

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background-color:#d4d8bd;}
/* style the second level hover */
#menu ul ul a.drop:hover{background-color:#c9ba65;}
#menu ul ul :hover > a.drop {background-color:#c9ba65;}
/* style the third level background */
/* #menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8;} */
/* style the third level hover */
/* #menu ul ul ul a:hover {background:#b2ab9b;} */


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:165px;left:0; width:125px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html #menu ul ul {top:165px;t\op:165px;}

/* position the third level flyout menu */
/* #menu ul ul ul{left:149px; top:-1px; width:149px;} */

/* position the third level flyout menu for a left flyout */
/* #menu ul ul ul.left {left:-149px;} */

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu ul ul a,
#menu ul ul a:visited {
background: #d4d8bd;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px;
width:128px;
border-width:0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
/* #menu a:hover, #menu ul ul a:hover{color:#fff; background:#949e7c;} */
/* #menu :hover > a, #menu ul ul :hover > a {color:#fff;background:#949e7c;} */

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
/* #menu ul :hover ul ul{visibility:hidden;} */
/* make the third level visible when you hover over second level list OR link */
/* #menu ul :hover ul :hover ul{ visibility:visible;} */




/* Content
------------------------------*/

#content {
display: table;
margin: 20px 0 0 0;
}

/* Sidebar
------------------------------*/

#sidebar {
float: left;
margin: 0 12px 0 0px;
padding: 0 0 0 19px;
width: 170px;
}

#sidebar img#randpic {
border: 2px solid #8dc63f;
}

/* Old img replacement; Now straight text */
/*
#sidebar #economicinsider h3 a {
background: url(../images/h3-ei.jpg) no-repeat;
display: block;
height: 20px;
margin: 15px 0 0 0;
text-indent: -9999px;
width: 170px;
}
*/

#sidebar #economicinsider h3 a {
color: #00adef;
display: block;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 15px 0 3px 0;
text-decoration: none;
width: 170px;
}

#sidebar #economicinsider h3 a:hover {
color: #0048a0;
text-decoration: underline;
}

#sidebar #economicinsider p {
font-size: 11px;
}

#sidebar #economicinsider p#ei-link {
background-color: #def4fd;
line-height: 24px;
padding-left: 5px;
}

#sidebar #economicinsider p#ei-link a {
color: #00adef;
font-weight: bold;
text-decoration: none;
}

#sidebar #economicinsider p#ei-link a:hover {
color: #0048a0;
text-decoration: underline;
}

#sidebar #economicinsider p#archiveslink {
border-top: 1px solid #ccc;
/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
font-size: 11px;
margin-top: 10px;
padding-top: 5px;
}

#sidebar #economicinsider p#archiveslink a {
color: #999;
font-weight: normal;
text-decoration: none;
}

#sidebar #economicinsider p#archiveslink a:hover {
color: #0048a0;
text-decoration: underline;
}

#sidebar ul {
margin: 10px 0 10px 20px;
}

#sidebar ul li {
font-size: 10px;
list-style-type: square;
list-style-position: outside;
}

#sidebar #economicinsider ul li {
text-transform: capitalize;
}

/* Old */
/*
#sidebar #search h3 {
background: url(../images/h3-search.jpg) no-repeat;
height: 20px;
margin: 15px 0 0 0;
text-indent: -9999px;
width: 170px;
}
*/

#sidebar #search h3 {
color: #00adef;
display: block;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 15px 0 3px 0;
width: 170px;
}

/* Main
------------------------------*/

#main {
border-left: 2px solid #ccc;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 12px;
width: 420px;
}

/* Old way: img replacing text; Now: straight-up styled text */
/*
#main h2 {
display: block;
height: 20px;
margin: 0 0 5px 0;
text-indent: -9999px;
width: 375px;
}

body#home #main h2 {background: url(../images/h2-home.jpg) no-repeat;}
body#recreation #main h2 {background: url(../images/h2-recreation.jpg) no-repeat;}
*/

#main h2,
#main h3 {
color: #8dc63f;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 30px 0 5px 0;
}

#main h2 {
margin-top: 0px;
}

body#insider #main h3 {
color: #000;
border-bottom: 1px solid #ccc;
text-transform: capitalize;
}

body#insider #main h3 span {
color: #666;
font-size: 11px;
text-transform: uppercase;
}

#main h4 {
border-bottom: 1px solid #def4fd;
display: block;
font-weight: bold;
margin: 15px 0 -5px 0;
padding: 0 0 3px 0;
}

#main p {
margin: 0 0 15px 1px;
}

#main p strong {
font-weight: bold;
}

#main p em {
font-style: italic;
}

#main p.errorcode {
color: #666;
font-size: 11px;
font-style: italic;
}

#main p#insiderdate {
color: #8dc63f;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: -5px;
}

#main p#insiderdate a {
color: #ccc;
font-weight: normal;
}

#main p a,
#main ul li a {
color: #00adef;
text-decoration: none;
}

#main p a:hover,
#main ul li a:hover {
background-color: #def4fd;
color: #0048a0;
text-decoration: underline;
}

#main ul {
margin: 10px 0 10px 20px;
}

#main ul li {
list-style-type: square;
list-style-position: outside;
}

#main ul li em {
color: #666;
font-style: normal;
}

/* Article Photo
------------------------------*/

#main .articlephoto {
display: block;
float: right;
margin: 0 0 10px 10px;
}

/* Featured Photo
------------------------------*/

div.featured-photo {border: 2px solid #8dc63f; float: right; height: 160px; margin: 0 0 5px 10px; padding: 0; position: relative; width: 215px;}
div.transparency {background: #000; border-right: 1px solid #666; filter:alpha(opacity=50); opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity:0.5; height: 20px; left: 0; position: absolute; width: 215px; top: 135px; z-index: 2;}

div.featured-message {color: #fff; font-size: 11px; height: 20px; left: 0; position: absolute; top: 135px; width: 215px; z-index: 3;}
div.featured-message p.featured-title {font-size: 11px; font-weight: bold; line-height: 20px; text-align: right;}
div.featured-message p {margin: 0; padding: 0 5px;}
div.featured-message a {color: #fc0; text-decoration: underline;}


div.clipped-photo div.featured-wrap {height: 300px; width: 300px; margin: 15px 0 0 0; position: relative; overflow: hidden;}
div.clipped-photo div.featured-wrap img.feat {position: absolute; top: -10px; left: -120px;}
div.clipped-photo div.featured-wrap div.transparency {border: 1px solid #666; border-right: 0; border-left: 0; height: 65px; left: 0; position: absolute; width: 300px; top: 225px; z-index: 2;}
div.clipped-photo div.featured-wrap div.featured-message {height: 65px; left: 0; position: absolute; top: 225px; width: 300px; z-index: 3;}
div.clipped-photo div.featured-wrap div.featured-message p {margin: 0; padding: 5px 5px 0;}

/* Staff Bios
------------------------------*/

.staffbio {
border-bottom: 1px solid #def4fd;
display: block;
height: 105px;
margin: 0 0 10px 0;
width: 420px;
}

.staffbio img {
border: 2px solid #8dc63f;
float: left;
height: 90px;
margin: 0 0 0 0;
width: 75px;
}

.staffbio p {
display: block;
float: left;
padding: 20px 0 0 10px;
}

.staffbio p strong {
font-weight: bold;
}

.staffbio p em {
color: #666;
font-style: normal;
}

/* Data Section
------------------------------*/

#datasection {
clear: both;
margin: 0px;
padding: 0px 0 0 20px;
}

#datasection h3 {
border-top: 2px solid #ccc;
color: #8dc63f;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 15px;
font-weight: bold;
margin: 0px 0 5px 0;
padding: 10px 0;
width: 620px;
}

#datasection h3.noborder {
border: 0px;
padding-top: 0px;
}

#datasection p {
margin: 0 0 15px 1px;
}

#datasection a {
color: #00adef;
text-decoration: none;
}

#datasection a:hover {
background-color: #def4fd;
color: #0048a0;
text-decoration: underline;
}

/* Data Tables
------------------------------*/

.datatable table {
margin-bottom: 20px;
width: 620px; /* Was: 415px */
}

.datatable thead td,
.datatable tbody td,
.datatable tbody th {
border-bottom: 1px solid #ddd;
padding: 5px 3px;
text-align: center;
}

.datatable thead tr td {
/* background: url(../images/bg-thead-415.jpg) #00adef no-repeat; */
background: url(../images/bg-thead-620.jpg) #00adef no-repeat;
/* background-color: #00adef; */
border-bottom: 1px solid #00adef;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 24px;
padding: 0px 5px;
text-align: left;
text-transform: uppercase;
}

.datatable thead tr td span {
color: #fff;
/* font-family: Georgia, Times, "Times New Roman", serif; */
font-size: 12px;
font-weight: normal;
padding-left: 0px;
text-transform: none;
}

.datatable tbody tr td,
.datatable tbody tr th {
color: #555;
font-size: 11px;
}

.datatable tbody tr th,
.datatable tbody tr td.rowtitle {
background-color: #def4fd;
font-weight: bold;
}

.datatable tbody tr th.rowtitle,
.datatable tbody tr td.rowtitle {
padding-left: 5px;
text-align: left;
}

.datatable tbody tr td em {
color: #777;
font-style: italic;
}

.datatable table.twocol tbody tr th.rowtitle,
.datatable table.twocol tbody tr td.rowtitle {
width: 50%;
}

/* Footer
------------------------------*/

#footer {
background: url(../images/bg-footer.jpg) no-repeat;
clear: both;
height: 115px;
margin: 0px auto;
padding-top: 50px;
width: 660px;
}

#footer p {
color: #888;
font-size: 10px;
margin: 0 0 15px 0;
text-align: center;
}

#footer p a {
color: #888;
}

#footer p a:hover {
color: #0048a0;
}