/* CSS Documentation */


p.merchandise {
        clear: none;
        margin: 0 50px 20px 15px;
        padding: 0;
	}

p.pullquote {
        clear: none;
	}
	
p.yoyo {
width: 544px;
        float: left;
        clear: both;
	}	
	

p.aboutpullquote {
        float: left;
        clear: both;
	}

div.staff_pic {
	float:left;
	border:1px solid #ddd;
	margin:0px 14px 0 0px;
	padding:5px 5px 0px 5px ; 
	}

div#test {
        float: left;
        clear: left;
        margin: 0px 20px 0px 0px;
        border:1px solid #ddd;
        padding:5px 5px 0px 5px ; 
        }
        
div#test2 {
        float: left;
        clear: left;
        margin: 0px 0px 0px 0px;
        border:1px solid #A4AEDD;
        background-color: #C4CDFA;
        padding:5px 5px 0px 5px ; 
        }   
        
div#test3 {
        float: left;
        clear: left;
        margin: 0px 0px 0px 0px;
        border:1px solid #A4AEDD;
        background-color: #C4CDFA;
        padding:5px 5px 5px 5px ; 
        }            


body { font : 76%/160% Verdana, Arial, Tahoma, sans-serif;
color : #000;
background-color: #ccc;
text-align : center; 
}

div#container { width : 1024px;
height: auto;
margin : 0 auto;
padding : 0;
text-align : left; 
}

div#content { width : 100%;
height: auto;
background-color : #010280; 
overflow : hidden; 
}

div#headericon {
float : left;
width : 209px;
height : 118px;
margin : 0;
padding : 0;
background-image: url(/images/h_icon.jpg); 
}

div#header {
float : left;
clear : none;
width : 815px;
height : 118px;
margin : 0;
padding : 0;
}

div#header1 {
float : left;
clear : none;
width : 815px;
height : 118px;
margin : 0;
padding : 0;
background-image: url(/images/h_header.gif); 
}

div#nav {
float : left;
width : 209px;
height : 650px;
margin : 0;
padding : 0;
background-image: url(/images/h_nav.jpg); 
}

div#navwrapper {
width : 209px;
height : 400px;
margin : 0;
padding-top: 40px;
}

div#content_right {
float : left;
width : 815px;
min-height: 650px;
height: auto !important;
height: 650px; 
margin : 0;
padding : 0;
background-color : #a3a3d1; 
}

div#block_a {
float : left;
width : 815px;
height : 24px;
margin : 0;
padding : 0;
background-color : #bdbdbd; 
}

div#block_a1 {
width : 815px;
height : 24px;
margin : 0;
padding : 0;
}

div#block_b {
float : left;
width : 624px;
min-height: 626px;
height: auto !important;
height: 626px; 
margin : 0;
padding : 0;
background-color: #cfd6fa; 
}

div#block_bclone {
float : left;
width : 624px;
min-height: 626px;
height: auto !important;
height: 626px; 
margin : 0;
padding : 0;
}

div#block_bfullpadding {
float: left;
width : 584px; 
min-height: 586px;
height: auto !important;
height: 586px; 
margin: 0; 
padding: 20px 20px 20px 20px; 
background-color: #cfd6fa; 
}

div#block_bfullpaddingtop {
float: left;
width : 584px; 
min-height: 610px;
height: auto !important;
height: 610px; 
margin: 0; 
padding: 20px 20px 20px 20px; 
background-color: #cfd6fa; 
}

div#block_bimageandcaptionholder {
float: left;
width : 544px; 
margin: 0; 
padding: 0; 
border: 0px solid green;
}


div#block_bimageandcaption1 {
float: left;
margin: 0 40px 10px 0; 
padding: 0; 
border: 0px solid green;
}

div#block_bimageandcaption2 {
float: left;
clear: none;
margin: 0 40px 10px 0; 
padding: 0;
border: 0px solid green;
}

div#block_blists {
float: left;
width : 604px; 
min-height: 568px;
height: auto !important;
height: 568px; 
margin: 0; 
padding: 40px 20px 20px 0px; 
background: #cfd6fa; 
border: 0px solid green;
}

div#block_c {
float : left;
width : 191px;
height : 626px;
margin : 0;
padding : 0;
background-image: url(/images/h_videogallery.gif); 
}

div#block_cblank {
float: left;
clear: none;
width : 191px;
min-height: 626px;
height: auto !important;
height: 626px; 
margin : 0;
padding : 0;
background-color: #a3a3d1;
border: 0px solid green; 
}

div#block_c1 {
float : left;
font:10px Verdana,Arial,Helvetica,serif;
color:#000000;
letter-spacing:0px;
line-height: 14px;
width : 164px;
height : 275px;
margin : 0;
padding : 0;
}

div#block_c2 {
font:10px Verdana,Arial,Helvetica,serif;
color:#000000;
letter-spacing:0px;
line-height: 14px;
float : left;
width : 191px;
height : 34px;
margin : 0;
padding : 0; 
}

div#block_c3 {
font:10px Verdana,Arial,Helvetica,serif;
color:#000000;
letter-spacing:0px;
line-height: 14px;
float : left;
width : 191px;
height : 76px;
margin : 0;
padding : 0; 
}

div#block_c4 {
font:10px Verdana,Arial,Helvetica,serif;
color:#000000;
letter-spacing:0px;
line-height: 14px;
float : left;
width : 191px;
height : 76px;
margin : 0;
padding : 0; 
}

div#block_c5 {
font:10px Verdana,Arial,Helvetica,serif;
color:#000000;
letter-spacing:0px;
line-height: 14px;
float : left;
width : 191px;
height : 76px;
margin : 0;
padding : 0; 
}

div#block_c6 {
font:10px Verdana,Arial,Helvetica,serif;
color:#000000;
letter-spacing:0px;
line-height: 14px;
float : left;
width : 191px;
height : 76px;
margin : 0;
padding : 0; 
}


div#block_d {
float : left;
width : 815px;
min-height: 626px;
height: auto !important;
height: 626px; 
margin : 0;
padding : 0;
border: 0px solid green;
background-color: #cfd6fa;
}

div#block_dinside {
float:left;
width : 750px; 
min-height: 566px;
height: auto !important;
height: 566px; 
margin: 0; 
padding: 20px 20px 20px 20px; 
background: #cfd6fa; 
border: 0px solid green;
}

div#block_dinsidefix {
float:left;
width : 775px; 
min-height: 566px;
height: auto !important;
height: 566px; 
margin: 0; 
padding: 20px 20px 20px 20px; 
background: #cfd6fa; 
border: 0px solid green;
}

div#block_e {
float : left;
width : 815px;
height : 230px;
margin : 0;
padding : 0;
border: 0px solid red;
}

div#block_e1 {
width : 815px;
height : 68px;
margin : 0;
padding : 0;
background-color: #003300; 
background-image: url(/images/t_eoc_theater.gif); 
}

div#block_e2 {
width : 815px;
height : 162px;
margin : 0;
padding : 0;
background-color: #fff; 

}

div#block_f {
float : left;
width : 815px;
min-height: 396px;
height: auto !important;
height: 396px; 
margin : 0;
padding : 0;
background-color: #a3a3d1; 
border: 0px solid blue;
}

div#block_f1 {
width : 815px;
height : 28px;
margin : 0;
padding : 0;
background-color : #bdbdbd; 
background-image: url(/images/eco_videogallersubhead.gif); 
}

div#block_f2 {
width : 815px;
min-height: 368px;
height: auto !important;
height : 368px;
margin : 0;
padding : 0;
background-color: #a3a3d1; 
}

div#block_f2a {
width : 770px;
min-height: 368px;
height: auto !important;
height : 368px;
margin : 0;
padding-left : 20px;
padding-right : 20px;
padding-top : 0;
background-color: #a3a3d1; 
}




ul#video { list-style-type : none;
width : 770px;
margin : 0;
padding : 10px 0 0 0; }

li#video { position : relative;
float : left;
width : 240px;
padding : 0 0; 
margin : .5em; }










ul#membersdir { 
float: left;
clear:left;
font-size: 12px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 16px;
list-style-type : none;
width : 400px;
margin : 0 20px 10px 0;
padding : 0; }

li#membersdir { 
float: left;
clear:left;
position : relative;
width: 400px;
padding: 0; 
margin: 0; }

ul#membersindtop li { 
float: left;
font-size: 12px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal;
font-style: italic;
line-height: 18px;
list-style-type : none;
width : 500px;
margin : 10px 0 3px 0;
padding : 0 0 0 2px; 
background-color: #d9def9;
border: 1px solid #c4cdf8;
}

ul#membersindlisting li { 
float: left;
text-indent: 20px;
font-size: 12px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 18px;
width : 500px;
margin : 0 0 0 0;
padding : 0 0 0 0; 
}

ul#newstop li { 
float: left;
font-size: 12px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 21px;
list-style-type : none;
width: 500px;
margin : 10px 0 3px 0;
padding : 0 0 0 2px; 
background-color: #d9def9;
border: 1px solid #c4cdf8;
}

ul#newstopdates li { 
float: left;
text-indent: 20px;
font-size: 12px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
font-style: italic;
line-height: 21px;
list-style-type : none;
width: 500px;
margin : 10px 0 0 0;
padding : 0 0 0 0; 
}

ul#news li { 
float: left;
text-indent: 20px;
font-size: 16px;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 27px;
width: 500px;
margin : 0 0 0 0;
padding : 0 0 0 0; 
}




img.imageright {
clear:none;
margin: 0;
padding: 0;
}

div.imageright {
clear: none;
margin: 0;
padding: 0;
}

div#yo {
  width:600px;
  float:left;
  clear: both;
  font-style: italic;
  font-family:georgia; 
  font-size: smaller;
  font-size: 18px;
  color: #010280;
  margin:0 0 0 0;
  padding: 0;
}


h3#yo {
  float:left;
  clear: left;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-style: normal;
  font-size: 12px;
  color: #010280;
  margin: 0;
  padding: 0;
}

span.date {
color: #8484c3;
padding : 0 2px 0 2px; 
background-color: #d9def9;
border: 1px solid #c4cdf8;
margin: 0 0 0 5px;
}

span.name {
color: #010280;
font-style: normal;
font-size: 15px;
padding : 0 2px 0 2px; 
border-left: 0px solid #000;
margin: 0 0 0 15px;
}

h4 { margin : 0;
padding : 0;
font-size : 12px; }







a {
  text-decoration: none;
  color: #000000;
  text-decoration: underline;
}

a:hover {
  color: #000280;
  text-decoration: underline;  
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

div#branding {
width : 1024px;
height: 15px; 
}

div#footer { 
clear : left;
clear : both;
width : 768px; 
}

/**************************************************************
   Form Elements - html
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  float: left;
  width: 25%;
  vertical-align: top;
}

input,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #000;
  background: #fff;
  border: 1px solid #b6c0f4;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #e7ebfb;
  border: 1px solid #a3aee7;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 0.9em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
}

input.radio {
  background: none;
  border: 0px;
}

p.nopadding {
padding: 0 0 2px 0;
margin: 0px;
}

p.none { 
margin : 0 0 10px 0; 
padding : 0; 
}

td.padding {
margin: 0;
padding: 0 0 5px 0;
}


.profile_content {
    clear: none;
    padding: 0;
    margin: 0 0 13px 0;
    border: 0;
    font: 400 1.0em verdana, arial, sans-serif;
    line-height: 150%;
}

p.profile_content {

}

#profile_image {
    float: left;
    clear: left;
    margin: 0px 10px 0px 0px;
    border:1px solid #CDCDCD;
    padding:0px 0px 0px 0px ; 
}
        
#profile_container {
   min-height: 124px;
   height: auto !important;
   height : 90px;
   margin: 0 0 10px 0;
   padding: 10px 10px 0px 10px;
   border:1px solid #F0F0F0;
   background-color: #DDE2FC;
}