@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #600;
}

#content{
	width:745px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.home{
	background-image:url(Img/HomeBack.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.ArtPro{
	background-image:url(Img/ArtProj.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.bookback{
	background-image:url(Img/books.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.voi{
	background-image:url(Img/voiceover.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.bio{
	background-image:url(Img/biography.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.poetry{
	background-image:url(Img/poetryvideo.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.review{
	background-image:url(Img/revies.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#back{
	font-size:18px;
	text-align:left;
	background-color:#660000;
	color:#ffffff;
	width: 35px;
	float:left;
	position:relative;
	z-index:0;
	top: 100px;
	left: -150px;
	
}
#back a{
	background-color:#660000;
	color:#ffffff;
	position: fixed;
}
	
#back a:hover{
	background-color:#ffffff;
	color:#660000;
	position: fixed;
}
#sddm{
	padding: 0;
	list-style: none;
	text-align: center;
	
	
}
#sddm li{
	margin:0px 3px 5px 0px;
	padding: 0;
	float:left;
	display:inline;
	list-style: none;
	font-size: 20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}

#sddm li a{
	font-size:18px;
	margin: 0px 0px 0px 5px;
	padding: 4px 4px;
	border:2px #660000;
	color: #660000;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
	
}	

#sddm li a:hover{
	color:#006;
}

#sddm div{
	position:absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #5970B2;
	width: auto;
	height: auto;
}

#sddm div a{
	display:block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	text-align: left;
	text-decoration: none;
	background-color:#ffffff;
	color: #000066;
	font: 14px arial;
}

#center{
	border-top:groove #660000;
	border-bottom:groove #660000;
	height:50px;
	width: 745px;
	}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover img{
border: 1px solid #660000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;	
padding: 5px;
left: -1000px;
visibility:hidden;
color: #000066;
text-decoration: none;
width:250px;
}

.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 4px;
width:250px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -80px;
left: -350px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
/*******************************************************************************End Thumbnails*******************************************************/
#gals{
	width:220px;
	height:410px;
	margin-left: auto;
	margin-right: auto;
	
}

#gallerycontainer{
	height:auto;
	width:108px;
	float: left;
}

#gallerycontainertwo{
	height:auto;
	width:108px;
	float:right;
	
}

#gallerycontainertwo .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
#gallerycontainertwo .thumbnail{
position:relative;
z-index: 0;
}

#gallerycontainertwo .thumbnail:hover{
}

#gallerycontainertwo .thumbnail:hover img{
border: 1px solid #660000;
}

#gallerycontainertwo .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: -1000px;
	visibility:hidden;
	color: #000066;
	text-decoration: none;
	width:250px;
}

#gallerycontainertwo .thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 4px;
width:250px;
}

#gallerycontainertwo .thumbnail:hover span{ /*CSS for enlarged image*/

visibility: visible;
top: -80px;
left: 200px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
#footer{
	width:700px;
	height:auto;
	}

/****************************************************Second Page**************************************************************/
#pages{
	background-color:#FFFFFF;
	width:730px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	}
#secondpagenavo{
	width:660px;
	position:fixed;
	height: 50px;
	margin-top:-15px;
	margin-left:45px;
	/*margin-top:-12px;*/
	
}
.textcontainer{
	width:600px;
	text-align:left;
	margin-top:10px;
	padding:10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
.textcontainer a{
	color:#660000;
}
.textcontainer a:hover{
	color:#000066;
}
.textcontainer2{
	width:600px;
	text-align:justify;
	margin-top:20px;
	padding:10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
}
.textcontainer img{
	margin-left:auto;
	margin-right:auto;
}
#imglinks{
	text-align:center;
}
#title2{
	font-size:24px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	text-align: center;
	color: #660000;
	border-bottom:groove #660000;
	border-top:groove #660000;
}
#title{
	font-size:24px;
	margin-right: auto;
	text-align: center;
	color: #660000;
	margin-left: auto;
	margin-top: 20px;
	
}
#title a{
	color:#660000;
}
#title a:hover{
	color:#000066;
}
#secondpagenavo #sddm{
	padding: 0;
	list-style: none;
	text-align: center;
	
	
}
#secondpagenavo #sddm li{
	margin:0px 0px 0px 0px;
	float:left;
	display:inline;
	list-style: none;
	font: 16px "Times New Roman", Times, serif;
	
}

#secondpagenavo #sddm li a{
	font-size:16px;
	margin: 0 2px 0 0;
	padding: 4px 7px;
	background-color:#660000;
	border:2px #660000;
	color: #fff;
	text-align: center;
	text-decoration: none;
}	

#secondpagenavo #sddm li a:hover{
	background-color:#000066;
	color:#ffffff;
}

#secondpagenavo #sddm div{
	visibility: hidden;
	background-color: #ffffff;
	border: 1px solid #5970B2;
	width: auto;
	height: auto;
}

#secondpagenavo #sddm div a{
	position:relative;
	display:block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	text-align: left;
	text-decoration: none;
	background-color:#ffffff;
	color: #000066;
	font: 14px arial;
}
/***********************************************************************************/
#thumers{
	float:left;
	height:auto;
	width:200px;
	}
#thumbs{
	list-style: none;
	height: 100px;
	width: 200px;

}
#thumbs li{
	border-color: #527f96;
	border-style: solid;
	border-width: 2px;
	margin-right: 5px;
	margin-top:40px;
	padding: 5px;
	float:left;
	cursor: pointer;
}
#mainimg{
	width: 640px;
	float: right;
	clear: right;
	margin-right: 10px;
	}
/*****************************************************************************SELECTONE****TWO****************************/
#select{
	width:600px;
	height:300px;
}
#select1{
	width:600px;
	height:150px;
}
#select a{
	border:none;
}
#selectone{
	width:290px;
	height:auto;
	text-align:justify;
	float:left;
	padding-right: 3px;
}
#selecttwo{
	width:300px;
	height:auto;
	text-align:justify;
	float:left;
}
/*********************************************************************GallaryTHREEEE*********************************************/
#gallerycontainerthree{
	height:auto;
	width:550px;
	margin-left: auto;
	margin-right: auto;
}

#gallerycontainerthree .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

#gallerycontainerthree .thumbnail:hover{
}

#gallerycontainerthree .thumbnail:hover img{
border: 1px solid #660000;
}

#gallerycontainerthree .thumbnail span{ /*CSS for enlarged image*/
position: absolute;	
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000066;
text-decoration: none;
width:600px;
}

#gallerycontainerthree .thumbnail span img{ /*CSS for enlarged image*/

	padding: 4px;
	width:550px;
	height:400px;
}

#gallerycontainerthree .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1200px;
left: 415px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
/***************************AutoGraphs***************/
#pagesAu{
	background-color:#FFFFFF;
	width:900px;
	text-align:center;
	height:1450px;
	margin-left: auto;
	margin-right: auto;
	}

#gallerycontainer3{
	height:300px;
	width:300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#gallerycontainer3 .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

#gallerycontainer3 .thumbnail:hover{
}

#gallerycontainer3 .thumbnail:hover img{
border: 1px solid #660000;
}

#gallerycontainer3 .thumbnail span{ /*CSS for enlarged image*/
position: absolute;	
padding: 5px;
left: -700px;
visibility: hidden;
color: #000066;
text-decoration: none;
width:450px;
}

#gallerycontainer3 .thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 4px;
width:350px;
height:290px;
}

#gallerycontainer3 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 10px;
left: 275px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}

/****************************************************POSITEVE AND NEGATIVE*******************************************************************/
#gallerycontainer4{
	height:300px;
	width:600px;
	margin-left: auto;
	margin-right: auto;
}

#gallerycontainer4 .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

#gallerycontainer4 .thumbnail:hover{
}

#gallerycontainer4 .thumbnail:hover img{
border: 1px solid #660000;
}

#gallerycontainer4 .thumbnail span{ /*CSS for enlarged image*/
position: absolute;	
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000066;
text-decoration: none;
width:450px;
}

#gallerycontainer4 .thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 4px;
width:350px;
height:290px;
}

#gallerycontainer4 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 860px;
left: 635px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
/****************************************************************************************END************************************************************/
/****************************************************POSITEVE AND NEGATIVE*******************************************************************/
#gallerycontainer5{
	height:300px;
	width:600px;
	margin-left: auto;
	margin-right: auto;
}

#gallerycontainer5 .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

#gallerycontainer5 .thumbnail:hover{
}

#gallerycontainer5 .thumbnail:hover img{
border: 1px solid #660000;
}

#gallerycontainer5 .thumbnail span{ /*CSS for enlarged image*/
position: absolute;	
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000066;
text-decoration: none;
width:450px;
}

#gallerycontainer5 .thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 4px;
width:350px;
height:290px;
}

#gallerycontainer5 .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 2250px;
left: 635px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
/****************************************************************************************END************************************************************/

/*******************************************************************************End of Images Front Page*********************************/
/****************************************************************************BOOKS*********************************/
#books{
	width:720px;
	text-align: center;

}

#books img{
	padding: 10px 5px 10px 5px;
}
.booksthumbnail a{
	border:none;
}
.booksthumbnail img{
	border: 1px solid white;
}
.booksthumbnail:hover img{
	border: 1px solid #660000;
}

.booksthumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	visibility: hidden;
	color: #000066;
	text-decoration: none;
	width:450px;
	left: 377px;

}

.booksthumbnail span img{ /*CSS for enlarged image*/

padding: 4px;
width:250px;
}

.booksthumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 500px;
	left: 480px; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
/*******************************************************************End Of BOOKS*********************************/
#bookfooter{
	border-top:groove #660000;
	height:120px;
	width:745px;
	padding-top:8px;
	margin-left: auto;
	margin-right: auto;
}
#footcontact{
	text-align:justify;
	height:120px;
	width:260px;
	float:left;
}
#footcontact a img{
	border:none;
}
#footcontact img{
	padding:2px 0px 2px 10px;
}
#acfoot{
	float:left;
	width:250px;
	height:150px;
	width: 250px;
	float: left;
	text-align: center;
}
#contact{
	float:left;
	width: 180px;
	height: 120px;
	color: #660000;
	margin-left: 20px;
	text-align: center;
}
#contact img{

}
/************************************************************************************Images*****************************************/
/********************************************************************ODDS AND ENDS*****************************************/
#righttext{
	width:60%;
	padding:0px 5px 0px 5px;
	float:right;
	margin-bottom: 10px;
}
#lefttext{
	float:left;
}
#textcontainer2{
	width:100%;
	padding:3px 5px 3px 5px;
	text-align:justify;
	float:left;
}
#textcontainerimg{
	text-align:center;
}
#voice{
	width:700px;
	height:260px;
	margin-left: auto;
	margin-right: auto;
}
#voiceimg{
	float:left;
	width:300px;
	clear:left;
	padding: 8px;

}
#voicetext{
	float:left;
	padding: 0px 8px 5px 8px;
	text-align: left;
	color: #000066;
	line-height:22px;
	width:300px;
	
}
#voicetext ul li{
	list-style:none;
}
#voicetext ul li a{
	color:#000066;
	text-decoration:none;
}
#voicetext ul li a:hover{
	color:#660000;
	text-decoration:underline;
}
#voicetext2{
	float:left;
	padding: 0px 8px 5px 8px;
	text-align: left;
	color: #000066;
	line-height:22px;
	width:300px;
	
}
#voicetext2 ul li{
	list-style:none;
}
#voicetext2 ul li a{
	color:#000066;
	font-size:16px;
	text-decoration:none;
}
#voicetext2 ul li a:hover{
	color:#660000;
	text-decoration:underline;
}

.textcontainerES{
	text-align:center;
}
/********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************OPRPHANSSSS*****************************************************************************************************************************/

/***********************************************************************Vedeo*******************************************/

#videolist ul#sddm li a{
	font-size:22px;
	text-align:center;
}


#videolist li{
	margin:0px 3px 5px 0px;
	padding: 0;
	float:left;
	display:inline;
	list-style: none;
	font: 20px "Times New Roman", Times, serif;
}
#videolist li a{
	font-size:16px;
	margin: 0 0 0 5px;
	padding: 4px 9px;
	background:#ffffff;
	border:2px #660000;
	color: #660000;
	text-align: center;
	text-decoration: none;
	
	}
	
	
/*******************************************************************Rollover ThumbNAILS*******************************************/

a.swap{
background-image:url(Orphans%20Numbered/Orph1.JPG);
height:auto;
width:auto;

}
#numhover a.swap:hover{
	background-image:url(HoverOverThums/One.jpg);
	
	}	
	
	
	
#orphans{
	width:900px;
	float: left;
}

#OrphTitle{
	width:100px;
	margin-top:30px;
}
	
	
	
/******************************************************ORPHANS***********************************************************/
#orphansFRONT{
	width:500px;
	float: left;
}

#Orphgallerycontainer{
	height:520px;
	width:375px;
	float:left;
	margin-top: 20px;
	
}

#Orphgallerycontainer .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
#Orphgallerycontainer .thumbnail{
	position:static;
}

#gallerycontainertwo .thumbnail:hover{
}

#Orphgallerycontainer .thumbnail:hover img{
border: 1px solid #660000;
}

#Orphgallerycontainer .thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: -1000px;
	visibility:hidden;
	color: #000066;
	text-decoration: none;
	width:400px;
}

#Orphgallerycontainer .thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;
padding: 4px;
width:250px;
}

#Orphgallerycontainer .thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 150px;
	left: 750px;
	text-align:center; /*position where enlarged image should offset horizontally */
/*z-index: 525;*/
}
	
	
	
/***************************************************************************OFERING PHOTOS*************************************************************/
#OrhpBack1{
	background-image:url(thumbers/back1.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}
#OrhpBack34{
	background-image:url(thumbers/back34.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}
#OrhpBack11{
	background-image:url(thumbers/back11.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}
#OrhpBack43{
	background-image:url(thumbers/back43.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}
#OrhpBack23{
	background-image:url(thumbers/back23.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}
#OrhpBack19{
	background-image:url(thumbers/back19.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}

#OrhpBack2{
	background-image:url(thumbers/back2.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}

#OrhpBack43{
	background-image:url(thumbers/back43.JPG);
	background-position:left ;
	background-repeat:repeat-y;
}

#offeringPhotos{
	width:700px;
	height:auto;
	text-align: center;
	/*background-image:url(full_images/backer1.jpg);*/
}
	
#ORPHANpages{
	width:700px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	}
	
#ORPHtitle{
	background-color:#FFFFFF;
	font-size:24px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	text-align: center;
	color: #660000;

}
#titleOffering{
	width:700px;
	float: left;
	font-size:24px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	text-align: center;
	color: #660000;

}


#wrapperAll{
	width:910px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	margin-top: 5px;
	font-size: 20px;
}
#header{
	background-color:#FFF;
	width: 900px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}
#headerWrapper{
	background-color:#FFF;
	width: 100%;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}
#newContent{
	background-color:#FFF;
	width: 900px;
	height: 1023px;
	margin-left: auto;
	margin-right: auto;
}
#newFooter{
	background-color:#FFF;
	width: 100%;
	height: 155px;
	float: left;
	border:#999 thin solid;
	padding-top: 10px;
}
#lable{
	width:125px;
	height:150px;
	float: left;

}
#lable2{
	width:200px;
	height:50px;
	float: left;
	margin-top: 20px;
	margin-left: 25px;

}
#newNavigation{
	float:left;
	height:50px;
	width:760px;
	margin-top: 100px;
}
#topProject{
	height: 341px;
	margin-top: 20px;
	margin-left: auto;
	text-align: center;
	width: 720px;
	background-image: url(RedCapital.jpg);
	color: #FC0;
	font-size: 24px;
	margin-right: auto;
}
#topProject a{
	text-decoration: none;
	color: #FC0;
	font-size: 24px;
}
#nextProject{
	width: 430px;
	height: 330px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	text-align: center;
}
#projects1{
	width:450px;
	height:300px;
	float:left;
	margin-left: 20px;
}
#projects2{
	width:440px;
	height:auto;
	float:left;
	margin-left: 5px;
	font-size: 14px;
}
#projects3{
	width:400px;
	height:280px;
	float:left;
	margin-left: 10px;
}
#projects4{
	width:400px;
	height:145px;
	float:left;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}
#projects6{
	width:400px;
	height:120px;
	float:left;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}
#projects5{
	width:880px;
	height:300px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
#projects7{
	width:880px;
	height:355px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	border-top: #600 thin solid;
	padding-top: 20px;
}
#AllProjects{
	width:900px;
	float:left;
	height: 305px;
	margin-top: 30px;
	border-top:#600 thin solid;
	padding-top: 20px;
			
}
#AllProjects2{
	width:900px;
	float:left;
	height: 300px;
			
}
#AllProjects3{
	width:900px;
	float:left;
	height: 355px;
			
}
#AllProjects4{
	width:900px;
	float:left;
	height: 305px;
	margin-top: 30px;
	border-top:#600 thin solid;
	padding-top: 20px;
			
}
#textFront{
	width:250px;
	float:right;
	height:auto;
	
}
#textFront2{
	width:260px;
	float:right;
	height:auto;
	margin-top: 20px;
	
}
#textFront strong{

}
#imgFront{
	width: 140px;
	float: left;
}
#imgFront2{
	width: 600px;
	float: left;
}
.FrontImage{
	margin-right:5px;
	width: 200px;
	background-color: #FFF;
	height: auto;
	float: left;
	margin-top: 2px;
	padding-top: 5px;
			
}
#imgProject{
	width: 230px;
	float: left;
	text-align: center;
}
#textProject{
	float: left;
	width: 200px;
	margin-left: 10px;
}
#bottom{
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
}