/* CSS Document */


/**********  DESIGN NOTES/ISSUES

12/16/07
IE problem on guestbook.php, iframe has white background and blocks the footer flower image from showing through.

***************/

/******

COLORS

#D2A972; - Gold (nav text, etc)
#F1E4D3; - Light Gold (line rule)

#003366; - Dark Navy Blue (titles)
#3F658C; - Light Navy Blue (links)
#985534; - Red-brown (errors, messages)

#E4E9EF; - Light blue (pop-up background)
#D5C86F; - Almond
*******/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	/*
	background-color: #F1EAE0;
	*/
	
	color: #666666;
	
	font-family: Tahoma, Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	
	/*background: url(images/bg_tile_light.jpg) repeat;
	*/
}
div.wrapper {
	position: relative;
	width: 780px;
	height: auto;
	
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0px 32px 0px 32px;
	
	border-left:  #F1E4D3  double ;
	border-right:  #F1E4D3 double ;
	
	background-color: #FFFFFF;
	
	background-image: url(images/corner_flourish.png);
	background-repeat: no-repeat;
	background-position: 98% 100%;
	
	/* 410px vert to top of footer */	
	 
}

/************* ASSETS ***************/

img.horiz_rule {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 1px;
}
img.vert_rule {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 1px;
	height: 100%;
}
img.titlebar_title {
	float: left;
}
img.titlebar_quote {
	position: absolute;

	top: 2px;
	right: 14.5%;

}
img.titlebar_flourish {
	position: absolute;
	top: 22px;
	right: 14.5%;

}
img.butterflies_topright {
	position: absolute;
	padding: 0px;
	margin: 0px;

}
img#b1 {
	
	top: 70px;
	right: 205px;
}
img#b2 {
	
	top: 155px;
	right: 15px;
}
img#b4 {
	
	top: 10px;
	right: 30px;
}
/************* || END || ASSETS ***************/


/************* TITLE BAR *****************/
div.title_bar {
	min-width: 700px;
}

div.nav a {
	font-weight: bold;
}
div.nav a:link {
	color: #D2A972;
	text-decoration: none;
}
div.nav a:visited {
	color: #D2A972;
	text-decoration: none;
}
div.nav a:hover {
	color: #D2A972;
	text-decoration: underline;
}
div.nav a:active {
	color: #D2A972;
	text-decoration: underline;
}

div.title_bar img.horiz_rule {
	margin-top: 8px;
	margin-bottom: 2px;
}

/************* END | TITLE BAR *****************/


/************* CONTENT AREA *****************/
div.content_area {
	margin-top: 60px;
	width: 79%;
	min-width: 700px;

}
div.block {
	float: left;
	width: 94%;
	padding-left: 16px;
	
}
div.block_topleft {
	float: left;
	width: 40%;

	padding-left: 16px;
	padding-right: 16px;
}

div.block_topright {
	float: left;

	width: 40%;
	
	margin: 0px 0px 0px 20px;

}

div.vert_title {
	float: left;
	position: relative;
	padding-top: 3px;
	height: 550px;
}
div.vert_title img.section_title {
	float: left;
	margin-top: -4px;
}
div.vert_title img.vert_rule {
	float: left;
	position: relative;
	margin-left:1px;
	height: 100%;
}
/************* END | CONTENT AREA *****************/

/************* HOMEPAGE *****************/

div#index_content_area{
	margin-top: 10px;
	width: auto;
}
img#pic_home {
	float:left; 
	padding: 0px; 
	margin: 0px; 
	margin-left:30px;
}
div#block_topleft_index {
	margin-top: 70px;
	padding-top: 0px;
	padding-left: 0px;
	
}
div#block_topleft_index div#scroller{
	overflow: auto;
	height: 246px;
	margin: 0px;
	padding: 0px;
}

div.lower_half div {
	float: left;
	
	margin-top: 16px;
	margin-bottom: 16px;
	
	padding-right: 16px;
	width: 25%;
	
	height: 200px;
	
	
}
div.lower_half #col_1 {
	background: url(images/armenian_map.jpg) no-repeat 0px 16px ;
	position: relative;
	
	height: 230px;
}

div.lower_half #col_2 {
	border-left: 1px #D2A972 solid;
	padding-left: 16px;
}

div.lower_half #col_3 {
	border-left: 1px #D2A972 solid;
	padding-left: 16px;
	
}
/************* END | HOMEPAGE *****************/

/************* GUESTBOOK *****************/

iframe.guestbook_iframe {
	float: left;
	margin-top: 7px;
	margin-left: -10px;
	height: 100%;
	overflow: visible;
	
	background: none;
}
div#guestbook_content_area {
	width: 800px;
	height: 1800px;
	
	background: none;
	

}
/************* END | GUESTBOOK *****************/


/************* REFLECTIONS *****************/

img.reflections_img {
	margin: 16px 0px 16px 0px;
	border: 1px #F1E4D3 solid;
}
div.submission {
	margin-bottom: 16px;
	margin-top: 16px;
}
.submission h3 {
	color: #3F658C;
	font-size: 12px;
}
div.author {
	margin-top: 12px;
	color: #3F658C;
}
div.submitter {
	margin-top: 12px;
	color: #3F658C;
}
/************* END | REFLECTIONS *****************/

/************* MEDIA *****************/

#tabs_container #content iframe {
	border: none;
	
}
iframe.media_iframe {
	width: 100%;
	height: 100%;
	border: none;
	border-width: 0px;
}
iframe#video_iframe {
	padding: 16px;
	border: none;
	
	border-width: 0px;
}
div.media_div {
	padding: 16px;
}

/*  ajax_tabs */

#tabs_container {
	width:266%;
	margin-bottom: 16px;
	padding-top: 3px;

	
}
.tabs {
	margin-right: 5px;
	padding:4px;
	text-align:center;
	float:left;
	cursor:pointer;
	
	color: #FFFFFF;
	font-weight: bold;
	
	background-color: #D2A972;
	
	border-bottom:0;
}

#tabs_container #content {
	
	clear:both;
	border:1px solid #F1E4D3;
	
	height:700px;
	background-color:#FFFFFF;
	
}


#load {
	position: fixed;
	left:0;
	top:0;
	width:100px;
	height:20px;
	background-color:red;
	color:white;
	display:none;
}
/* end | ajax_tabs */


	
/************* END | MEDIA *****************/



/************* FOOTER *****************/
div.footer {
	position: relative;
	
	padding-bottom: 16px;
	padding-left: 20px;
	
}
div#index_footer {
	padding-left: 0px;
}
div.footer img.horiz_rule {
	width: 58%
}
div.footer img#top {
	width: 52%
}
div.footer img#bottom {
	width: 61%
}
div.footer a {
	font-weight: normal;
	font-size:10px;
}
div.footer a:link {
	color: #D2A972;
	text-decoration: none;
}
div.footer a:visited {
	color: #D2A972;
	text-decoration: none;
}
div.footer a:hover {
	color: #D2A972;
	text-decoration: underline;
}
div.footer a:active {
	color: #D2A972;
	text-decoration: underline;
}

/************* END | FOOTER *****************/