﻿/*Primary Color: (Headers)
 FFA100  BF8A30  A66900  FFB840  FFCB73 

Secondary Color A:  d (Menu)
 FF3100  BF4B30  A62000  FF6440  FF8E73 

Secondary Color B:   (Sidebar)
 00B74A  228A4C  007730  37DB79  63DB93 

Complementary Color:  (Backgrounds)
 0F4DA8  284B7E  052F6D  437DD4  6A94D4 
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: White;
	margin: 0px;
	padding: 0px;
	font-size: 62%;
	background-image: url('/Content/SiteImages/BackGround.png'); 
	background-repeat: repeat-x;
}

h2
{
	font-size: 2em;
	line-height: 2.5em;
	font-family: 'Times New Roman' , Times, serif;
}
#page
{
	margin: 1px auto;
	width: 80em;
	padding: 1em;
	overflow: visible;
}

#main
{
}

#header
{
    height:105px;
    background-image:url('/Content/SiteImages/Header.png');
    background-repeat:no-repeat;
	padding:1em;
	padding-bottom:0em;
	margin-left:-1em;
	margin-right:-1em;
	margin-top:-1em;
}

#header h1
{
	font-size: 4em;
	font-family: 'Kristen ITC' , 'Times New Roman' , Times, serif;
	background-image: url('/Content/Images/HeaderBG.jpg');
	padding:.2em;
	display:none;
}
#header #UserStatus
{
	float:right;
	background-color:#FFA100;
	margin:1em;
	padding:1em;
	
}
#header #UserStatus ul
{
	list-style-type:none;	
}
#header #UserStatus a
{
	color:black;
	text-transform:uppercase;
}

#menu
{
	height:2.6em;
	list-style-type:none;
	margin:0;
	padding:1px 0;
}

#menu li
{			
	float:left;
	margin:0;
	padding:0;
	width:20%;
}
#menu a
{

	background-color:#BF4B30;
	color:white;
	display:block;
	font-size:10px;
	height:2.4em;
	line-height:2.4em;
	margin:1px;
	position:relative;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

#menu a:hover
{
	background-color:#FF8E73;
	color:Black;
}

#main #Content
{
	width:54em;
	font-size:1.1em;
}
.Section
{
	border:solid 1px #6A94D4;
	margin:1em;
	background-color:White;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#SectionTitle
{
	background-image: url('/Content/Images/SlantLine.png');
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	font-family: 'Times New Roman' , Times, serif;
	background-color: #6A94D4;
	padding-left: 1em;
	font-size: 1.5em;
	padding-top: .1em;
	padding-bottom: .1em;
	font-weight: bold;
	color:White;
}

#SectionContent
{
	padding-top:.2em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
}
#SectionFooter
{
	border-left:solid 1px #6A94D4;
	border-right:solid 1px #6A94D4;
	border-bottom:solid 1px #6A94D4;
	height:1em;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#footer
{
    height:50px;
    margin: 0px;
    clear: both;
    padding: 0px;
    padding-top:15px;
    text-align: center;
    background-image: url('SiteImages/Footer.png');
    background-repeat: repeat-x;
}

#SideBar
{
	float:right;
	width:20em;
}

#SideBar .group
{
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	background-color:#63DB93;		
	margin:.5em;
	padding:.5em;
}
#SideBar .menu
{
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border:solid .1em #228A4C;		
	background-color:#228A4C;
	margin:.5em;
}


#SideBar .Title
{
	font-family: 'Times New Roman' , Times, serif;
	padding-left:1em;
	font-size:1.4em;
	color:White;
	background-image: url('/Content/Images/SlantLineShort.png');
}
#SideBar .Content
{
	background-color:white;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
}

#SideBar .menu ul
{
	padding-top:.5em;
	list-style-type:none;
}
#SideBar .menu li
{
	padding-bottom:.5em;
}
#SideBar .menu a
{
	width: 18.3em;
	display: block;
	color: #A62000;
	text-decoration: none;
	background-color: #DEF8E9;
	padding-left: .5em;
	line-height:2em;
	margin-bottom:.1em;
}
#SideBar .menu a:hover
{
	background-color:#63DB93;
	color:White;
	
}

form.openid ul li.firstsmall{clear:left;}
form.openid ul { text-align:center; list-style-type:none; display:inline;}
form.openid ul li {float:left; padding:1px}
form.openid ul li.highlight { -moz-border-radius:4px; -webkit-border-radius:4px; background-color: #63DB93}
form.openid fieldset {clear:both; padding:1em; background-color:White;}

.display-label
{
	float:left;
}
.display-field
{
	margin-left:10em;
}

.editor-label
{
	float:left;
	margin-top:.2em;
}
.editor-field
{
	margin-left:10em;
	margin-top:.2em;
}

#WebQuestList 
{
	list-style-type:none;
}
#WebQuestList li
{
	border:solid 1px black;
	margin-bottom:.2em;
}

#WebQuestList .Title
{
	background-image: url('/Content/Images/SlantLine.png');
	font-size:1.2em;
	background-color: #6A94D4;
	color:white;
}
#WebQuestList .Hover .Title
{
	background-color: #052F6D;
}
#WebQuestList .Hover .Description
{
	background-color:#FFCB73;	
}
#WebQuestList .Title a
{
	color:white;
	width:100%;
	display:block;
	text-decoration:none;
}



#WebQuestList .Description
{
	font-style:italic;
}

.field-validation-error
{
    color:Maroon;
}