/******
*******COWFILES - 10/05/2007
*******update - 25/03/2010
*******enginehouse@googlemail.com
****************************************************/



/****** 1) GLOBALS
****************************************************/

/html
{
position:relative;
}

*
{
margin:0;
padding:0;
outline:none;
border:none;
_word-wrap:break-word;
-moz-outline:none -moz-mac-focusring;
}

a
{
outline:none;
}


body
{
font-family:arial, verdana, sans-serif;
font-size:100%;
line-height:normal;
background:#fff url(../images/structure/background.gif) repeat left top;
padding:0 0 50px;
color:#4C4C4C;
position:relative;
}

#content a {color:#3777BC;text-decoration:none;}
#content a:hover {text-decoration:underline;}

/****** 2) structure
****************************************************/

#header
	{
	height:200px;
	z-index:20;
	position:relative;
	width:100%;
	background:#fff url(../images/structure/header-main-strip.png) no-repeat left top;
}

#cowfiles-african-gardens #header,
#cowfiles-african-info #header,
#cowfiles-cowforce-website #header,
#cowfiles-fundraising #header,
#cowfiles-materials-and-dvds #header,
#cowfiles-send-a-cow-stuff #header,
#cowfiles-subjects #header,
#cowfiles #header {z-index:140;background-color:transparent}

#wrapper
	{
	width:980px;
	margin:0 auto;
	margin-bottom:-50px;
	position:relative;
	z-index:100;
}



#cowfiles-african-gardens #wrapper,
#cowfiles-african-info #wrapper,
#cowfiles-cowforce-website #wrapper,
#cowfiles-fundraising #wrapper,
#cowfiles-materials-and-dvds #wrapper,
#cowfiles-send-a-cow-stuff #wrapper,
#cowfiles-subjects #wrapper,
#cowfiles #wrapper {background-color:transparent}


#inner-wrapper
	{
	width:100%;
	float:left;
	display:inline;
	position:relative;
	z-index:100;
	margin-top:-150px;
	margin-top:0;
	background:transparent;
}


#cowfiles-african-gardens #inner-wrapper,
#cowfiles-african-info #inner-wrapper,
#cowfiles-cowforce-website #inner-wrapper,
#cowfiles-fundraising #inner-wrapper,
#cowfiles-materials-and-dvds #inner-wrapper,
#cowfiles-send-a-cow-stuff #inner-wrapper,
#cowfiles-subjects #inner-wrapper,
#cowfiles #inner-wrapper {margin-top:70px;z-index:10;background:url(../images/structure/main-content-frayed-top.png) no-repeat left top;}

#cowfiles-african-gardens #main-container,
#cowfiles-african-info #main-container,
#cowfiles-cowforce-website #main-container,
#cowfiles-fundraising #main-container,
#cowfiles-materials-and-dvds #main-container,
#cowfiles-send-a-cow-stuff #main-container,
#cowfiles-subjects #main-container,
#cowfiles #main-container {margin-top:-80px;}

#main-container 
	{
	float:left;
	padding:0 0 50px;
	width:525px;
	margin-top:0;
}



#content
	{
	width:500px;
	float:left;
	display:inline;
	padding:0;
}

#main-navigation-column
	{
	width:232px;
	padding-bottom:100px;
	float:left;
	display:inline;
	margin-top:37px;
	margin-right:8px;
}


#image-rotator
	{
	float:left;
	width:980px;
	height:350px;
	position:absolute;
	z-index:0;
	top:50px;
	clear:both;
	left:0;
	overflow:hidden;
}

#search-data-column {
	display:inline;
	float:left;
	margin-left:-5px;
	width:200px;
	}

#footer
	{
	clear:both;
	display:block;
	padding-top:30px;
	margin-bottom:50px;
	text-align:center;
	background:url(../images/structure/footer-main-strip.png) no-repeat left top;
}

#search-data-column div.donate-panel {float:left;position:relative;padding:15px;margin-top:-12px;}

#cowfiles-african-gardens #search-data-column div.donate-panel,
#cowfiles-african-info #search-data-column div.donate-panel,
#cowfiles-cowforce-website #search-data-column div.donate-panel,
#cowfiles-fundraising #search-data-column div.donate-panel,
#cowfiles-materials-and-dvds #search-data-column div.donate-panel,
#cowfiles-send-a-cow-stuff #search-data-column div.donate-panel,
#cowfiles-subjects #search-data-column div.donate-panel,
#cowfiles #search-data-column div.donate-panel {margin-top:-67px;}

#search-data-column div.donate-panel h2 {margin:0;margin-left:-15px;padding:0;text-indent:-9999px;width:200px;height:55px;float:left;clear:both;background:url(../images/structure/donate-h3.png) no-repeat left top}



/****** 3) MAIN NAVIGATION
****************************************************/

#main-navigation-column h3
	{
	text-indent:-9999px;
}


#main-navigation-column-wrapper  {
	background:url("../images/structure/left-nav-bottom-background.png") no-repeat scroll 9px bottom transparent;
	float:left;
	margin-top:-100px;
	width:100%;
	}

ul#nav_categories
	{
	float:left;
	padding-top:110px;
	padding-left:20px;
	padding-right:10px;
	display:block;
	width:202px;
	position:relative;
	z-index:200;
	background:url(../images/structure/left-nav-top.png) no-repeat left top;
	margin-bottom:137px;
}



#main-navigation-column li
	{
	background:url(../images/structure/main-navigation-li-border.gif) no-repeat left bottom;
}

#main-navigation-column li,
#main-navigation-column li ul
	{
	height:auto;
	font-family:arial, sans-serif;
	font-size:0.72em;
	list-style:none;
}

#main-navigation-column ul li ul
	{
	clear:both;
	background-color:transparent;
	border:none;
}

#main-navigation-column li
 {
float:left;
width:100%;
 display:block;
}

#main-navigation-column li a
{
display:block;
text-decoration:none;
color:#3777BC;
padding:8px 0 8px 3px;
float:left;
}
#main-navigation-column li li a {}


#main-navigation-column li span
{
display:inline;
}

#main-navigation-column li a.disp,
#main-navigation-column li a.disp_active {
cursor:pointer;
display:inline;
float:right;
margin-right:15px;
padding:4px;
z-index:500;
}

#main-navigation-column li a.disp:hover,
#main-navigation-column li a.disp_active,
#main-navigation-column li a.disp_active:hover
{
text-decoration:none;
}

#main-navigation-column li a:hover,
#main-navigation-column li a.here
{
color:#F15A22;
}

#main-navigation-column li ul li
{
clear:both;
border:none;
}

#main-navigation-column li ul li a
{
display:block;
clear:both;
font-size:1.95em;
width:150px;
text-decoration:none;
padding:6px 0 6px 20px;
margin:0;
}
#main-navigation-column li li
{
background:none;
}


#main-navigation-column li ul li.empty,
#main-navigation-column li.empty
{
display:block;
padding:3px 5px 3px 10px;
text-decoration:none;
font-size:11px;
font-weight:bold;
height:auto;
_height:1em;
}

#main-navigation-column li ul li a:hover
{
color:#F15A22;
}

#main-navigation-column ul.non-dynamic-nav-items
{
display:inline;
}

#main-navigation-column ul.non-dynamic-nav-items a
{
display:inline;
}

#main-navigation-column p img
{
margin:3em 0 3em -0.5em;
padding:0;
clear:both;
}


#main-navigation-columnfieldset
{
clear:both;
padding:15px 0 15px 16px;
}

#main-navigation-columnfieldset h4
{
background:url(../images/structure/h4-signup.gif) no-repeat left center;
height:50px;
width:169px;
display:block;
text-indent:-9999px;
}

#main-navigation-columnfieldset input.submit,
#main-navigation-columnfieldset label
	{
	padding-left:5px;
}

#main-navigation-columnfieldset input.submit {font-size:110%;}
 

#mailinglist_form fieldset {float:left;clear:both;width:100%}

#inner-wrapper-backing  {
	background-color:#FFFFFF;
	float:left;
	margin-top:-40px;
/*	padding-bottom:90px;	*/
	width:100%;
}

#cowfiles-african-gardens #inner-wrapper-backing,
#cowfiles-african-info #inner-wrapper-backing,
#cowfiles-cowforce-website #inner-wrapper-backing,
#cowfiles-fundraising #inner-wrapper-backing,
#cowfiles-materials-and-dvds #inner-wrapper-backing,
#cowfiles-send-a-cow-stuff #inner-wrapper-backing,
#cowfiles-subjects #inner-wrapper-backing,
#cowfiles #inner-wrapper-backing {margin-top:100px;}


#cowfiles-african-gardens ul#nav_categories,
#cowfiles-african-info ul#nav_categories,
#cowfiles-cowforce-website ul#nav_categories,
#cowfiles-fundraising ul#nav_categories,
#cowfiles-materials-and-dvds ul#nav_categories,
#cowfiles-send-a-cow-stuff ul#nav_categories,
#cowfiles-subjects ul#nav_categories,
#cowfiles ul#nav_categories {margin-top:25px;}

#cowfiles-african-gardens #main-navigation-column-wrapper,
#cowfiles-african-info #main-navigation-column-wrapper,
#cowfiles-cowforce-website #main-navigation-column-wrapper,
#cowfiles-fundraising #main-navigation-column-wrapper,
#cowfiles-materials-and-dvds #main-navigation-column-wrapper,
#cowfiles-send-a-cow-stuff #main-navigation-column-wrapper,
#cowfiles-subjects #main-navigation-column-wrapper,
#cowfiles #main-navigation-column-wrapper
	{
	width:100%;
	margin-top:-130px;
	float:left;
	background:url(../images/structure/left-nav-bottom-background.png) no-repeat 9px bottom;
}

#cowfiles-african-gardens #main-navigation-column,
#cowfiles-african-info #main-navigation-column,
#cowfiles-cowforce-website #main-navigation-column,
#cowfiles-fundraising #main-navigation-column,
#cowfiles-materials-and-dvds #main-navigation-column,
#cowfiles-send-a-cow-stuff #main-navigation-column,
#cowfiles-subjects #main-navigation-column,
#cowfiles #main-navigation-column {margin-top:-130px;}

/******4) TYPOGRAPHY
******************************************************/


h1, h2, h3, h4, h5, h6, p, dt, pre, code
{
font-weight:normal;
margin:0 0 0.6em;
}

h1
{

position:absolute;
top:10px;
left:10px;


}

h1 a
{
display:inline;
width:250px;
height:116px;
margin-left:5px;
float:left;
text-indent:-9999px;
background:url(../images/structure/logo.gif) no-repeat left top;
}

h2
{
font-size:1em;
font-weight:bold;
margin:0;
color:#F15A22;
margin-bottom:12px;
}


h3
{
font-size:0.875em;
}

h4
{
font-size:75%;
}

h5
{
font-size:75%;
}

p, dl
{
font-size:72%;
}

p{
margin:0 0 1em;
line-height:1.4em;
/*text-indent:1em;*/
}

p a{
font-weight:bold;
color:#3777BC;
text-decoration:none;
}


h1+p, h2+p, h3+p, h4+p, h5+p, h6+p
{
text-indent:0;
}


/*
0.625em = 10px
0.6875em= 11px
0.75em = 12px
1.125em= 18px
1.375em = 22px
*/


/****** 5) STRONG, EM, CITE ETC
****************************************************/


strong
{
font-weight:bold;
}

em
{
font-style:italic;
}



blockquote
{
padding:10px 20px;
margin:0 10px 10px 20px;
font-size:17px;
border:solid #6D1639;
border-width:0 0 0 2px;
width:240px;
float:right;
}

#cowfiles blockquote
{
padding:20px;
clear:both;
margin:0;
font-size:14px;
border:none;
background-color: #6D1639;
color:#fff;
width:345px;
float:none;
}

#cowfiles blockquote p
{
font-size:11px;
}

#cowfiles blockquote h3,
#cowfiles blockquote h3 a
{
color:#fff;
}

#cowfiles blockquote h3 a
{
text-decoration:underline;
}

#cowfiles blockquote p:first-letter
{
font-size:32px;
font-weight:bold;
float:left;
margin:5px 5px 1px 0;
padding:0;
vertical-align:top;
}


/****** 6) HOMEPAGE EXPANDER TABBING PANELS
****************************************************/

ol#top-ten-homepage
{
list-style:none;
}

ol#top-ten-homepage li
	{
	width:99.4%
}

ol#top-ten-homepage li div img
	{
	clear:both;
}



#top-ten-homepage h3
	{
	font-size:0.72em;
	font-weight:bold;
	margin:10px 0 0;
	background:url(../images/structure/top-ten-homepage-h3-bottom-rounded.gif) no-repeat left top;
}

#top-ten-homepage h3 a
	{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:9px 0  7px;
	background:url(../images/structure/top-ten-homepage-h3-arrow.png) no-repeat 460px 3px;
}

#top-ten-homepage .panel.active-tab-body h3 a
	{
	background-position:460px -87px;
}


#top-ten-homepage h3 a span
	{
	display:block;
	padding:0 50px 4px 10px;
}

#top-ten-homepage h3 a.active-tab
	{
	text-decoration:none;
}

#top-ten-homepage .panel h4
	{
	background:#EDF5FD;
	padding:5px 10px;
}

#top-ten-homepage .panel.active-tab-body div
	{
	display:block;
	background:#EDF5FD url(../images/structure/main-navigation-li-border.gif) repeat-x left bottom;
}

#top-ten-homepage .panel.active-tab-body h4
	{
	margin:0;
	background-image:none;
	font-weight:bold;
	color:#753E00;
	padding:5px 10px 10px;
}

#top-ten-homepage .panel div
	{
	clear:both;
	margin:0;
	display:none;
	padding:0 10px 10px;
}

#cowfiles #image-rotator {background-image:url(../images/structure/hero-images/boys.jpg)}
#cowfiles-african-gardens #image-rotator {background-image:url(../images/structure/hero-images/girl-and-potatoes.jpg)}
#cowfiles-african-info #image-rotator {background-image:url(../images/structure/hero-images/fruit-balancing.jpg)}
#cowfiles-cowforce-website #image-rotator {background-image:url(../images/structure/hero-images/cowforce.jpg)}
#cowfiles-fundraising #image-rotator {background-image:url(../images/structure/hero-images/scouts.jpg)}
#cowfiles-materials-and-dvds #image-rotator {background-image:url(../images/structure/hero-images/sendacow.jpg)}
#cowfiles-send-a-cow-stuff #image-rotator {background-image:url(../images/structure/hero-images/two-ladies.jpg)}
#cowfiles-subjects #image-rotator {background-image:url(../images/structure/hero-images/children-writing.jpg)}

/*6a) african-gardensentry-list-background-blue */


#cowfiles-african-gardens #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-african-gardens.gif) no-repeat left top;}


/*6b) african-info*/

#cowfiles-african-info #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-african-info.gif) no-repeat left top;}


/*6c) cowforce*/


#cowfiles-cowforce-website #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-cowforce.gif) no-repeat left top;}


/*6d) fundraising*/


#cowfiles-fundraising #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-fundraising.gif) no-repeat left top;}



/*6e) materials &amp; dvds*/


#cowfiles-materials-and-dvds #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-materials-and-dvds.gif) no-repeat left top;}



/*6f) SAC stuff*/


#cowfiles-send-a-cow-stuff #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-send-a-cow-stuff.gif) no-repeat left top;}


/*6g) Subjects*/


#cowfiles-subjects #top-ten-homepage h3 {background:url(../images/structure/top-ten-homepage-h3-bottom-rounded-subjects.gif) no-repeat left top}




/****** 7) ORDERED AND UNORDERED LISTS
****************************************************/

#content ul.unordered
{
list-style:none;
padding:10px 0;
margin:0;
}

#content ul.unordered li
{
display:block;
}

#content ul.unordered li a
{
line-height:normal;
padding-top:0.2em;
padding-bottom:0.2em;

}

#content ul.unordered li a:hover
{
text-decoration:underline;
}


#content ol.ordered
{
padding:15px 5px;
font-size:12px;
list-style-position:outside;
margin:0;
}

#content ol.ordered li
{
margin:15px;
line-height:normal;
}

/****** 7bSITEMAP
****************************************************/

#content ul#sitemap_nav li
{
list-style:none;
}


ul#sitemap_nav li,
ul#sitemap_nav li ul
{
height:auto;
font-family:tahoma, verdana, sans-serif;
font-weight:bold;
font-size:13px;
list-style:none;
}

ul#sitemap_nav li ul
{
background-color:transparent;
border:none;
}

ul#sitemap_nav li
 {
margin-left:13px;
 display:inline;
}

ul#sitemap_nav li a
{
display:block;
text-decoration:none;
padding:4px 0 4px 20px;
height:auto;
color:red;
_height:1em;
}

ul#sitemap_nav li ul li
{
border:none;
}

ul#sitemap_nav li ul li a
{
display:block;
clear:both;
font-size:11px;
text-decoration:none;
padding:4px 0 4px 35px;
margin:0;
}

ul#sitemap_nav li ul li a:hover
{

}


/****** 8) PAGINATION AND BREADCRUMB
****************************************************/

.breadcrumb,
.paginate
{
float:left;
padding:10px 0;
margin:0;
display:inline;
}

.breadcrumb
{
width:520px;
}

.paginate
{
clear:both;
width:340px;
padding:40px 0 60px;
}


.breadcrumb a,
.breadcrumb span.here
{
float:left;
display:block;
margin:0;
font-size:11px;
font-weight:normal;
color:#3777BC;
padding:2px 8px 2px 0;
text-decoration:none;
text-transform:capitalize;
}

.paginate b,
.paginate a,
.paginate span.page_of,
p.paginate strong
{
display:block;
float:left;
padding:0.6em;
font-size:1em;
margin:5px 2px 0 0;
padding:4px 8px;
font-weight:bold;
background-color:#fff;
text-decoration:none;
color:#3777BC;
border:1px solid #3777BC;
}

p.paginate strong {background-color:#3777BC;color:#fff;}


#content .paginate a:hover,
.paginate b
{
color:#fff;
text-decoration:none;
background-color:#3777BC;
}

.breadcrumb a:hover,
.breadcrumb span.here
{
border:0;
}


.paginate1
{
display:none;
}




/******9) VALIDATION CLASSES
******************************************/

input.required,
textarea.required
{
border:1px solid #7DD627;
}

.validation-advice,
.custom-advice
{
padding:10px 0;
clear:both;
color :#ff0000;
font-size:1.4em;
font-weight:bold;
}
#confirmation {font-size:1em;font-weight:bold;width:100%;padding:4px 0;clear:both;float:left;color:#ff0000;}

/****** 10) TOPNAV
****************************************************/


#header ul
{
float:right;
padding-top:12px;
}


#header ul li
{
list-style:none;
display:inline;
float:left;
}


#header ul li a
{
display:block;
float:left;
color:#3777BC;
font-size:0.7em;
font-weight:bold;
padding:10px 8px 5px;
text-decoration:none;
}

#header ul li a.the-left
{
padding-left:26px;
background:url(../images/structure/pipe.gif) no-repeat right 70%;
}

#header ul li a.the-right
{
padding-right:16px;
}

#header ul li a.here,
#header ul li a:hover
{
text-decoration:underline;
}



hr
{
clear:both;
height:20px;
display:block;
border:none;
}


/****** 11) FILE TYPE CLASSES
**********************************************************/

a.doc,
a.exe,
a.jpg,
a.gif,
a.mp3,
a.swf,
a.ppt,
a.xls,
a.pdf,
a.mov,
a.wav,
a.kmz,
a.flv,
a.zip,
a.jpg,
a.mpeg
{
font-size:11px;
font-weight:bold;
clear:both;
color:#3777BC;
text-decoration:none;
padding:0.6em  1em  0.6em 2.4em;
}

a.doc{background:url(../images/structure/icon-doc.gif) no-repeat left center;}
a.exe{background:url(../images/structure/icon-exe.gif) no-repeat left center;}
a.jpg{background:url(../images/structure/icon-jpg.gif) no-repeat left center;}
a.gif{background:url(../images/structure/icon-gif.gif) no-repeat left center;}
a.mp3{background:url(../images/structure/icon-mp3.gif) no-repeat left center;}
a.swf{background:url(../images/structure/icon-swf.gif) no-repeat left center;}
a.ppt{background:url(../images/structure/icon-ppt.gif) no-repeat left center;}
a.xls{background:url(../images/structure/icon-xls.gif) no-repeat left center;}
a.pdf{background:url(../images/structure/icon-pdf.gif) no-repeat left center;}
a.mov{background:url(../images/structure/icon-mov.gif) no-repeat left center;}
a.wav{background:url(../images/structure/icon-wav.gif) no-repeat left center;}
a.kmz{background:url(../images/structure/icon-kmz.gif) no-repeat left center;}
a.flv{background:url(../images/structure/icon-flv.gif) no-repeat left center;}
a.zip{background:url(../images/structure/icon-zip.gif) no-repeat left center;}
a.mpeg{background:url(../images/structure/icon-mpeg.gif) no-repeat left center;}
a.jpg{background:url(../images/structure/icon-jpg.gif) no-repeat left center;}


/****** 12) FOOTER
****************************************************/


#footer ul
{
padding:20px 25px 0 20px;
margin:0;
}

#footer li
{
float:right;
list-style-type:none;
}


#footer li a
{
padding:0 3px;
font-size:11px;
background:none;
text-decoration:none;
color:#000;
}


#footer li a.last
{
border-right:none;
}

#footer li a:hover
{
color:#00A0C6;
}

#footer p
{
text-align:left;
padding:8px 0 0 25px;
}


#footer p a
{
text-decoration:none;
border:none;
padding-top:8px;
color:#ffffff;
}



/****** 13) SEARCH BOX CLASSES
****************************************************/

#search-panel
{
clear:both;
}

#search-panel ul
{
list-style:none;
clear:both;
background-color:transparent;
}

#search-panel li
{
display:inline;
}

#search-data-column #search-panel
{
float:left;
background:#C1F906 url(../images/structure/search-box-bottom-rounded.gif) no-repeat left bottom;
padding-bottom:10px;
}

#search-data-column #search-panel fieldset
{
display:none;
padding:1em 0 0.6em;
clear:both;
float:left;
}

#search-data-column #search-panel fieldset.active-tab-body
{
display:block;
}

#search-panel ul a#tab-live-search,
#search-panel ul a#tab-advanced-search
{
height:30px;
display:block;
text-indent:-999em;
font-size:50%;
float:left;
text-decoration:none;
}

a#tab-live-search
{
width:75px;
background:url(../images/structure/live-search.gif) no-repeat 0 0;
}

a#tab-advanced-search
{
width:105px;
background:url(../images/structure/advanced-search.gif) no-repeat 0 0;
}

a#tab-live-search:hover,
a#tab-live-search.active-tab,
a#tab-advanced-search:hover,
a#tab-advanced-search.active-tab
{
background-position:0 -29px;
}

.search
{
background:url(../images/structure/search-icon.gif) no-repeat center center;
height:20px;
width:24px;
float:left;
display:block;
cursor:pointer;
}

#search-results-content ul
{
list-style:none;
background-color:#C1F906;
display:block;
float:left;
padding:1em 0;
}


#search-results-content li
{
clear:none;
}

#search-results-content a
{
display:block;
width:160px;
padding:0.4em 0 0.4em 0.2em;
margin-left:10px;
color:#7DD627;
text-decoration:none;
border-bottom:1px dotted #7DD627;
font-size:0.8em;
}

#search-results-content a:hover
{
background-color:#7DD627;
color:#fff;
}


#search-panel h3
{
font-family:tahoma, verdana, sans-serif;
color:#6B838E;
font-size:14px;
margin-left:10px;
}

#search-panel p
{
padding-left:10px;
clear:both;
}

#search-panel p a
{
display:block;
width:160px;
clear:both;
float:left;
margin-top:10px;
}

#search-results-wrapper
{
background:none;
}

p#search-button
{
padding:0;
margin:0;
}



/****** buttons
**********************************************************/

#header ul li a.button {padding:0;}

input.submit,
a.button {text-indent:-9999px;float:left;}

.complete-resource-list {background:url(../images/structure/button-complete-resource_200x82.png) no-repeat left top;height:41px;width:200px}
.newsletter-sign-up {background:url(../images/structure/button-newsletter-signup_215x96.png) no-repeat left top;height:48px;width:215px;margin-left:10px;}
.go {background:url(../images/structure/button-go_66x82.png) no-repeat left top;height:41px;width:66px;margin-top:-3px;}
.donate {background:url(../images/structure/button-donate_200x41.png) no-repeat left top;height:41px;width:200px;margin-left:-6px;}
.resources-by-post {background:url(../images/structure/button-resources-by-post_215x96.png) no-repeat left top;height:48px;width:215px;margin-left:10px;}

input.submit:hover,
a.button:hover {background-position:left bottom}



/****** 14) HIGHEST RATED HOMEPAGE
**********************************************************/

#homepage-downloads
{
width:537px;
display:inline;
float:left;
padding-bottom:5px;
margin-top:20px;
margin-left:10px;
background:url(../images/structure/homepage-downloads-bottom-rounded.gif) no-repeat left bottom;
}

#homepage-downloads ul
{
list-style:none;
clear:both;
}

#homepage-downloads li
{
display:inline;
}

#homepage-downloads p#loading-latest-reviews,
#homepage-downloads p#loading-highest-rating,
#homepage-downloads p#loading-most-viewed
{
height:200px;
width:400px;
font-size:30px;
color:#fff;
padding-left:50px;
display:block;
background:url(../images/structure/homepage-downloads-loading-icon.gif) no-repeat left center;
}

#homepage-downloads p#loading-latest-reviews
{
display:none;
}

#homepage-downloads ol
{
width:100%;
display:none;
/*list-style-type:numeric;*/
background-color:#9999CC;
clear:both;
float:left;
}

#homepage-downloads ol li
{
font-size:0.8em;
display:block;
color:#fff;
padding:10px 0;
border-bottom:1px dotted #CCCCE6;
}

#homepage-downloads ol li.last
{
border-bottom:none;
}


#homepage-downloads ol li a
{
display:block;
padding:0.2em 10px;
color:#fff;
text-decoration:none;
}

#homepage-downloads ol li a span
{
font-weight:bold;
}

#homepage-downloads ol li a span.time-since
{
font-size:9px;
}


#homepage-downloads ol.active-tab-body
{
display:block;
}


#homepage-downloads ul a#tab-latest-reviews,
#homepage-downloads ul a#tab-most-viewed,
#homepage-downloads ul a#tab-highest-rated
{
height:29px;
display:block;
text-indent:-999em;
font-size:50%;
float:left;
margin:0;
padding:0;
text-decoration:none;
}

a#tab-latest-reviews
{
width:136px;
background:url(../images/structure/tab-resource-reviews.gif) no-repeat 0 0;
}

a#tab-most-viewed
{
width:110px;
background:url(../images/structure/tab-most-viewed.gif) no-repeat 0 0;
}

a#tab-highest-rated
{
width:115px;
background:url(../images/structure/tab-highest-rated.gif) no-repeat 0 0;
}

a#tab-latest-reviews:hover,
a#tab-latest-reviews.active-tab,
a#tab-most-viewed:hover,
a#tab-most-viewed.active-tab,
a#tab-highest-rated:hover,
a#tab-highest-rated.active-tab
{
background-position:0 -29px;
}


/****** 15) TAGS
****************************************************/


.tag-1,
.tag-2,
.tag-3,
.tag-4,
.tag-5,
.tag-6,
.tag-7,
.tag-8,
.tag-9,
.tag-10
{
padding:0 5px 5px 0;
font-weight:bold;
text-decoration:none;
}

.tag-1 {font-size:10px;color:#998833;}
.tag-2 {font-size:11px;color:#FF0077;}
.tag-3 {font-size:12px;color:#99CC00;}
.tag-4 {font-size:13px;color:#FF6600;}
.tag-5 {font-size:14px;color:#1A7EAD;}
.tag-6 {font-size:15px;color:#FFE325;}
.tag-7 {font-size:16px;color:#CC0000;}
.tag-8 {font-size:20px;color:#65C0F5;}
.tag-9 {font-size:24px;color:#F56823;}
.tag-10 {font-size:28px;color:#011C47;}



/****** 16) HACKS AND FIXES
****************************************************/

.clearfix:after
{
content:".";
display:block;
height:1px;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-table;}


* html .clearfix {height:1px;}
.clearfix {display:block;width:auto;}


/****** 17) MISCELLANEOUS CLASSES
****************************************************/

a.h
{
display:none;
}



/****** 18)ENTRY DIVS
****************************************************/


#content div.single-entry h3 a
{
font-size:12px;
color:#fff;
font-weight:bold;
text-decoration:none;
}


/****** 19) IMAGE CLASSES (FLOATS)
****************************************************/


.leftimage,
.rightimage
{
float:left;
margin:2px 20px 10px 0;
}

.rightimage
{
float:right;
margin:2px 0 10px 20px;
}

.left
{
float:left;
}

.right
{
float:right;
}






/****** 20) FORM LAYOUTS
****************************************************/


#content fieldset
{
float:left;
display:block;
width:450px;
padding:20px 20px 0;
clear:both;
background-color:#fafafa;
}

#content fieldset.rating
{
padding:20px 0;
background:none;
}

input.text,
#content textarea.textarea,
#search-string,
#search-keywords
{
float:right;
width:212px;
font-size:1em;
padding:0.3em 0.2em;
font-family:verdana, sans-serif;
border:1px solid #E0E2C1;
}


#content input.larger{padding:2px;margin:10px 0;font-size:18px;line-height:1.4;}


#content textarea.textarea
{
height:90px;
margin-bottom:10px;
}

textarea.embed
{
width: 300px;
border:1px solid #E0E2C1;
padding:10px;
height:80px;
font-size:11px;
font-family:arial, sans-serif;
}

textarea.embed:focus
{
border:1px solid red;
}

#search-string,
input.small,
#search-keywords
{
display:inline;
width:120px;
float:left;
margin:4px 10px;
}

#search-keywords {padding:7px;margin-top:-2px;}

input.small
{
margin:4px 0;
width:160px;
clear:both;
}


#search-string
{
padding:0.1em 0.2em;
}

#content input hidden
{
display:none;
}

label
{
display:block;
cursor:pointer;
margin:0.4em 0;
font-weight:bold;
font-size:12px;
}

#content label
{
float:left;
clear:both;
border-bottom:1px dotted #ddd;
width:90%;

}

#content label.out-of-stock
{
background-color:#CFCFA0;
color:#333;
}

#content fieldset span,
#content select
{
width:6em;
clear:left;
display:block;
float:left;
padding:0.2em 0.4em 0.2em 0;
margin-bottom:1em;
font-weight:bold;
}

#content fieldset span {width:12em}
#cowfiles-contact-us #mailing_list {margin-left:40px;}


#content select
{
float:right;
width:220px;
background-color:#F2F2F9;
border:1px solid #E0E2C1;
clear:none;
display:block;
}

#content fieldset.materials select {width:100px;}
#content fieldset.materials img {padding-bottom:5px;margin-left:5px}

#content fieldset legend
{
padding-top:30px;
font-weight:bold;
color:#6B838E;
}

#content fieldset legend a
{
color:#6B838E;
text-decoration:none;
}

#content fieldset legend a:hover {text-decoration:underline;}
#content label.first {padding-top:1em;}

#content fieldset h3
{
font-weight:bold;
font-size:15px;
color:#6B838E;
}

#content input.submit,
#main-navigation-column input.submit
{background:url(../images/structure/button-submit.gif) no-repeat left top;text-indent:-9999px;text-align:left;display:block;height:41px;width:95px}


#content input.submit:hover
{
background-position:left bottom;
}

#content fieldset span.subcontainer
{
width:180px;
float:right;
}

#content p.fieldset-bottom
{
padding:0;
float:left;
margin:0;
display:block;
width:350px;
height:4px;
background:url(../images/structure/search-fieldset-bottom-rounded.gif) no-repeat left bottom;
}



/****** 21) TABLE SORTING
****************************************************/


table.sortable
{
width:100%;
clear:both;
border-collapse:collapse;
}



table.sortable thead
{
text-align:left;
font-size:1em;
color:#51A21E;
padding:10px;
}

table.sortable tr.rowodd
{

}

table.sortable tr.roweven
{

}

table.sortable td a
{
display:block;
_height:1%;
padding:0.3em 0.5em 0.3em 2em;margin-top:10px;

}

table.sortable .sortcol
{
cursor:pointer;
padding-right:20px;
color:#51A21E;
display:block;
background-repeat:no-repeat;
background-position:right center;
}

table.sortable .sortasc
{
background-image:url(../images/structure/up.gif);
color:#fff;
padding-bottom:8px;
background-color:#51A21E;
}

table.sortable .sortdesc
{
background-image:url(../images/structure/down.gif);
color:#51A21E;
background-color:#fff;
}

.nosort
{
cursor:default;
}



/****** 22) FLASH REPLACEMENT
****************************************************/


 /* These are standard sIFR styles... do not modify */

.sIFR-flash
{
visibility:visible !important;
margin:0;
}

.sIFR-replaced
{
visibility:visible !important;
}

span.sIFR-alternate
{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}

/* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
  display:none !important;
}


.sIFR-hasFlash h2
{
visibility:hidden;
font-size:1.8em;
margin-bottom:15px;
}


/****** 23) SPECIFIC P CLASSES
****************************************************/


p.tags a,
p.categories a,
p.attributes a
{
padding:0 5px;
font-weight:bold;
text-decoration:none;
}

p.tags a:hover,
p.categories a:hover,
p.attributes a:hover
{
text-decoration:underline;
}

p.categories a
{
padding:0;
}

p.more-links a
{
padding:1em;
display:block;
text-decoration:none;
border-left:2px solid #5E1B2E;
}


div.review-and-rating-container
{
float:left;
padding:10px;
width:95%;
}


#cowfiles-african-gardens div.review-and-rating-container
{background-color:#FF6699;color:#fff;}

#cowfiles-african-info div.review-and-rating-container
{background-color:#CC0000;color:#fff;}

#cowfiles-cowforce-website div.review-and-rating-container
{background-color:#FF6600;color:#fff;}


#cowfiles-fundraising div.review-and-rating-container
{background-color:#663399;color:#fff;}


#cowfiles-materials-and-dvds div.review-and-rating-container
{background-color:#996699;color:#fff;}


#cowfiles-send-a-cow-stuff  div.review-and-rating-container
{background-color:#009933;color:#fff;}


#cowfiles-subjects  div.review-and-rating-container
{background-color:#2e8cff;color:#fff;}






#cowfiles-african-gardens p.more-links a{color:#FF6699; border-left:2px solid #FF6699;}
#cowfiles-african-gardens p.more-links a:hover{background-color:#FF6699;color:#fff;}

#cowfiles-african-info p.more-links a{color:#CC0000; border-left:2px solid #CC0000;}
#cowfiles-african-info p.more-links a:hover{background-color:#CC0000;color:#fff;}

#cowfiles-cowforce-website p.more-links a{color:#FF6600;border-left:2px solid #FF6600;}
#cowfiles-cowforce-website p.more-links a:hover{background-color:#FF6600;color:#fff;}

#cowfiles-fundraising p.more-links a{color:#663399;border-left:2px solid #663399;}
#cowfiles-fundraising p.more-links a:hover{background-color:#663399;color:#fff;}


#cowfiles-materials-and-dvds p.more-links a{color:#996699;border-left:2px solid #996699;}
#cowfiles-materials-and-dvds p.more-links a:hover{background-color:#996699;color:#fff;}


#cowfiles-send-a-cow-stuff p.more-links a{color:#009933;border-left:2px solid #009933;}
#cowfiles-send-a-cow-stuff p.more-links a:hover{background-color:#009933;color:#fff;}


#cowfiles-subjects p.more-links a{color:#2e8cff;border-left:2px solid #2e8cff;}
#cowfiles-subjects p.more-links a:hover{background-color:#2e8cff;color:#fff;}



/****** 24) REVIEW DEFINITION LISTS
***************************************************/

dl#reviews
{
clear:both;
border-top:3px solid #fff;
padding:20px 0;
}


dl#reviews dt
{
float:left;
clear:left;
display:block;
margin-top:5px;
font-size:12px;
line-height:normal;
font-weight:bold;
color:#fff;
width:60px;
}

dl#reviews dd
{
clear:right;
font-size:12px;
padding:2px 0 20px 70px;
border-bottom:1px dotted #fff;
margin-bottom:5px;
}

dl#reviews dd span
{
color:#fff;
font-weight:normal;
}

dl#reviews a{border-bottom:none;}

dl#reviews dt.john{color:red;}
dl#reviews dt.joel{color:#009900;}


/****** 25) SEARCH RESULTS DEFINITION LISTS
***************************************************/


ul#search-results-ul
{
clear:both;
width:100%;
padding:25px 0;
}

ul#search-results-ul li
{
list-style:none;
color:#979797;
}

ul#search-results-ul li a
{
font-size:15px;
padding:0.5em 0.5em 0.5em 1.5em;
text-decoration:none;
display:block;
font-weight:bold;
}

ul#search-results-ul li a span
{
font-size:11px;
font-weight:normal;
}

a.search-results-african-gardens
{
color:#FF6699;
background:url(../images/structure/search-results-african-gardens.gif) no-repeat 0 0.8em;
}

a.search-results-african-info
{
color:#CC0000;
background:url(../images/structure/search-results-african-info.gif) no-repeat 0 0.8em;
}

a.search-results-cowforce-website
{
color:#FF6600;
background:url(../images/structure/search-results-cowforce-website.gif) no-repeat 0 0.8em;
}

a.search-results-fundraising
{
color:#663399;
background:url(../images/structure/search-results-fundraising.gif) no-repeat 0 0.8em;
}

a.search-results-materials-and-dvds
{
color:#996699;
background:url(../images/structure/search-results-materials-and-dvds.gif) no-repeat 0 0.8em;
}

a.search-results-send-a-cow-stuff
{
color:#009933;
background:url(../images/structure/search-results-send-a-cow-stuff.gif) no-repeat 0 0.8em;
}

a.search-results-subjects
{
color:#2e8cff;
background:url(../images/structure/search-results-subjects.gif) no-repeat 0 0.8em;
}


ul#search-results-ul li a:hover{text-decoration:underline; }




/****** 27) USER SUBMISSION ICONS
***************************************************/

ul#user-submit
{
text-align:center;
list-style:none;
padding:10px 0;
display:block;
clear:both;
float:left;
width:100%;
}

ul#user-submit li
{
text-align:center;
padding:0 4px 6px 0;
float:left;
}

ul#user-submit li a
{
padding:0 12px 0 18px;
color:#3777BC;
font-size:11px;
margin:0;
float:left;
}

ul#user-submit li.facebook{background:url(../images/structure/facebook.gif) no-repeat 0 0;}
ul#user-submit li.delicious{background:url(../images/structure/delicious.gif) no-repeat 0 0;}
ul#user-submit li.reddit{background:url(../images/structure/reddit.gif) no-repeat 0 0;}
ul#user-submit li.digg{background:url(../images/structure/digg.gif) no-repeat 0 0;}
ul#user-submit li.stumbleupon{background:url(../images/structure/stumbleupon.gif) no-repeat 0 0;}


/****** 28) GALLERY STUFF
***************************************************/


a.gallery-image{width:100px;height:100px;display:block;float:left;margin:0 3px 3px 0;font-weight:normal}
a.gallery-image span {color:blue;font-weight:normal}
#cowfiles-gallery #content{width:540px;}
#caption a{margin-top:2px;background:url(../images/structure/download-icon.gif) no-repeat 0 0;width:93px;height:14px;display:block;text-indent:-9999px;}
#caption a:hover{background-position:0 -30px;}


ul.list_teaser{list-style:none;width:530px;min-height:50px;height:auto !important;height:50px;padding:0;margin:0 0 10px;float:left;clear:both;}
ul.list_teaser:hover{background-color:#E8FFE8;}

ul.list_teaser li.big_thumbnail{float:left;margin:0 1em 0 0;padding:0;}

ul.list_teaser li.title h3{text-decoration:none;color:#53A41F;font-size:20px;}
ul.list_teaser li.title h3 a{text-decoration:none;}
ul.list_teaser li.summary{font-size:11px;}
ul.list_teaser li.download-gallery a,
p.download-gallery a{text-decoration:none;color:#009900;font-size:12px;font-weight:bold;background:url(../images/structure/icon-zip.gif) no-repeat right center;padding:5px 25px 5px 0;}
ul.list_teaser li.download-gallery a:hover,
p.download-gallery a:hover{text-decoration:underline;}

div.random-gallery{width:213px;height:288px;display:block;float:left;background:url(../images/structure/picture-frame.jpg) no-repeat 0 0;}
div.random-gallery a {
display:block;
float:left;
height:135px;
margin-left:30px;
margin-top:42px;
text-decoration:none;
text-indent:-9999px;
width:150px;
}

div.random-gallery a span {
	display:block;
	height:130px;
	width:150px;
	}
div.random-gallery p {text-indent:-9999px}

div.random-gallery p a {
	height:90px;
	margin:0;
	padding:0;
	width:200px;
	}
a.help {position:relative;text-decoration:none;color:black;}
a.help span {display:none;}
a.help:hover {background:none; /* IE hack */z-index:100;}
a.help:hover span {display:block!important;display:inline-block;max-width:120px;font-size:11px;position:absolute;top:0;left:0;background:#fff;color:#3777BC;padding:5px;}


/****** tag cloud
***************************************************/

div.tag-cloud-top {background:url(../images/structure/tag-cloud-top.jpg) no-repeat left top;width:214px;float:left;margin-left:10px;}
div.tag-cloud-bottom {background:url(../images/structure/tag-cloud-bottom.jpg) no-repeat left bottom;width:178px;padding:35px 18px 25px 18px;float:left;}




/****** 29) BLOG
***************************************************/

div.blog-item{border-bottom:1px dotted #009900;display:block;padding:5px 0;width:100%;clear:both;}
div.blog-item h3{font-size:22px;}
div.blog-item h3 a{color:#009900;text-decoration:underline;}
div.blog-item h4 {font-size:12px;font-style:italic;}
div.blog-item h4 a{color:#009900;font-weight:bold;}


div.list-item{padding:10px 0;border-bottom:1px dotted #333;}

a#sendacow-logo {background:url("../images/structure/logo-send-a-cow.gif") no-repeat scroll left top transparent;height:88px;position:absolute;right:28px;text-indent:-9999px;top:55px;width:180px;}


/****** 30) HAX
***************************************************/

* + html #main-navigation-column-wrapper {padding-bottom:146px;}



