/*
css styles for thomas's fund
     
@import "subnav.css";
@import "forms.css";
 
 */

 /* lets have some navigation  */
@import "mainnav.css";



 /* basic styles */

td, th {
	font-family: Corbel, Lucida Sans, Lucida Grande, Helvetica, Arial, Verdana, Geneva, sans-serif;
}
 
body {
	font-family: Corbel, Lucida Sans, Lucida Grande, Helvetica, Arial, Verdana, Geneva, sans-serif;
	margin: 0;
	font-size: 0.8em;
	color: #000;
	line-height: 160%;
	background-color: #d5d5d5;
	color: #666;
	}
a:link {
	text-decoration: none;
	color: #66f;
	}
a:visited { 
	text-decoration: none;
	color: #66f;
	}
a:hover { 
	text-decoration: underline;
	color:#00f;
	}

a:active {color: 90c; }

h1 {
	font-size: 120%;
	color: #333;
	margin-top: 35px;
}
h2 {

	font-size: 120%;
	color: #666;
	}
h3 {
	color: #666;
	font-size: 100%;
	font-weight: bold;
}
h4 {
	color: #666;
	font-size: 100%;
}

img {
	border: 0
}



 /* centres the layout whatever the resolution */

#centreing {
text-align: center;
background-color: #fff;
background-image: url(bg.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
margin: 0px auto;
min-height: 400px;

}

 
.content{
width: 960px;
background: #fff;
min-width: 960px; 
margin: 0px auto;
text-align: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
display: block;
}

 /* hides the search enginey stuff */

#engines {
display: none;}

.clear {
float:none;
clear:both;}

 /* logo bar etc */

#topbar {
display: block;
height: 110px;
width: 960px;
background-color: #c33;


}

#logoholder {
width: 725px;
height: 110px;
display: block;
background-image: url(greybar.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#logo {width: 200px;
height: 110px;
float: left;


}
#symbol {width: 95px;
height: 110px;
float: right;
}

#navimage {
display: block;
height: 180px;
width: 960px;
background-color: #c00;
}

.navbox, .navbox2 {
height: 180px;
width: 115px;
display: block;
float: left;}

.navbox {
background-color: #a32929;}

#imagebox {height: 180px;
width: 495px;
float: left;
background-image: url(thomas_blank.jpg);}

#caption {
height: 180px;
width: 235px;
background-image: url(redshadow.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
display: block;
float: right;
padding-top: 140px;
color: #fff;}




 /* columns */


#page{
width:624px;
position:relative; 
display:block; 
border-right:235px solid #f0e9e9; 
overflow:visible;
min-height: 400px;
padding: 0;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
margin: 0;

}



#right {font-size: 110%; float:right; position:relative; width:220px; margin-right:-280px; display:inline; color: #333;
background-color: #f0e9e9;}

.give {
display block;
font-size: 160%;
width: 6em;
height: 2em;
background-image: url(donate.jpg);
background-repeat: no-repeat;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
margin-left: 1em;
padding-top: .55em;
padding-left: 1em;
overflow: visible;

}

.give a:link, .give a:visited {
color: #fff;
text-decoration: none;
}

.give a:hover {
color: #336;}


.redtab {
display: inline;
background-color: #a32929;
color: #fff;
margin: 0;
padding: 3px 15px 3px 15px;


}

.redtab  a:link, .redtab  a:visited {
color: #fff;
text-decoration: none;
}

.redtab  a:hover {
color: #ccc;}

#text {

float: left;
width: 550px;
display: block;

}


#home h1 {display: none;}

#home {
margin-top: 30px;
float: left;
width: 550px;
display: block;
font-size: 150%;
line-height: 180%;
}


#home ul li
{list-style-image: url(bullet.gif);
}

#home a, #home a:visited 
{background-color: #ccc;
padding: 3px;
color: #332a86;
}

#home a:hover 
{

background-color: #332a86;
color: #fff;}

.preview {
width: 120px;
height: 120px;
padding: auto; margin: auto;

background: #999;
border: 1px solid #fff;
text-align: center;
display: table-cell;
vertical-align: middle;
}


      


#homenews {
font-size: 80%;
width: 400px;
position:relative; 
left: -50px;
padding-left: 50px;
padding-top: 20px;
background-image:url(latest.png);
background-repeat: no-repeat;

}
      
#homenews a:link, #homenews a:visited {
background:none;
color: #a32929;
font-weight: normal;
}


 /* footer */

#footer {
text-transform: uppercase;
letter-spacing: 1px;
margin: 0px auto;
text-align: left;
font-size: 80%;
margin-top: 40px;


}





 /* that's your lot - jamesatkinsdesign.com */