/*

This stylesheet should be used to implement the look and feel of your site. The styles for implementing the basic layout of elements within the page can be found in the layout.css file.

*/





/* INLINE CONTENT IMAGES  */

/* often when you place images in the page as content, you want the surrounding textual content to wrap around it. If this is the case, give the img tag a class of 'inline' so that th styles below will be applied */

.inline
{

float:left;
margin-right: 7px;
margin-bottom: 7px;
}





/* panels stuff */
/*style a div with a border around it. Set padding to 0px so that the h2 contained within the div can appear flush to the border of the div */
div.panel
{
background-color: #fffaee;
padding: 0px;
padding-bottom: 5px;
clear: both;
border: 1px solid #896644;
margin: 3px;
margin-top: 1em;
}
/* set the  border-bottom  of the  h2 within the panel div to be the same as the  border for the div 
Set the background colour of the h2 to a dark colour that's similar to the div border colour, but a bit lighter 
*/
div.panel h2
{
border-bottom: 1px solid  #896644;
color: #fff;
background-color:  #856f4b;
padding: 2px;
margin: 0px;
text-align: center;
font-size: 1.1em;
}
/* add some margin to any element that's likely to appear in the panel div - this is done individually so that the h2 within the panel div remains flush to the border */
div.panel p, div.panel img, div.panel h3, div.panel h4, div.panel table, div.panel ul, div.panel form, div.panel div
{
margin: 10px;
}


div.panel img
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

div.panel hr
{
border-style:none;
clear:both;
color:#fef4d8;
}



div.panel ul
{
padding-left: 1px;
}

div#content div.panel ul li
{
list-style: none;
padding-bottom: 10px;

}

/*  a general class to apply to elements that you want to clear (for example, a paragraph that ocurs before or after the floated headline links) */
.clear
{
clear: both;
}

/* table styles */
table
{
width: 36em;
}
table td, table th
{
padding: 0.4em;
margin: 0.2em;
border: 1px solid #ccc;
vertical-align: top;
line-height: 1.3em;
}
table td p
{
padding: 0px;
margin: 0px;
padding-bottom: 0.5em;
}

table tr th
{
	font-weight: bold;
	color: #330;
	background-color: #CCCC99;
}
table td.date, table td.name
{
width: 10em;
font-weight: bold;
color: #369;
}

table td.name
{
width: 12em;
}

h2.faq
{
/*color: #036;
*/
}

dl.contact
{
}
dl.contact dt
{
font-weight: bold;
float: left;
margin-right: 0.5em;
}
dl.contact dd 
{
margin: 0px;
padding-bottom: 1em;
}
dl.contact dd address
{
font-style: normal;
padding-top: 0.5em;
display: block;
line-height: 1.5em;
clear: both;
}
ul.links
{
margin: 0.5em;
}
ul.links li
{
list-style: none;
}








div#content ul
{
margin-top: 10px;
}

div#content ul li
{
padding: 0px;
margin: 0px;
margin-bottom: 3px;
}

div#footer 
{
text-align: center;
color: #999;
}

div#footer ul, div#footer ul
{
list-style: none;
display: inline;
}

div#footer a
{

}


div#content div.person
{
clear: both;
margin-bottom: 30px;
}


div#content div.person h2
{
padding-left: 3px;
}


div#content div.person img
{

float: left;
padding: 5px;
margin-right: 20px;
margin-bottom: 20px;
}

.name
{
font-style: italic;
}


.phone, .email
{
color: #896644;
font-weight: bold; 	
}

div.illustrations
{



}


span.imagetitle
{
font-weight: bold;
color: #594d46;
}


div.quotes
{
margin: 0px;
padding: 0px;
color: #633017;

}

p.quote
{
font-style: italic;
}

p.quotesource
{
color: #af6c4b;
font-weight: bold;
}

ul.piclist
{

padding-left: 0px;
}

ul.piclist li
{
clear: both;
list-style: none;
}

ul.piclist li img
{
float: left;
margin: 5px;
}

p.addthis_button
{
display: block;
clear: both;
margin-top: 50px;

}


div.person img
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
}


div#content img#ccbadge
{
border-style: none;
}



/* styles for oxitems events feeds */

div#content .oxitems_item_content_span
{
display: block;
clear: both;
border-bottom: 1px dotted  #896644;

}

div#content .oxitems_item_content_span img
{
border: 0px solid #fff;
float: left;
margin: 3px;
padding: 0px;
background-color: #fef4d8;
}


div.feed ul li
{
font-style: italic;
color: #444;
font-size: 0.9em;
}

div.feed ul li a
{
font-style: normal;
font-size: 1.1em;
color: #ac3422;
}

div.onthispage 
{
	float: right;
	width: 250px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.onthispage  h2
{
margin-left: 0px;
}


div#faq h2, div#faq p, div#faq ul
{
clear: none;

}

div#faq h2
{
background-color: #fff;
margin-top: 20px;
border-style: none;
}

div#faq ul li
{
list-style-position: inside;
}

div.homepageinfo
{
float: right;
width: 300px;
}

div.homepageflow
{

}


form.search input{
  margin-top: 5px;
}

#leftbar form label
{
font-weight: bold;

}

#leftbar form
{
margin-top: 10px;
border: 1px solid #E0DED9;
padding: 5px;
padding-bottom: 10px;
font-family: Arial, Verdana, sans-serif;
letter-spacing: 0px;
}

/* make the search form smllaer when in the leftbar */
#leftbar form.search #q
{
width: 110px;
}


/* keyword collapsible lists */

div#content .keyword-list ul li.cat
{
font-family: Georgia, times, serif;
border: 1px solid #AA9674;
border-bottom: 1px solid #896644;
background-color: #c2b298;
padding: 2px;
padding-left: 10px;
clear: both;
font-weight: bold;
font-size: 1.2em;
}

div#content .keyword-list ul li.cat a
{
color: #000;
}


div#content .keyword-list ul li.cat ul
{
display: block;
}

div#content .keyword-list ul li.cat ul li
{
font-family: Arial, Verdana, sans-serif;
display: inline;
font-weight: normal;
border: 1px solid #333;
line-height: 1.8em;
padding: 2px;
background-color: #fffaee;
font-size: 0.85em;
}

div#content .keyword-list ul li.cat ul li a
{
text-decoration: none;
}

div#content .keyword-list ul li.cat ul li a:focus,
div#content .keyword-list ul li.cat ul li a:hover
{
text-decoration: underline;
}