@import url("layout.css");
body {
	font-family: "Garamond", "Times New Roman",sans-serif;
	font-size: 0.8em;
	
  background-color: #ebf4f3;  
   
}

/* Basic Page design */

#container {
	width: 850px;
	margin: 0 auto;
	padding:10px;
	border-right: 2px solid #5c3900;
	border-bottom: 2px solid #5c3900;
	border-left: 2px solid #5c3900;
	background-color: #ececec;
	
}

/* The top of the page with the id  */

#masthead {

	
	height: 400px;
	border-right: 2px solid #5c3900;
	border-bottom: 2px solid #5c3900;
	border-left: 2px solid #5c3900;
	border-top: 2px solid #5c3900;
	font-family: "Lucida Handwriting", "Times New Roman",sans-serif;
	font-size:3em;
	text-align:center;
	
}


/* The menu bar  */
#top-nav {

    padding:10px;
    font-size:1em
	height: 20px;
	border-bottom: 2px solid #5c3900;
	border-top: 2px solid #5c3900;
}

/* The breadcrumbs  */
#mid-nav {
    padding :10px;
	height:20px;

}

/* The main page */
#mainpage{
	
	padding:10px;
	font-size:1.5em;

	

}

/* The Bottom of the page */
#mainfooter {
	text-align: center;
	clear: both;
	
	border: 1px dotted #d8bfd8;
}

/* The Bottom of the page */
#footer {
	text-align: center;
	clear: both;
	
	border: 1px dotted #d8bfd8;
}


/* Free area - MAIN, CURC, CURCL, INFO, CREATIVE */

#pagecontent {

	
	padding:10px;
	background-color:#FFFDDA;
    color: maroon;
	
}


.DynamicItemZIndex { 
 
      z-index:1000; 
 
}

/*text-sizes*/
.x-largetext {
	font-size: xx-large;
}

.largetext {
	font-size: x-large;
}

.underline {
	text-decoration: underline;
}

.strong {
	font-weight:bold
}


#indent {
	text-indent: 20px
}



/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px dotted #dfb8df;
	background-color: #dfb8df;
}
#navigation a {
	color: #402640;
	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #fff;
	background-color: #dfb8df;
}
#navigation a:hover {
	color: #402640;
	text-decoration: none;
	background-color: #fff;
}
/* Footer Styles */
#footer p {
	color: #808080;
}
#footer a {
	color: #503750;
	text-decoration: underline;
}
#footer a:hover {
	color: #402640;
	text-decoration: none;
}
a {
	color: 	navy;
	text-decoration: underline;
}
a:hover {
	color: #dfb8df;
	text-decoration: underline;
}


.style_homefont{
	font-size:2em;
}

.style_lucida{
 font-family:"lucida calligraphy", Arial , Helvetica, sans-serif;
 font-size:30px;
 font-weight: bold;
}

#test {
	height:120;
	
	background-color:red
}

#test2 {
	height:120;
	
	background-color:yellow
}

#left-side {
	width: 420px;
	height: 800px;
	position:relative;
	float:left;
	border-right: 2px solid #5c3900;
	border-bottom: 2px solid #5c3900;
	border-left: 2px solid #5c3900;
	border-top: 2px solid #5c3900;
	font-family: "Lucida Handwriting", "Times New Roman",sans-serif;
	font-size:3em;
	text-align:center;
	

}
#right-side {
	width: 410px;
	height: 800px;
	position:relative;
	float:left;

	font-family: Bradley Hand ITC, Times New Roman , ariel;
	font-size:4em;
	text-align:left

}
#smalltop {

	
	border: 2px solid #5c3900;
	height: 150px;
	font-family:  Bradley Hand ITC, Times New Roman , ariel;
		font-size:4em;
	text-align:center;
	
}
#photostrip {

	
	border: 2px solid #5c3900;
	height: 300px
	
	
}