﻿/* ########### HOME PAGE ELEMENTS ########## */

#containerHome
{
	height:500px;
	background: #ffffff;
	margin-left:auto;
	margin-right:auto;
}

#topbar
{
	height:30px;
	background-color:#ffbed8;
	float:left;
}
#footerHome
{
	float:left;
	width: 860px;
    height: 80px;
    background: url('images/footerBG.gif') repeat-x;
    text-align: center;
    padding-top:10px;
    
}

#logo
{
	width: 369px;
	position:relative;
	top: -11px;	
}

#hmtxtcontainer
{
	width:345px;
	/*border:solid 1px pink;*/
	position:relative;
	left:22px;
}

#hmimgcontainer
{
	width:450px;
	height:250px;
	background-color:Silver;
	overflow: hidden;
}

#mainmenu
{
    clear: both;
	height: 130px;
}

#logo
{
    width: 326px;
    height: 93px;
    position: relative;
    float: left;
    margin-top: 11px;
}

/* ############## LAYOUT ELEMENTS ############### */

body 
{
	background-image:url('images/bgPattern.jpg');
	font-family: Corbel;
	font-size:10pt;
	color:#6F5644;
}

pre{
    font-family: Corbel;
	font-size:10pt;
	color:#6F5644;
	width: 350px;
}

#content
{
	width: 860px;
	padding: 20px;
	background: #ffffff;
	position: relative;
}

#login
{
	float:right;
	margin-right:15px;
	margin-top: 3px;
}
.login
{	
	border-collapse:collapse;
	border-style:none;
	color:#6F5644;
	background-color: #F7D7D4;
	margin-left:auto;
	margin-right:auto;
	
}
.loginHeader
{
	font-family:Kristen ITC;
	font-size:xx-large;
	color:White; 
	background-color: #6F5644;

}

.noBorder
{
	border: 0px;
}

#header 
{
    height: 140px;
    background: url('images/HeaderBG.gif') repeat-x;
    background-color: #F9E8F9;
}

#container 
{
	margin-left: auto;
	margin-right: auto;
}
.faq
{
	
}
.faq p
{
	width: 600px;
	background-color: #EEE5DD;
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px;
}

#footer
{
	float:left;
	width: 880px;
    height: 85px;
    background: url('images/footerBG.gif') repeat-x;
    text-align: center;
    padding: 10px;
}

/* ################ LINKS ############ */

a.menu
{
	font-family: Arial Rounded MT Bold;	
	font-size: 18pt;
	color: #445f05;
	text-decoration: none;
}

a.menu:hover
{
	color: #5f0f3e;
}

a.menu1
{
	font-family: Arial Rounded MT Bold;
	font-size: 14pt;
	color: #445f05;
	text-decoration: none;
}

a.menu1:hover
{
	color: #5f0f3e;
}

a
{
	color: #1F3F02;
}

a:hover
{
	color: Gray;
}

a.link 
{
	color: #6F5644;	
}

a.category
{
    font-size: 12pt;
    padding: 6px;
	color: #1F3F02;
}

a.category:hover
{
	color: Gray;
}

/* ################ TEXT ############ */

h1
{
	font-family: Calibri;
    font-size: 20pt;
}

h2
{
	font-family: Calibri;
    font-size: 14pt;
}

.bold
{
    font-weight: bold;
}

/* ################ SHARED PROPERTIES ############ */

#containerHome, #topbar, #footerHome, #mainmenu, #header, #container
{
    width: 900px;
}

/******************** GridView Style *************************/

.alt
{
    background-color: #F7D7D4;
}

.row
{
    background-color: #ffffff;
}

.header
{
    background-color: #6F5644;
    font-weight: bold;
    color: #FFFFFF;
}

.GridView
{
    background-color: White;
    border: solid 1px #A1625B;
    color: #A1625B;
}

.SelectedRowStyle
{
    background-color: #CE5D5A;
    font-weight: bold;
    color: White;
}

#divFonts{
    padding: 4px; width: 80px; height: 16px; overflow: hidden; background-color: #f7d8f7; border: solid 1px #ea79ea;
    position: absolute;
    right: 5px;
}

#divFonts:hover{
     width: 500px;
     height: 300px;
     z-index: 1;
}