/* CSS Document */


/* This file designed for artist Rosanna Hardin Hall */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */

body {
	background: #F3DED2; 
	font: 16px georgia; 
	color: #555753; 
	margin: 0px; 
	}
p { 
	font: 0.9em georgia; 
	margin-top: 0px; 
	text-align: justify;
	padding-left: 8px;
	}
h3 {
	font:  normal 20px helvetica; 
	height: 0.85em;
	width: 450px;
	overflow: hidden;
	letter-spacing: -1px; 
	word-spacing: 3px;
	margin-bottom: 10px;
	color: #99004C;
	text-shadow: 2px 2px 2px #999;
	border-bottom: 1px solid #99004C;
	display: block;
	}
a:link {
	text-decoration: none; 
	color: #4C64AD;
	}
a:visited { 
	text-decoration: none; 
	color: #4C64AD;
	}
a:hover { 
	border-bottom: 1px solid #CCC;
	color: #333;
	}
a:active { 
	border-bottom: 1px solid #CCC;
	color: #333;
	}

/* specific divs */

#container {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 575px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
	#footer {
	background:#F3DED2;
	clear:both;
	text-align: center;
    }

	
/* Home Page divs */
	
	
#frontLogo {
	float:left;
	width:600px;
	margin-top: 75px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 18px;
	background-color: #F3DED2;
    }

#frontMain {
	float:right;
	width:300px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F3DED2;
    }
	
#frontSidebar {
	float:left;
	width:400px;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-color: #F3DED2;
	top: 0px;
    }
	
#photoCut {
	float:right;
	width:300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F3DED2;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
    }
	
	
#copyright {
	float:none;
	width:798px;
	background-color: #F3DED2;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	bottom: 0px;
	margin: 0px;
	height: 0px;
	clear: both;
    }

/* Internal Page Divs */

#header {
width:800px;
height:150px;
margin-top:0px;
background-image:url(rosannaheader.jpg);
background-color:F3DED2;
}

#header2 {
width:800px;
height:50px;
margin-top:0px;;
background-color:F3DED2;
}

#bioMain {
width:800px;
height:150px;
margin-top:0px;
background-color:F3DED2;
}

#headerBio {
	width:800px;
	height:30px;
	margin-top:0px;
	background-image:url(biographylogoplate.jpg);
	background-color:F3DED2;
	float: none;
	background-repeat: no-repeat;
	background-position: left;
}


#bioMainleft {
width:300px;
height:250px;
margin-top:0px;
margin-left:15px;
float:left;
}

#bioMainright {
	width:400px;
	height:250px;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	float:right;
	background-image:url(portrait2.jpg);
	border: thin solid #000000;
}

#bioSection {
width:800px;
height:300px;
margin-top:10px;
background-color:F3DED2;
}

#bioSectionleft {
	margin-top:0px;
	margin-left:15px;
	float:left;
	margin-right: 15px;
	width: 300px;
	position: fixed;
	height: 400px;
}

#bioSectionmiddle {
width:150px;
height:250px;
margin-top:0px;
margin-left:270px;
margin-right:5px;
float:right;
background-image:url(portrait1.jpg); border:thin;
}

#bioSectionright {
	width:400px;
	height:400px;
	margin-top:0px;
	margin-right:15px;
	float:right;
	margin-left: 15px;
	padding: 0px;
	position: fixed;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#bioContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 900px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#italyContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 750px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#romeContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 1050px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#italyintroContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 700px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
/* Publications Divs */

#publicationsContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 1350px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#indywomanContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 1100px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}


/* Villa Page Divs */

#headerVilla {
	width:800px;
	height:50px;
	margin-top:0px;
	background-image:url(villalogoplate.jpg);
	background-color:F3DED2;
	float: none;
}

#mainVilla {
	background:#F3DED2;
	float:right;
	width:500px;
	margin-left: 20px;
    }
#sidebarVilla {
    background:#F3DED2;
    float:left;
	margin-top:0px;
    width:250px;
    }
	
#villaContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 860px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#galleriesContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 900px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
	
#galleriesfranceContainer {
	background: #F3DED2;
	padding: 0px;
	width: 801px;
	height: 1425px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#headerGalleries {
margin-top:auto

}

#mainGalleries {

background:#F3DED2;
float:left;

}

#mainContact {
	background:#F3DED2;
	float:left;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}

#pictureContainer {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 650px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}

#galleriesContainerintro {
	background: #F3DED2;
	padding: 0px;
	width: 800px;
	height: 665px;
	z-index: 1;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}


#mainGalleryintro{
	background:#F3DED2;
	float:none;
	z-index: 1;
}