/* CSS Document */

/*******************************************************************************
********************************************************************************
*************************Main Page Structure************************************
********************************************************************************
*******************************************************************************/

/*This section controls the overall font face and the repeating gradient image.*/
body
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#5e6150 url(../images/FRF_gradient5.jpg) repeat-x;
	}
#main_image {
}

/*Controls the image that is repeated on top of the gradient but behind the content section.
The image placed in here will be aligned to the top of the page and can be aligned to the
gradient accordingly.*/
.backgroundCenter
	{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:1500px;
	background:transparent url(../images/FRF-background-MainPage3.jpg) no-repeat center top;
	}
.backgroundCentersSecondPage {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:1500px;
	background:transparent url(../images/FRF-background-SecondPage3.jpg) no-repeat center top;
}
	

/*This section controls the container DIV. That contains the texture that is repeated
 throughout the background of the content section. It also controls some structure items.
 Other than the background item I would leave this alone.*/
.container
	{
	width:952px;
	margin:-10px auto 0px;
	height:auto;
	}
	
.outerContainer
	{
	width:1050px;
	margin:0 auto 40px;
	}
.content {
	margin-left: 25px;
	color: #212f42;
}
.contentSecondPage {
	margin-left: 50px;
	color: #212f42;
}
.contentNormalText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212f42;
}

/*This class controls the gallery size. You can change background color using the BACKGROUND attribute
or how the caption is aligned with text align, but leave the rest alone.*/
.demo
	{
	float:none;
	width:640px;
	height:auto;
	margin:0px 10px 0px 40px;
	text-align:left;
	}
/*Similar to .content, this controls text display and structure for the footer. I would only touch color and background.
Even font-size will require structure changes.*/
.footer
	{
	margin:25px 0px 0px;
	padding: 10px 20px;
	height:15px;
	color:#FFF;
	font-size:10px;
	text-align: center;
	}
.inlinelinks {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #616453;
}
.blacktype {
	color: #000000;
}
.titletype {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #90413e;
	font-family: Palatino, Georgia, serif;
	padding-bottom: 4px;
	display: block;
}
.goBack {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #90413e;
	font-family: Palatino, Georgia, serif;
	padding-bottom: 4px;
	display: block;
	text-align: center;
	border-bottom: 1px dotted #000;
}
	
/*Dont touch these last two classes. They are for structural purposes only.*/
.mainPhoto
	{
	height:250px;
	width:640px;
	}

.clear
	{
		clear:both;
	}
	
/*******************************************************************************
********************************************************************************
*************************Page Styling*******************************************
********************************************************************************
*******************************************************************************/

h1
	{
	color:#47576b;
	padding:15px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22pt;
	text-decoration: none;
	}
	
	
h3
	{
	color:#FFFFeb;
	font-style:italic;
	font-size:14px;
	font-family: Palatino, Georgia, "Times New Roman", Times, serif;
	}
a.mainNav /*These two classes will control the monthly nav up top. */

	{
	font-weight:bold;
	color:#4e495c;
	text-decoration: none;
	line-height: 20px;
	list-style: none;
	font-size: 14px;
	}
	
a.mainNav:hover

	{
	color:#6d6a79;
	}
	
	a.mainNavActive
	{
	color:#221546;
	font-weight:bold;
	text-decoration: none;
	line-height: 20px;
	font-size: 14px;
	}

/*These classes will control any other links throughout the pages.*/


/*******************************************************************************
********************************************************************************
*************************Gallery Styling and Structure**************************
********************************************************************************
*******************************************************************************/

/*These top two items can be changed. They effect the text appearance
of the caption. Only touch text align and the .caption class.*/
.galleria li .caption
	{
		display:block;
		padding-top:.5em;
		text-align:center;
	}
.caption
	{
	font-style:italic;
	color:#000;
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
	display: block;
	margin-right: 10px;
	}

/*Don't touch these. They will effect the structure of the gallery.*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .galleria li div span{width:400px} /* MSIE bug */
*{margin:0;padding:0}
.gallery_demo{width:640px;margin:0 auto;}
.gallery_demo li{
	width:75px;
	height:57px;
	border:3px double #111;
	margin:4px;
	background:#a4977a;
}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;text-align:center;}
#main_image{margin:0 auto 20px auto;min-height:250px;width:auto;background:transparent no-repeat;}
#main_image img{margin-bottom:10px;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}




/*******************************************************************************
********************************************************************************
*************************Spry Menu Styling**************************************
********************************************************************************
*******************************************************************************/

/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 2px 0px;
	display:block;
	height:15px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 10em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	white-space: nowrap;
}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0% 0 0 92%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 12em;
	text-indent: 5px;
}

li.subMenuBackColor
	{
	background:#9db3b2;
	color:#9db3b2;
	padding-bottom:5px;
	font-weight:bold;
	display:block;
	}
	
li.subMenuBackColor:hover
	{
	background:#91a3a2;
	color:#90413e;
	font-weight:bold;
	}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/


/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background: transparent;
	border-bottom:1px solid #FFF;
	color: #4e495c;
	text-decoration: none;
	font-weight: bold;
		padding-bottom: 5px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	/*background-color: #33C;*/
	color: #221546;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	/*background-color: #33C;*/
	color: #221546;
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
	display: inline;
	float: left;
	background: #9db3b2;
	}
}
.ie6FixContent
	{
	float:left;
	margin:0;
	width:245px;
	color:#47576b;
	font-size:12px;
	}
.ie6FixContentSecondPage {
	float:left;
	margin:0;
	width:900px;
	color:#47576b;
	font-size:12px;
}
	
.ie6Fix
	{
	float:left;
	margin:0;
	background: transparent no-repeat right;
	}