/*
Theme Name: ART Theme
Theme URI: http://www.ayrshireriverstrust.org/
Description: The default ART theme based on the Wordpress default.
Version: 1.0
Author: C Ellis
Author URI: http://www.cepmsolutions.co.uk/
Tags: custom header, fixed width, two columns, widgets

*/
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background: #4B5C6B;
	margin: 20px 0;
}

#myframe {height: 720px;}

.boxgreen {background-color:#CCFFCC; padding:4px}

.boxgreen2 {background-color:#CCFFCC; padding:8px}

.clear
{
	clear: both;
}
.title
{
	float: left;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 2pt;
	margin-left: 10px;
}
.logo 
{
	padding: 0px;
	margin: 0px;
	line-height: 100%;
}


.col1 
{
	width: 55%;
	float: left;
}

.col2 
{
	width: 45%;
	float: right;
	text-align: right;
}

.col2 img
{
	padding: 5px;
	border: 1px solid #CCC;
}

.col3 
{
	width: 40%;
	float: right;
	text-align: left;
}

.col3 img
{
	float: left;
}
	
.blutxt 
{
	color: #000080;
	font-weight: bold;
}
.centre 
{
	text-align: center;
}

a
{
	color: #467193;
	text-decoration: underline;
}

a:hover
{
	color: #333;
	text-decoration: none;
}

img
{
	border: 0;
}

img.imgright
{
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #CCC;
}

* html #page
{
	height: 1%;
}

#page
{
  position: relative;
	margin: 0 auto;
	width: 960px;
	background: #FFF;
}

#flbot
{
text-align: center;
width: 190px;
position: absolute;	
bottom: 0;	
left: 0;
margin: 0 0 85px 10px;
}

#flbot2
{
text-align: center;
width: 190px;
margin: 310px 0 0 0;
line-height: 100%;

}

#topcont
{
	width: 960px;
	height: 34px;
	background: #4B5C6B;
}

#search
{
                float: right;
                margin-right: 10px;
                font-size: 11px;
                color: white;
                padding-top: 5px;
                background: #4b5c6b;         
}

#search input
{
                font-size: 11px;
}

#search input[type="text"]
{
                color: white;
                margin-bottom: 2px;
                background: transparent;
                border: 1px solid silver; 
}

/* start top menu styles */

#topcont ul
{
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
}

#topcont ul li
{
	display: inline;
	margin: 0 15px 0 0;
	line-height: 34px;
}

#topcont ul li a
{
	text-decoration: none;
	color: #FFF;
	text-transform: capitalize;
}

#topcont ul li a:hover
{
	color: #ADB7C7;
}

/* end top menu styles */




#headercont
{
	width: 950px;
	height: 190px;
	background: #FFF;

}

#headercont p
{
	color: #FFF;
	font-size: 20px;
	padding: 0 35px 0 0;
	line-height: 180px;
	text-align: right;
}

#headercont img {
	margin-top: 30px;
	margin-left: 5px;
	float: left;
}

#maincont
{
	width: 960px;
	line-height: 180%;
}

#maincont p
{
	margin: 0 0 15px 0;
}

#maincont h1, h2, h3, h4, h5
{
	margin: 0 0 15px 0;
	color: #467193;
	font-weight: normal;
	font-size: 20px;
}

#maincont h2
{
	font-size: 18px;
}

#maincont h3, h4, h5
{
	font-size: 16px;
}

#mainleft
{
	float: left;
	width: 190px;
	padding: 0 0 0 10px;
                margin-bottom: 200px;
}

#mainleft_gall
{
	float: left;
	width: 190px;
	padding: 0 0 0 10px;
}

#mainleft p
{
	text-align: center;
	line-height: 130%;
}


/* main menu styles in menu templates */

#mainright
{
	float: left;
	width: 720px;
	padding: 20px 20px 20px 20px;
}
#mainright2
{
	float: left;
	width: 720px;
	padding: 20px 20px 20px 20px;
}

#mainright_gall
{
	float: left;
	width: 730px;
	padding: 20px 0px 0px 20px;
}

#mainright ul
{
	margin: 0 0 15px 0;
	list-style-type: circle;
	padding: 0 30px;
}

#maincont ol
{
	margin: 0 0 15px 0;
	padding: 0 30px;
}

#maincont blockquote
{
	margin: 0 0 15px 0;
	padding: 15px;
	border-left: 4px solid #467193;
	background: #D3DFF3;
}





#mainright #latest-news
{
	margin: 0 0 15px 0;
}


#mainright #latest-news p.news-title
{
	margin: 0 0 15px 0;
	color: #467193;
	font-weight: normal;
	font-size: 16px;
}

#mainright #latest-news ul
{
	width: 720px;
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

#mainright #latest-news ul li
{
	width: 720px;
	display: block;
	margin: 0;
	padding: 0;
}

#mainright #latest-news ul li a
{
	width: 700px;
	float: left;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px solid #C2CDDF;
}

#mainright #latest-news ul li a:hover
{
	background: #D3DFF3;
	color: #585C65;
	border-bottom: 1px solid #A2ABBB;
}






#footercont
{
	width: 940px;
	padding: 10px;
}

#footer
{
	width: 900px;
	padding: 20px;
	border-top: 1px solid #99AAC7;
	background: #C5D0E3;
	text-align: right;
}

#footer a
{
                color: #333;
                text-decoration: none;

}
#footer p
{
	margin: 0;
}

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#primary-nav li.sectionheader{
   display: none;
}

#menu_horiz {
   margin-left: 10px;
   margin-right: 10px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #ECECEC;
   border-bottom: 1px solid #C0C0C0;
   width: 100%;
}

/* Set the width of the menu elements at first level */
#primary-nav li { 
   width: 105px; 
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 0 0 0 10px; 
   text-decoration: none;
   font-weight: bold;
   line-height: 26px; 
   color: #4b5c6b;
}
#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
   border: 1px solid #C0C0C0;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #c5d0e3; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav a.menuactive { 
   background-color: #4b5c6b;
   color: #fff;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li a:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #4b5c6b;
color: #fff;

}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}