/* ERA */

/* reset */
@import url("reset.css");


/* global */
body { background: #fff; font-family: Helvetica, Arial, sans-serif; }
#wrap { margin: 0 auto 0 auto; width: 870px; }
a { text-decoration: none; }

/* sticky footer */

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#footer {position: relative; margin-top: -41px; /* negative value of footer height */  clear:both; } 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrap { }

/* header */
#header { width: 100%; height: 207px; padding-top: 80px; position: relative; z-index: 100; }

#logo { position: absolute; top: 20px; left: 18px; text-indent: -3000em; display: block; width: 390px; height: 90px; background: url('img/era-logo.gif') no-repeat 0 0; }

#splash { height: 159px; width: 100%; border-top: 1px solid #000; padding-top: 1px; background: url('img/ajax-loader.gif') no-repeat 50% 50%;}

#logo a:first-child { width: 264px; height: 90px; display: block; float: left; cursor: pointer; }
#logo a:last-child { width: 140px; height: 35px; display: block; cursor: pointer; position: absolute; bottom: 30px; right: -16px;}

span#classic { width: 280px; height: 62px; display: block; position: absolute; top: 10px; right: 0; background: url('img/era-classic.gif') no-repeat 100% 0; text-indent: -3000em;  }

span#classic ul { margin-top: 32px; }

span#classic li, span#classic a { float: left; display: block; text-indent: 0px; float: left; display: block; font: bold 11px Tahoma, sans-serif; text-decoration: none; text-transform: uppercase; color: #004ca6; }

span#classic li { margin-right: 16px; }


/* nav */

#nav { background: #ffc801 url('img/nav-bg.gif') repeat-x 0 0; height: 30px; border: 1px solid #d0a612; border-color: #da9513 #f2b401 #d0a612 #f2b401; border-width: 0px 1px 1px 1px; margin-top: 2px; padding-top: 10px; padding-left: 12px; z-index: 5000; position: relative; }


#nav > li { display: block; float: left; height: 26px; border-right: 1px solid #deab04; border-left: 1px solid #ffd334; position: relative; z-index: 500; }

#nav > li a { color: #004ba8; text-transform: uppercase; font-size: 14px; padding: 6px 15px 0 35px; height: 25px; display: block; float: left; background: url('img/nav-arrow.gif') no-repeat 13px 4px; }


#nav > li:first-child { border-left: none; }
#nav > li:last-child, #nav > li.last { border-right: none; }

#nav li ul { display: none; position: absolute; top: 31px; left: -2px; width: 200px; background: #ffeeb0; border: 1px solid #d0a612; border-width: 0px 1px 1px 1px; border-left-color: #ffd334; -webkit-box-shadow: #f6e5c2 2px 2px 3px; z-index: 1000; }

#nav li:hover ul { display: block; }

/* #nav > li:hover a { background-position: 13px -32px;} */

#nav li ul li { display: block; height: 30px; border-bottom: 1px solid #ffe37d;  padding: 0; margin: 0; }

#nav li ul li a { display: block; background: none; font: bold 13px Helvetica, Arial, sans-serif; text-transform: none; text-decoration: none; height: 24px;  width: 100%; padding: 6px 0 0 22px; margin: 0;}

#nav li ul li a em { font-style: normal; font-size: 16px; margin-right: 2px; opacity: .7}


#nav li.club ul { left: -13px; width: 220px; }

#nav li.club ul li a { padding-left: 32px;}

/* content */

#content { }

#main { padding-bottom: 20px; }

.cufon-canvas { z-index: 1; }

#content.index a, .page a { color: #003abf; }
#content.index a:hover, .page a:hover { color: #6689d9; }




#main { color: #333; float: left; font: 13px Tahoma, sans-serif; width: 490px; padding: 20px 30px 0 10px; }
#main p { margin-bottom: 1em; }

#main h2 { color: #000; position: relative; z-index: 1; margin-bottom:12px; }
#main h2 a { position: relative; z-index: 5; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase;  }
#content.index #main .entry { margin-bottom: 25px; font: normal 12px 'Trebuchet MS', sans-serif; line-height: 18px;}

#content.index #sidebar .entry { margin-bottom: 14px; font: normal 11px 'Tahoma', sans-serif; line-height: 14px; opacity: .7}
#content.index h1 {font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 14px; }
#content.index h2 {font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 14px; }
#content.index h3 {font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 14px; }
#content.index h4 { margin-bottom: 4px;  }
#content.index h4 a { text-decoration: none; font-size: 12px;}
 
#content #sidebar { float: left; width: 260px; } 
#content.index #sidebar { width: 160px; padding-right: 30px; } 

#sidebar h3 { color: #000000; padding: 20px 0 2px; margin-bottom: 14px; }
#sidebar h4 { font-size: 16px; padding-top: 28px; }
#sidebar h4 .date { display: block; font-size: 13px; font-style: italic; font-weight: normal; margin: 2px 0 7px; }
#sidebar p {
    color: #333333;
    font-size: 0.95em;
    line-height: 1.25em;
    padding-bottom: 5px;
}


#content.index #sidebar2 { float: left; padding-top: 20px; width: 150px; }
#content.index #sidebar2 h3 { margin-bottom: 12px; }
#content.index #sidebar2 ul { margin-bottom: 26px; }
#content.index #sidebar2 ul a { font-size: 11px; font-weight: bold; text-decoration: none;}
#content.index #sidebar2 ul li  { padding-left: 2px; padding-bottom: 2px; font-size: 11px; font-weight: normal; text-decoration: none;}

#submenu { float: left; width: 240px; }
#submenu ul { padding-left: 0px; padding-top: 30px; padding-bottom: 30px;}
#submenu li { border-top: 1px solid #ffe587; height: 32px; display: block;}
#submenu li:last-child { border-bottom: 1px solid #ffe587; }
#submenu li a { color: #004aa9; font: bold 13px Helvetica, sans-serif; line-height: 34px; height: 32px; display: block; padding-left: 12px; }


#innercontent { color: #333; float: left; font: 13px Tahoma, sans-serif; line-height: 18px; padding: 0 25px 41px 25px; width: 560px; }
#innercontent p { margin-bottom: 1em; }

#innercontent h1 { font-size:28px; margin: 26px 0 13px 0; }
#innercontent h2 { font-size:24px; margin: 26px 0 13px 0; }
#innercontent h3 { font-size:20px; margin: 26px 0 13px 0; }
#innercontent h4 { font-size:18px; margin: 26px 0 13px 0; }
#innercontent h5 { font-size:16px; margin: 26px 0 13px 0; }
#innercontent h6 { font-size:14px; margin: 26px 0 13px 0; }

#innercontent ul, #innercontent ol { list-style-position:outside; margin: 0 0 2em 2em; }
#innercontent ul { list-style-type: disc; }
#innercontent ol { list-style-type: decimal; }
#innercontent blockquote { margin:0 0 2em .5em; padding:0 15px; border-left: 5px solid #eee; }

#innercontent table { margin-bottom: 1em; }
#innercontent table th { padding: 3px 1em; text-transform: uppercase; font-size: .8em; background-color: #eee; }
#innercontent table tr { border-bottom: 1px solid #eee; }
#innercontent table td { padding: 0 1em; line-height: 2em; }

#innercontent #pgallery { }
#innercontent .thumb { 
border: 1px solid #bbb; 
height: 100px; 
margin: 10px 20px 10px 0px; 
overflow: hidden; 
padding: 5px; 
width: 150px; }

#botbar { background: #f2f2f2; height: 145px; margin-bottom: 70px; padding: 30px 0 0 30px; }
#botbar .box { float: left; width: 180px;   opacity: .75; margin-right: 30px; }
#botbar h3 { text-transform: uppercase; margin-bottom: 6px; font-size: 14px; }
#botbar .box p { font: 11px Tahoma, sans-serif;  height: 90px; overflow: hidden; text-overflow: ellipsis;  }

a.more { width: 100%; height: 21px; padding-top: 4px; font: bold 10px Tahoma, sans-serif; color: #1c4fc6; display: block; border-top: 1px dotted #c6c6c6; border-bottom: 1px dotted #c6c6c6; }
a.more em { font-style: normal; font-size: 12px; }

/* footer */

#footer { height: 28px; width: 870px; margin: -41px auto 0 auto; border-top: 1px solid #e7e7e7; padding-top: 12px; }
#footer #botnav { margin-left: 10px; }
#footer #botnav li { display: block; float: left; margin-right: 16px; }

#footer li a { float: left; display: block; font: bold 11px Tahoma, sans-serif; text-decoration: none; text-transform: uppercase; color: #004ca6;}

#footer #meta { float: right;  margin-right: 10px; }
#footer #meta li { display: block; float: right; font: bold 11px Tahoma, sans-serif; margin-left: 16px;}

/* plugins */

.tbContactform .antispam { display: none; visibility: hidden; }
.tbContactform label { width:  95px; display: inline-block; vertical-align: top; clear: both; }
.tbContactform input.text,.tbContactform textarea { width:  225px; padding: 2px; }
.tbContactform textarea { height: 115px; }
.tbContactform input.submit { display: block; margin-left: 250px; width: auto; }
.tbContactform .tbErrors p { color: #FF0000; }