/* -------------------------------------------------------------- 
  Ross CSS
   * Filename:        custom.css
   * Version:         BP 0.6 (2007-11-01) YYYY-MM-DD
   * Website:         http://osmonddesign.com
  
  By: Jon Osmond jon@osmonddesign.com
-------------------------------------------------------------- */
.container  {
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #CCCCCC;
	width: 766px;
    margin: 0 auto;

	/*background-image: url(blueprint/lib/grid.png); */ 
}

h1 {
	padding-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 13px;
	
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	border-bottom:1px solid #DDD;
	margin-bottom:10px;

}
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
}
em  {background-color:#FFFFFF; }
body {
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;
}
p.large   {font-size: 120%}
#main a, #topmenu a, #footer a, #main-press a {
	/*border-bottom:1px solid #D9D9D9;*/
	color:#a72323;
	margin:-1px;
	padding:1px;
	text-decoration:none;
	outline: none;

}

#main a:hover, #topmenu a:hover, #footer a:hover, #main-press a:hover {
	/*background:#CAE3F8 none repeat scroll 0%;*/
	border-bottom-color:#666666;
	color:#a72323;
	outline: none;
	text-decoration:underline;

}
.pics {
	height:  293px;
	width:   252px;
	padding: 0;
	margin:  0;
	float:right;
} 
 
.pics img {  
    /*padding: 15px;  
    border:  1px solid #ccc;*/
    background-color: #fff;  
    height:  293px;  
    width:   252px;  
    top:  0; 
    left: 0;
	padding-top: 10px;
} 

 .floatright {
float: right;
margin: 0 0 10px 10px;
clear: right;
}
 .floatleft {
float: left;
margin: 0 15px 15px 0;
clear: left;
}
 .floatleftHome {
float: left;
margin: 14px 27px 60px 0;
clear: left;
}
.containingbox p { margin-top: 0;}

img {
border: 0;
display: block;
}


.highlight  {
	background-color: #FFFF00;
}

/* -------------------------------------------------------------- 
Header
-------------------------------------------------------------- */
#header {
	padding-top: 10px;
	padding-bottom: 7px;
	width: 766px;
	margin: 0;
	float: left;
}
#logo  {
	width: 584px; 
	float: left;
}
.abbr {
	color: #666666;
	font-size: 75%;
}


/* -------------------------------------------------------------- 
Little top menu
-------------------------------------------------------------- */
#topmenu {
	font-size: 11px;
	text-align:right;
	padding-top: 40px;
	padding-right:15px;
	width:167px;
	float: left;
	color: #CCC;
}
/* -------------------------------------------------------------- 
Main menu and images
-------------------------------------------------------------- */

#main-menu-home {
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/header-home.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#flash-home{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/header-home.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-author {
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/Flash-header-Ross.jpg);
	background-repeat: no-repeat;
}
#flash-author{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/Flash-header-Ross.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-memoir {
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/mines.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#flash-memoir{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/mines.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-news{
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/bombed-building.jpg);
	background-repeat: no-repeat;
}
#flash-news{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/bombed-building.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-order{
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/rat.jpg);
	background-repeat: no-repeat;
}
#flash-order{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/rat.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-list{
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/road.jpg);
	background-repeat: no-repeat;
}
#flash-list{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/road.jpg);
	background-repeat: no-repeat;
	outline:none;
}

#main-menu-press{
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/LassaWardTop.jpg);
	background-repeat: no-repeat;
}
#flash-press{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/LassaWardTop.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-giving{
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/header-home.jpg);
	background-repeat: no-repeat;
}
#flash-giving{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/header-home.jpg);
	background-repeat: no-repeat;
	outline:none;
}
#main-menu-excerpt{
	width: 766px;
	height: 308px;
	padding-bottom: 20px;
	float: left;
	background-image: url(../images/ProtectiveDressingbottom.jpg);
	background-repeat: no-repeat;
}
#flash-excerpt{
	width: 544px;
	height: 308px;
	float: left;
	background-image: url(../images/ProtectiveDressingbottom.jpg);
	background-repeat: no-repeat;
	outline:none;
}

/* -------------------------------------------------------------- 
Sub Nav Menu 
-------------------------------------------------------------- */
#subnav {
	float: left;
	padding-top: 25px;
	background-color: #000;
	height:283px;
	font-weight: bold;

}

#subnav ul
{
	margin-left: 0;
	padding-left: 1.5em;
	list-style-type: none;
}

#subnav a {
	display: block;
	padding: 3px;
	width: 130px;
	/*border-bottom: 1px solid #ddd;*/
	outline: none;
}

#subnav a:link, #navlist a:visited {
	color: #FFF;
	text-decoration: none;
	outline: none;
	background-color: #000;

}

#subnav a:hover {
	color:#000;
	outline: none;
	background-color: #FFFFFF;
}
#navlist li a.active {
	color:#000;
 	background:#FFF;
  	outline: none;
  }

/* -------------------------------------------------------------- 
Main
-------------------------------------------------------------- */
#main {
	width: 480px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 25px;
	float: left;
	height: auto;
}
/*#main img {
	float:left;
}*/
#main-press {
	width: 720px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
	height: auto;
}
.video {
	padding: 0 0 10px 0;
}
/* -------------------------------------------------------------- 
sidebar
-------------------------------------------------------------- */
#sidebar {
	width: 222px;
	padding-top: 25px;
	padding-left: 19px;
	float: right;
	height: 300px;
}

#sidebar img {
	float: right;
	padding-right:5px;
	}

/* -------------------------------------------------------------- 
nestedcol
-------------------------------------------------------------- */
#nestedcol {
	width: 240px;
	float: left;
}
.last { margin-right: 0; }

#top {
	width: 220px;
	float:left;
	margin: 0;
	text-align:left;
	color: #999999;
	padding-right:20px;
	font-size: 11px;
	outline: none;
}

/* -------------------------------------------------------------- 
Footer
-------------------------------------------------------------- */
#footer {
	padding-top: 10px;
	width: 766px;
	margin: 0 auto;
	font-size: 11px;
	text-align: left;
	color: #999999;
}
#footer a  {
	border-bottom:1px solid #D9D9D9;
	color:#999999;
	margin:-1px;
	padding:1px;
	text-decoration:none;
	outline: none;

}
#footer a:hover {
	background:#CAE3F8 none repeat scroll 0%;
	border-bottom-color:#6597BE;
	color:#0C3A5E;
	outline: none;
	text-decoration:none;
}

.form  { padding-left: 25px;}


#poem {
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #CCCCCC;
	width: 480px;
    margin: 0 auto;
}
textarea {
 height: 40px;
}



.right {float:right;}
.left {float:left;}