/**
*
* $Id: style.css,v 1.19 2008/09/17 15:42:29 tleen Exp $
*
**/

/*
* Utilities
*/


.block          { display:          block;}
.bold           { font-weight:      bold;}
.echo           { }
.faded          { color:            #957B5B}
.inactive       { text-decoration:  line-through;}
.inline         { display:          inline;}
.larger         { font-size:        larger;}
.largest        { font-size:        xx-large;}
.smaller        { font-size:        smaller;}
.smallest       { font-size:        xx-small;}


.clearboth      { clear:            both; }
.clearleft      { clear:            left; }
.clearnone      { clear:            none; }
.clearright     { clear:            right; }

.displaynone    { display:          none; }

.floatleft      { float:            left; }
.floatright     { float:            right; }

.hidden         { display:          none;}
.hilighted      { background-color: #E4E3D6; }
.marginbottom   { margin-bottom:    1.0em; }
.textcenter     { text-align:       center; }
.textleft       { text-align:       left; }
.textright      { text-align:       right; }
.linethrough    { text-decoration:  line-through; }
.underline      { text-decoration:  underline; }

.indented       {
	padding-left:         0px;
}
.tree_level_zero    { margin-left:      10px; } 
.tree_level_one     { margin-left:      30px; } 
.tree_level_two     { margin-left:      60px; }
.tree_level_three   { margin-left:      90px; }

.draft          { font-style:       italic; }
.published      { font-weight:      bold; }
.archived       { text-decoration:  line-through; }

.backgroundwhite{   background-color:   white; }

.white{
    background-color:   #FFFFFF;
    color:              #FFFFFF;
}


.edged,
.edged_left,
.edged_right{
    background-color:   #FFFFFF;
    clear:              both;
    margin:             0 100px;
} .edged{
    width:              1000px; 
} .edged_left{
    margin-right:       0;
} .edged_right{
    margin-left:        0;
}

.more{
    display:                block;
    font-size:              12px;
    font-weight:            bold;
}

.tree{

    background-image:       url(../images/tree.gif);
    background-repeat:      no-repeat;
    padding-left:           10px;
}

/*
* Base elements
*/

*{
	margin:             0;
	padding:            0;
	float: none;
}

a{
    color:              inherit;
} a img{
    border:             0;
}

acronym{
    border:             0;
}

body{
	background-color:   #333333;


	color:              http
://www.seasonsend.org/development/issue2.shtml;
	font:               83%/1.4 Helvetica, Arial, sans-serif;
	height:             100%;
	color: #919168;
}

blockquote{
    margin-left:        25px;
}

form{
    display:            inline;
}

html{
    height:             100%;
}

input{
    padding:            1px 2px;
}

ul{
    list-style-type:    none;
}

/*
* Base elements (special)
*/

.header{
	color:                  #333333;
	font-family:            Arial, Helvetica, sans-serif;
	font-size:              12px;
	font-weight:            bold;
	padding-top:            5px;
	text-transform:         uppercase;
}

a.anonymous{
    text-decoration:    none;
} a.anonymous:hover{
    text-decoration:    underline;
}

a.external:hover{
    padding-right:          14px;
    background-color:       transparent;
    background-image:       url(../images/external.gif);
    background-position:    top right;  
    background-repeat:      no-repeat;
}

a.feed{
    color:                  #476365;
    font-size:              12px;
    font-weight:            bold;
	text-transform:			uppercase;
}

fieldset{
    background-color:   #EFEFE6;
    border:             1px solid #C8C8C8;
    margin:             10px;
    padding:            5px;
    width:              96%;
}

fieldset legend{
    background-color:   white;
    border:             1px solid #C8C8C8;
    font-size:          11px;
    padding:            2px 5px;
}

fieldset label{
    clear:              left;
    display:            block;
    float:              left;
    font-weight:        bold;
    white-space:        nowrap;
    width:              80px;   
} fieldset label:after{
    content:            ":";
} fieldset label.empty:after{
    content:            "";
}

fieldset div{
    margin-left:        100px;
}


fieldset#search{
    background-color:   #EFEFE6;
    border-bottom:      1px solid #CCCCCC;
    border-left:        1px solid #CCCCCC;
    border-right:       1px solid #CCCCCC;
    margin-top:         0px;
    padding:            10px;
}

fieldset#administrative{
    background-color:   #E4E3D6;
    border:             1px solid #CCCCCC;
    padding:            10px;
}

form fieldset{
    background-color:   transparent;
    border:             0;
}

form fieldset label{
    font-weight:        normal;
    width:              100px;
} form fieldset label.manditory{
    font-weight:        bold;
}

form fieldset p{
    background-color:   #E4E3D6;
    border:             1px solid #C8C8C8;
    margin:             5px;
    padding:            2px;
    text-align:         justify;
    width:              50%;  
}

form input, form textarea{
    background-color:   white;
    font-family:        Times New Roman;
    font-size:          12px;
    letter-spacing:     0.08em;
}

form input, form textarea, form select{
    border:             1px solid #787878;
    color:              #6B6B6B;
    margin:             1px 0 1px 0;
    padding:            1px 1px 1px 4px;
} form *.manditory{
    border-color:       black;
}

form input.submit{
    background-color:   transparent;

    color:              black;
    font-weight:        bold;
    letter-spacing:     0.09em;
}

form select option{
    padding:            1px 3px;
}

form fieldset input.submit,
form fieldset input.checkbox{
    float:              left;
    margin-left:        100px;
} 

form fieldset input.checkbox{
    background-color:   inherit;
    border:             0;
    margin-right:       5px;
}   

body.yui-skin-sam form fieldset div#content_container{
    float:              left;
}
body.yui-skin-sam form fieldset div{
    margin-left:        0;
}

form *:focus{
    color:              black;
    background-color:   #EFE6EB;
}

hr{
    background-color:   #CCCCCC;    
    border:             0;
    clear:              both;
    color:              #CCCCCC;
    height:             1px;
}

img.avatar{
    border:             1px solid #AAADAC;
}

img.icon{
    margin:             0 2px 0 2px;
}

img.feed{
    height:             14px;
    width:              14px;
}

img.thumbnail{
    border:             1px solid black;
}

input.submit:hover{
    border:             1px solid black;
}

input.update{
    margin:             10px;
}

div.content{
    clear:              left;
    display:            block;
    float:              left;
    margin:             0;
    width:              100%;
} div.content ul{
	list-style-type:	disc;
	margin-left:		10px;
}


span.warning,
span.notice,
span.error{
    display:            block;
    background-color:   #EFEFE6;
    border:             1px solid #C8C8C8;
    margin:             5px 10px;
    padding:            3px 10px;
    width:              70%;     
} span.error{
    background-color:   #FFDDC7;
    border-color:       #FF7214;
    color:              #000000;
} span.error img{
    vertical-align:     text-top;
    margin-right:       5px;
}

fieldset .error{
    display:            inline;
    background-color:   transparent;
    border:             0;
    padding:            0px 0px 0px 2px;
    text-align:         left;
    color:              red;
} fieldset .error:before{
    content:            "\AB";
    color:              red;
    font-size:          larger;
}

span.topic{     
    clear:              right;
    color:              #313F3F;
    display:            block;
    font-family:        Times New Roman;
    font-size:          26px;
    font-weight:        bold;
    line-height:        27px;
    margin:             0 0 0 20px;
    padding:            5px 0 0 0;
    text-transform:     uppercase;
} span.topic img.icon{
    vertical-align:     text-top;
}  

span.subtopic{
    display:            block;
    font-size:          12px;
    margin:             10px 0 15px 10px;
}

span.posts_header{
    color:              #313F3F;
    display:            block;
    font-family:        Times New Roman;
    font-size:          14px;
    font-weight:        bold;
    margin:             0 0 0 10px;
    padding:            5px 0 0 0;
    text-transform:     uppercase;
}

table.content{
	float:				left;
    width:              100%;
} table.content td{
	vertical-align:		top;
} table.content td.images{
	padding-left:		15px;
	padding-top:		10px;
	text-align:			center;
} table.content td.images div.inset{
	margin-bottom:		25px;
} table.content td.images div.inset img.thumbnail{
	width:				180px;
} table.content td.images div.inset span{
    clear:              both;
    display:            block;
} table.content td.images div.inset span.title{
	display:			none;
} table.content td.images div.inset span.movie{
    padding-left:           12px;
    background-image:       url(../images/play.gif);
    background-position:    center left;
    background-repeat:      no-repeat;
	font-size:				smaller;
} table.content td.content{
	text-align:				left;
	padding:				10px 15px;
} table.content td.links{
	padding:				0 5px 0 0;
    width:                  200px;
} table.content td.links ul{
	margin-bottom:			20px;
} table.content td.links li{
    font-size:          12px;
    margin-top:         5px;
} table.content td.links li.header{
	color:              Read what leaders from hunting and fishing organizations and managers of fish and wildlife agencies are saying about global warming
. Then post your own thoughts.;
	font-size:          13px;
	font-weight:        normal;
	text-transform:     none;
} table.content td.links ul#facts{
	float:				right;
	margin-right:		-6px;
	margin-top:			-2px;
} table.content td.links ul{
	list-style-type:	none;
} table.content td.links ul#files_inset li{
    padding-right:      5px;
}

table.content td.content p{
	margin-bottom:		0.8em;
}
table.content td.content img.static{
	float:				left;
	margin:				15px 15px 10px 0;
}

ul.breadcrumb{
    margin-left:        20px;
} ul.breadcrumb li{
    float:              left;
    margin:             0 5px 10px 0;
} ul.breadcrumb li a{
    text-decoration:    none;
} ul.breadcrumb li a:hover{
    text-decoration:    underline;
} ul.breadcrumb li:last-child{
    color:              #313F3F;
    font-weight:        bold;
} 

ul#feeds{
    clear:              both;
    float:              left;
    width:              100%;
} ul#feeds li{
    margin:             2px 0 2px 15px;
} ul#feeds li a{
    text-transform:     capitalize;
}

ul#files{
    margin:             5px 0 0 100px;
} ul#files li img.icon{
    margin:             0 3px;
}

ul#posts{
    height:             100%;
} ul#posts li{
    border-top:         1px solid #AAADAC;
    clear:              left;
    margin:             20px 20px 0 0;
    padding:            10px;
} ul#posts li img.avatar{
    float:              left;
    margin:             10px;
} ul#posts li span.post{
    display:            block;
    float:              left;
    padding:            10px 0;
    width:              90%;
}

ul#results{
    clear:              both;
    display:            block;
    float:              left;
    margin:             10px 0 10px 0;
    width:              100%;
} ul#results li{
    border-top:         1px solid #AAADAC;
    margin:             5px 0;
    padding:            5px 10px;
} ul#results li span.lighter{
    color:              #96998F;             
} ul#results li span.hilighted{
    background-color:   transparent;
    color:              #FF6600;
    font-size:          larger;
    font-weight:        bold;
} ul#results li.thumbnailed{
    min-height:         50px;
} ul#results li img.thumbnail{
    float:              right;
    max-height:         50px;
    margin:             0 30px 0 15px;
    vertical-align:     text-top;
} ul#results li img.avatar{
    vertical-align:     top;
    margin:             0;
}




/*
* Specific element
*/

div#header{
    border-bottom:      1px solid #CCCCCC;
    height:             100px;   
}

div#speak{
    clear:              both;
    float:              left;
    margin-bottom:      5px;
}


iframe#upload{
    border:             0;
    border-left:        1px dashed #736339;
    display:            hidden;
    float:              left;
    height:             420px;
    margin:             0 0 10px 80px;
    overflow:           hidden;
    padding-left:       5px;
    width:              70%;
} body#body_upload img.thumbnail{
    margin:             0 0 10px 10px;
}

img#logo{
    clear:              left;
    float:              left;
    height:             51px;
    margin:             25px 97px 25px 25px;
    width:              217px;
}

ul.menu_section{
    border-right:           1px solid #999966;
    float:                  left;
    height:                 95%;
    margin-top:             2px;
} ul.menu_section li{
    border-bottom:          1px solid #999966;
    height:                 20%;
    margin:                 0 4px;
    width:                  190px;
} ul.menu_section li a{
    color:                  #000000;
    font-size:              11px;
    font-weight:            bold;
    vertical-align:         middle;
} ul.menu_section li a:hover{
    text-decoration:        none;
} ul.menu_section li.spacer{
    height:                 8px;
}

div#menu_user{
    color:                  #767676;
    font-size:              1.1em;
    font-weight:            bold;
    margin:                 0 0 0 10px;
    padding-top:            10px;
} div#menu_user span.seperator,
  div#menu_user a{
    color:                  inherit;
    margin-left:            5px;
} div#menu_user form{
    color:                  #000000;
    margin-left:            5px;
}

form#search{
    display:                block;
    float:                  left;
    margin:                 20px 0 0 5px;
} form#search input#for{
    border:                 1px solid #999966;
    height:                 1.7em;
} form#search a#submit_seek{
    color:                  #000000;
    font-size:              11px;
    font-weight:            bold;
}

div#action{
    float:                  left;
    min-height:             80%; 
}

div#footer{
    border-top:             1px solid #CCCCCC;
    height:                 75px;
    padding-top:            15px;
}

div#footer span#copyright{
    color:                  #868686;
    font-size:              11px;   
    margin:                 0 20px;
    word-spacing:           2px;
}

table#pages{
    border-collapse:        collapse;
    margin-left:            10px;     
} table#pages td{   
    height:                 23px;
}

/*
* Home page
*/

body#body_home div#header{
    border-bottom:          1px solid #ffffff;
}

body#body_home div#footer{
    border-top:             0;
}

div#rotator{
    float:                  left;
    height:                 313px;
    width:                  737px;
} 

div#rotator_text{
    color:                  #FFFFFF;
    float:                  right;
    font-family:            Georgia, Avant Garde, Verdana, sans-serif;
    height:                 133px;
    margin:                 170px 25px 0 0;
    text-align:             right;
    vertical-align:         baseline;
    width:                  335px;
} div#rotator_text span#love{
    font-size:              27px;
    font-weight:            bold;
    line-height:            24px;
    text-transform:         uppercase;
} div#rotator_text span#protect{
    font-size:              18px;
    font-style:             italic;
    line-height:            30px;
} div#rotator_text span#blurb,
  div#rotator_text span#actions{
    font-size:              12px;
	font-weight:			bold;
    line-height:            13px;
	text-transform:			uppercase;
} div#rotator_text span#actions{
    line-height:            30px;
}

ul#facts{
    float:                  right;
    width:                  263px;
} ul#facts li{
	border-left:            1px solid #FFFFFF;
	border-top:             1px solid #FFFFFF;
	background-color:       #D8DACA;
	height:                 56px;
	margin-top:				0px;
} ul#facts li.fact img.animal{
    float:                  left;
    height:                 50px;
    margin:                 2px 7px 0 2px;
    width:                  83px;
} ul#facts li.fact img.text{
    float:                  left;
    margin-top:             20px;
} ul#facts li#facts_header{
    border-top:             0;
    height:                 23px;
    text-align:             center;
}

ul#sections{
    float:                  left;
} ul#sections li{
    float:                  left;
    height:                 220px;
    margin:                 20px 10px 3px 20px;
    width:                  205px;
} ul#sections li.bordered{
    border-left:            1px solid #D2D2D1;
} ul#sections li span.section_header{
    display:                block;
    margin-bottom:         	10px;
} ul#sections li span.section_body{
    color:                  #645742;
    display:                block;
    font-size:              11px;
	margin-bottom:			3px;
} ul#sections li a.more{
    color:                  #6E4510;
} ul#sections li .indented{
    margin-left:            10px;
} 

div.bottom{
    border-bottom:          1px solid #C8C8C8;
    float:                  left;
    padding:                5px 0;
} div.bottom .indented{
    margin-left:            10px;
} 

div.shared{
    background-color:       #EFEFE6;
	height:					175px;
	width:					50%;
}

div#video{

} div#video span.more{
    margin-top:             5px;
} div#video img.thumbnail{
    height:                 97px;
    float:                  left;
    margin:                 5px 0 0 10px;
    width:                  130px;
} div#video div#information{
    float:                  left;
    font-size:              11px;
    width:                  300px;
} div#video a{
    color:                  #4B493F;
} div#video img.icon{
	margin-top:				5px;
}

div#partners{
    background-color:       #E4E3D6;
    border-top:             1px solid #C8C8C8;
	padding-bottom:			10px;
	width:					100%;
} div#partners ul{
	float:					left;
	margin-right:			20px;
} div#partners ul li{
	clear:					left;
	float:					left;
    font-size:              12px;
} div#partners ul li a{
    color:                  #657389;
} div#partners span.header{
   padding-bottom:          3px;
} 

div#book{
	font-weight:			bold;
	text-transform:			uppercase;
} div#book span.header{
	padding-right:			5px;
} div#book img#cover{	
	border:             1px solid #C8C8C8;
}

/*
* Columns
*/ 


ul#columns{
    margin-top:             2px;
} ul#columns li {
    border-top:             1px solid #AAADAC;
    float:                  left;
    margin:                 2px 0 5px 0;
    width:                  480px;
} ul#columns li:first-child{
    border-top:             0;
} ul#columns li span{
    display:                block;
    margin-left:            90px;
} ul#columns li img.thumbnail{
    float:                  left;
    margin:                 10px;
}

span.column_header{   
    color:                  #2C3839;
    font-size:              22px;
    line-height:            26px;   
    margin-top:             2px;
} 

span.column_content,
span.column_info{
    font-size:              11px;
}

span.column_info{
    margin-top:             10px;
}

span.observation_header{
    display:                block;
    font-size:              17px;
    line-height:            18px;
    margin-bottom:          4px;
}

/* 
* Page specific
*/ 

body#body_columns ul#columns{
    margin:                 10px;
} body#body_columns ul#columns li{
    float:                  left;
    padding:                5px;
    width:                  100%;
} body#body_columns ul#columns li span.title{
    display:                block;
    font-size:              12px;
    margin:                 2px 0;
}

body#body_download div#embedded{
    background-color:   black;
    border:             2px solid black;
    clear:              both;
    float:              left;
    margin:             5px 0 10px 20px;
}

body#body_interstitial img.bar{
    border:             1px #ff6600 solid;
    background-color:   #E2E4EB;
    height:             12px;
    width:              12px; 
    margin:             1px;          
}

body#body_interstitial img.hilighted{
    background-color:   #ff6600;    
}

body#body_upload{
    background-color:       transparent;
}

/*
* Generitable 
*/

table.generitable {
    border-spacing:     0;
}

table.generitable,
fieldset.generitable{
    margin:             10px 0 10px 10px;
}

table.generitable{
    border:             1px solid #C8C8C8;
} table.generitable th {
    border-bottom:      1px solid #C8C8C8;
} table.generitable tfoot tr td{
    border-top:         1px solid #C8C8C8;
}


table.generitable th,
table.generitable tfoot tr td{
    background-color:   #D7D7C1;
}

table.generitable th,
table.generitable td{
    padding:            1px 5px;
    text-align:         left;
    white-space:        nowrap;
}

table.generitable th a{
    color:              inherit;
    font-variant:       small-caps;
    font-weight:        normal;
}

table.generitable thead .control,
table.generitable tfoot .control{
    text-align:         right;
}

table.generitable * .control img:hover{
    cursor:             pointer;
}

table.generitable tfoot .range{
    text-align:         center;
}

table.generitable td {
    background-color:   transparent;
} table.generitable td a{
    color:              inherit;
}

table.generitable tr,
table.generitable tr td{
    background-color:   #EFEFE6;
}

table.generitable tr.alt,
table.generitable tr.alt td{
    background-color:   #E4E3D6;
}

table.generitable tr td .avatar{
    margin:             0;
    padding:            0;
    vertical-align:     bottom;
}