/* This is my first designs using CSS, Please visit me at http://www.studio7designs.com or email aran@studio7designs.com if you have any questions. Thanks, and have fun!
CSS layout: */

body {
margin: 0 auto;
padding: 0;
font: 76% Arial, Helvetica, sans-serif;
background: #ffffff/*#f4f4f4*/ url(images/backround3.gif) top center repeat-y;
}

.box_right {
position:relative;
float:top;
clear:both;
margin:0 0 5px 0;
padding:0 10px 0 10px;
background:#BAB5B5;/*#F7F9F7;*/
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

.box_right p {
margin:5px 5px;
}

.box_cnr_top {
background:url(images/cnr_tr.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

.box_cnr_bottom {
background:url(images/cnr_br.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

#logo_bar {
margin-top:10px;
height:90px;
width:775px;
align:center;
background: url('images/wbd_logo_new.gif') no-repeat top left;
}

#announcement_entry{
background: #FEECA9 url('images/page_papers.gif') no-repeat bottom right;
margin-bottom:5px;
}

#announcement_entry tr td{
padding-left:5px;
padding-right:5px;
font-size:x-small;
text-align:justify;
font-family: tahoma;
}

#blog_entry{
background: #FEECA9 url('images/page_papers.gif') no-repeat bottom right;
}

#blog_entry li{
padding-left:5px;
padding-right:5px;
font-size:small;
font-family:arial narrow;
font-weight:bold;
list-style: square inside;
color: #003399;
}

#blog_entry li a{
color: #155b77;
}

#blog_entry li a:hover{
color: #239bcc;
font-style:italic;
}

.li1{
font-size:small;
font-family:trebuchet ms;
font-weight:bold;
}

.li2{
font-size:xx-small;
font-family: verdana;
font-weight:bold;
text-align:right; 
padding-left:0px;
color:#676767;
}

.li3{
font-size:11px;
font-family:trebuchet ms;
}


#announcement_entry tr td li{
list-style:none;
}

#leftsidebar {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 775px;
}

#header {
margin: 0 0 8px 0;
border:0;
}

#topmenu {
clear: left;
float: left;
width: 150px;
height: 84px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
background: #f4f4f4 url(images/wbd_logo.gif) top left no-repeat;
}

#menu {
clear: left;
float: left;
width: 150px;
margin: 0 0 0px 0;
padding: 0;
font-size: 0.9em;
}

#menu ul {	
list-style: none;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.1em;
}	

#menu li {
margin-bottom: 4px;
}

#menu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #74A8F5;
display: block;
padding: 5px 0 0 8px;
background: #ffffff;
border-left: 5px solid #74A8F5;
}	
	
#menu li a:hover {
background: #74A8F5;
color: #ffffff;
border-left: 5px solid #74A8F5;
}

.leftnews {
margin: 1px 0 1px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #F7F9F7;
line-height: 1.3em;
}

.rightnews {
float: right;
width: 130px;
background-color: #F7F9F7;
margin: 0 0 10px 0px;
padding: 5px;
font-size: 0.9em;
line-height: 1.5em;
}

#rightnews p {
margin: 0 0 1.5em 0;
}
/*T-R-B-L*/
#content {
width:458px;
margin: 0 110px 20px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 0px 0 0px;
line-height: 1.6em;
text-align: left;
text-align:justify;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content img {
	padding: 0px;
	display:inline;
	border: thin none #CCCCCC;
	background-color: #FFFFFF;
}

.greenbox {
background-color: #F7F9F7;
border: 1px solid #94BD53;
color: inherit;
padding: 5px;
margin: 0px;
}

.bluebox {
background-color: #EDF3FE;
border: 1px solid #74A8F5;
color: inherit;
padding: 5px;
margin: 0px;
}

.splitright {
background-color: #ffffff;
width: 49%;
float: right;
overflow: hidden;
margin: 2px 0 10px 10px;
}

.splitleft {
background-color: #ffffff;
width: 49%;
float: left;
overflow: hidden;
margin-left:2px;
}

/*h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}*/

a {
text-decoration: none;
color: #74A8F5;
}

a:hover {
text-decoration: underline;
color: #86C32A;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 3px solid #ff0000;/*#86C32A;*/
width: 775px;
text-align: center;
color: #86C32A;
font-size: 0.9em;
}

#footer a {
color: #ff0000;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #74A8F5;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.9em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}
clearfix {display: block;}
/* End hide from IE-mac */



.tablink{
font-weight:bold;
text-decoration:none;
}

.tablink:hover{
color: #0000FF;
}

.boxlook_sm{
font-family:Verdana,Arial,sans-serif; 
font-size: xx-small; 
color:black; 
background-color:#CECECE; 
border:black; 
border-style: groove; 
border-top-width:1px; 
border-bottom-width:1px; 
border-right-width:1px; 
border-left-width:1px;
} 

select{
font-size:xx-small;
font-weight:bold;
font-family: verdana;
}

label 
{
  float: left;
  width: 150px;
  font-weight: bold;
}

.regInput
{
  margin-bottom: 3px;
	font-family: arial;
	font-size: small;
	font-weight:normal;
}

.txtSmall
{
   padding:0;
	 margin:8px 0 8px 0;
	 font-family:verdana;
	 font-size: x-small;
	 font-weight:bold;
	 width:100%;
	 border-bottom:1px solid #999999;
	 color:#999999;
}

.left_button
{
    border:1px groove black;
		background-color:#f4f4f4;
}

.txtFormLegend
{
   font-family:arial;
	 font-weight:bold;
	 font-size:medium;
	 color:#999999;
}

.reqAsterisk
{
   color:red;
	 font-family: verdana;
}

.bookResTbl
{
 border:1px solid #999999;
 width:100%;
}

.bookResTblHdr
{
background-color:#0053a7;
color:#ffffff;
font-weight:bold;
text-align:center;
}

.bookResTblCnt1
{
background-color:#a7a7a7;
cursor: pointer;
}

.bookResTblCnt2
{
background-color:#8aaecf;
cursor: pointer;
}

.bookResTblCntHover
{
background-color:#a5d0f8;
cursor: pointer;
}

.infoNotes
{
color:#4f6377;
height:20px;
font-weight:bold;
font-size:small;
padding:5px 5px 0 20px;
background: white url('images/info.png') no-repeat left;
}

.reqLabel
{
width:200px;
}

.reqContent
{
font-family:tahoma;
font-size:small;
color:#003e7d;
}

.reqInfo
{
width:750px;
border:1px solid #999999;
}

.reqClr1
{
padding:5px;
background-color:#f4f4f4;
}

.reqClr2
{
padding:5px;
background-color:#ffffff;
}

.btnRequest
{
border:1px groove black;
font-weight:bold;
font-family:verdana;
}

.reqTittleTop
{
font-style:italic;
font-size:large;
color:#000000;
border-bottom:1px solid #999999;
}

.emailFields
{
border:1px solid #acacac;
}


.newTestimonial{
width: 425px;
background: white url('images/gray_paper_bg.jpg') no-repeat top right;
padding:10px 10px 10px 10px;
font-style:italic;
border-bottom:1px dotted #d7d7d7;
}

.txtTesti{
width:60%;
border:1px solid #999999;
background-color:#f4f4f4;
}

.txtAreaTesti{
width:100%;
border:1px solid #999999;
background-color:#f4f4f4;
}

.testiAlert{
 text-align:center;
 padding-top:50px;
 height:200px;
 font-size:large;
 color:red;
}

.meterBg{
  background: white url(images/meter_bg.gif) no-repeat center;
	height:180px;
	padding:0 0 10px 0;
	background-color:#F7F9F7;
}

#data{
	padding-top:95px;
	height:25px;
	padding-left:15px;
	font-size:11px;
	font-weight:bold;
	color:#2776d4;
	font-family:arial;
}

#data2{
	padding-top:33px;
	height:17px;
	padding-left:15px;
	font-size:11px;
	font-weight:bold;
	color:#2776d4;
	font-family:arial;
}


.donationBooks{
border:1px solid #F7F9F7;
background: white url('images/meter_donation.gif') no-repeat center;
width:125px;
height:58px;

}

.recycleBooks{
border:1px solid #F7F9F7;
background: white url('images/meter_recycle.gif') no-repeat center;
width:125px;
height:58px;
}

.entryTesti{
 background: white url('images/gray_paper_bg.jpg') no-repeat top right;
 padding:10px;
 margin-bottom:10px;
 border-bottom:1px solid #f4f4f4;
}

.hoverImg{
  cursor:pointer;
}

.entryTestiOnPage{
 background: white url('images/gray_paper_bg.jpg') no-repeat top right;
 padding:5px 20px 10px 10px;
 border-left:1px solid #f4f4f4;
 border-bottom:2px solid #f4f4f4;
}

.rgtItemProfile{
 border-bottom:1px solid #dfdfdf;
 padding-left:10px;
 font-weight:bold;
 vertical-align:top;
 font-size:x-small;
}

/*title bar*/
.tbar_top{
 width:450px;
 height:10px;
 background: white url('images/tbar-top.gif') no-repeat top left;
}

.tbar_mid{
 width:430px;
 background: white url('images/tbar-mid.gif') repeat-y top left;
 padding:0 10px 0 10px;
 font-family:arial;
 font-weight:bold;
}

.tbar_bot{
 width:450px;
 height:19px;
 background: white url('images/tbar-bot.gif') no-repeat top left;
}