/***************************
CONTAINER | SUB MENU | BOXES
****************************/

#window {/* IE6 fix: centre the main window */ text-align: center;}

#fixedwidth {width: 960px; margin-left: auto; margin-right: auto; text-align: left;}

#submenu {background: #F7AAB7 url("http://www.african-grey-parrots.co.uk/graphics/sub-menu-gradient.gif") repeat-x 50% 50%; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 0px; border-top: 1px solid #000; padding: 5px; text-align: center; font-size: 110%; font-weight: bold; font-size: 125%;}

#submenu a{color: #000;}

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

#content {font-size: 125%;}

#contentbox{background: #727272; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 0px; border-bottom: 1px solid #000; padding: 10px;}

div#container{width:100%; margin:10 auto}

div#container{text-align:left}

div#content{float:left; width:754px; padding: 10px; border: 0px solid black;}

div#content p{line-height:1.4}

div#google{float:right;width:160px; padding-top: 10px; padding-bottom: 10px; border: 0px solid black;}

div#google{background:#727272; text-align: right;}

div#title{float:left;width:628px; padding-top: 15px; padding-bottom: 10px; padding-left: 10px; border: 0px solid black;}

div#title h1{height:17px;line-height:19px;margin:0; padding-bottom:5px; background: #727272;color: #000; font-size: 22px; font-weight: bold; margin-bottom: 10px;}

div#googleSearch {float:right;width:295px; padding-top: 10px; padding-bottom: 10px; border: 0px solid black;}

div#googleSearch {height:15px; line-height:15px; margin:0; padding-bottom:5px; background: #727272;color: #000; font-size: 16px;}

#AdBrite {font-size: 120%; font-family: arial;}

/***************************
NAVIGATION
****************************/
.tabs {font-family: Arial, sans-serif; border-bottom: 0px solid #F7AAB7; /* Since we aren't floating li in this example we don't have to set a height on the div */}

.tabs ul {text-align: center; /* We are using text-align: center on ul to horisontally align our menu */ margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */ padding: 0;}

.tabs li {display: inline; /* The menu is horizontally aligned using display: inline */}

.tabs li a {padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */ color: #fff; text-decoration: none; font-weight: bold; background: url(http://www.african-grey-parrots.co.uk/graphics/tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */}

.tabs li a:hover, .tabs li#current a {background: url(http://www.african-grey-parrots.co.uk/graphics/tabbed-menu-left.gif) no-repeat left bottom; color: #000;}

.tabs li a span {padding: 7px 10px 6px 0; background: url(http://www.african-grey-parrots.co.uk/graphics/tabbed-menu-right.gif) no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */}

.tabs li a:hover span, .tabs li#current a span {background: url(http://www.african-grey-parrots.co.uk/graphics/tabbed-menu-right.gif) no-repeat right bottom;}

div.biscuit{clear:both; width:100%}

div.biscuit{background: #000; color: #E5E5E5; font-size: 125%;}

div.biscuit p{margin:0;padding:5px 10px}

div.biscuit a {color: #BBC5F9; font-weight: normal;}

div.biscuit a:hover {color: #F7AAB7;}

.over a span {color: #F7AAB7; font-weight: bold;}

#navcontainer ul {padding: .2em 0; margin: 0; list-style-type: none; background-color: #727272; color: #000; width: 100%; font-family: arial; font-weight: bold; font-size: 93%; text-align: center;}
		
#navcontainer li { display: inline; }
		
#navcontainer li a {text-decoration: none; background-color: #727272; color: #BBC5F9; padding: .2em 1em; border-right: 2px solid #555555;}
		
#navcontainer li a:hover, #navcontainer li#over a {background-color: #727272; color: #F7AAB7;}


/***************************
CONTENT
****************************/

body, html {

background: #666 url("http://www.african-grey-parrots.co.uk/graphics/african-grey-feathers.jpg") repeat 0px 0px fixed; color: #F4F4F4; font-family: arial; margin-bottom: 2px;}

body {font-size: 70%;}

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

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

h2, h3, h4, h5 {color:#fff;}

.social {text-align: right;}

#copyright {font-weight: bold; text-align: center;}

#featured {border: 1px solid #000; background-color: #333333; padding: 5px; text-align: center; color: white; font-weight: bold; font-size: 110%;}

#ads {float:right;}

#logo {float: left;}

#disclaimer {text-align: left;}

.over {color: #F3F3F3;}

#sitemap { margin-left: 30px; }

#sitemap ul {margin: 0; padding: 0; list-style-type: circle; font-family: arial, verdana, Helvetica, sans-serif;}

#sitemap li { margin: 0 0 1px 0; }

#sitemap a {display: block; padding: 5px 10px; width: 90%; color: #fff; background-color: #000; text-decoration: none;}

#sitemap a:hover {color: #fff; background-color: #999; text-decoration: none;} 

#sitemap ul ul li {margin: 0 0 1px 0;}

#sitemap ul ul a {display: block; padding: 5px 5px 5px 30px; width: 90%; color: #fff; background-color: #666; text-decoration: none;}

#sitemap ul ul a:hover {color: #fff; background-color: #999; text-decoration: none;}

.box {border: 0px solid #000; width: 98%!important; width: 98%;}

.boxHead {padding: 5px; border-left: 2px solid #000; border-right: 2px solid #000; border-top: 2px solid #000; border-bottom: 1px solid #000; width: 100%; color: #fff; font-weight: bold; font-size: 110%; background: #333333;}

.boxContent {padding: 5px; border-left: 2px solid #000; border-right: 2px solid #000; border-top: 0px solid #000; border-bottom: 2px solid #000; width: 100%; color: #fff; background: #666666;}

#box {border: 0px solid #000; width: 740px;}

#boxContent {padding: 10px; border: 1px solid #000; width: 100%; color: #fff; background: #666666;}

#googleArticles {float: left; margin-right: 5px;}

.image img {border: 1px solid #000000;}
.image a:hover img {border: 1px solid #F7AAB7;}