/* body - standard body look */
body {
	background-color: #627d7c;
	color: #003745;
	margin: 0px;
	font-size: 13px;
	font-family: arial, sans-serif;
	text-align: left;
	line-height: 21px;
}
/* This wraps the announcement text */
.homeAnnouncementDiv
{
	padding-top:10px;
}
/* This wraps the announcement text */
.genericAnnouncementDiv
{
	padding-top:20px;
}

/* anchor - standard anchor look and feel  */
a {
	font-size: 13px;
	color: #d84519;
	line-height: 17px;
}
a:hover {
	font-size: 13px;
	color: #66878f;
	line-height: 17px;
	cursor: pointer;
	text-decoration: underline;
}

.solidTableTop {
	z-index: 0;
	background-color: White;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 450px;
}
.gradientBottom {
	background-image: url(../Images/gradation.gif);
	position: absolute;
	left: 0px;
	top: 450px;
	width: 100%;
	height: 250px;
	background-repeat: repeat-x;
}
/*   subnav_on - the sub navigation. This is for the un-selected choices */
.subnav {
	font-size: 12px;
	color: #66878f;
	text-decoration: none;
}
.subnav:hover {
	font-size: 12px;
	color: #66878f;
}
/*   subnav_on - the sub navigation. This is for the selected choice */
.subnav_on {
	font-size: 12px;
	font-weight: bold;
	color: #66878f;
}
.subnav_on:hover {
	font-size: 12px;
	color: #66878f;
}
/*  Scrolling window placement */
#scrollContents {
	overflow: auto;
	position: relative;
	background-color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	line-height: 22px;
}
#scrollHeight {
	height: 428px;
}
#scrollHeightSubmenu {
	height: 400px;
}

/* Size of gap below submenu, before content */
.submenuSpacer {
	padding-bottom: 5px;
}
/*  Places the sidebar hanging on the right */
.rightSidebarDiv {
	z-index: 20;
	position: absolute;
	right: 0px;
	top: 160px;
}
/*  Places the sidebar hanging on the left */
.leftSidebarDiv {
	z-index: 20;
	position: absolute;
	left: 0px;
	top: 160px;
}
/*  hrDirections - the titles for the direction popup */
.hrDirections {
	font-size: 16px;
	margin-top: 25px;
}
/*  hrContact - the rule for the contact us form*/
.hrContact {
	margin-top: 10px;
	margin-bottom: 9px;
	color: #66878f;
}
/*  hrInquiry - the rule for the contact us form*/
.hrInquiry {
	margin-top: 0px;
	margin-bottom: 8px;
	height: 1px;
	color: #66878f;
}
/*
    Sample grantees styles
*/
.grantees_title
{
    padding-bottom:10px;
    color:#d84519;
    font-weight:bold;
}
.grantees_col1 
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	width: 230px;
}
.grantees_col2 
{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	width: 250px;
}
/*
    policies - for handling the link to the website policies page
*/
.policies 
{
    font-size: 10px;
    line-height: 13px;
    color: #a6b5b5;
}

.policies:hover 
{
    font-size: 10px;
    line-height: 13px;
    color: #003745;
}
/* Print View text link styles
    description: print view text link - normal and hover states 
*/
.printView {
	font-size: 10px;
	color: #66878f;
	margin-bottom: 14px;
}
.printView:hover {
	font-size: 10px;
	color: #003745;
	cursor: pointer;
}
/*
    Print page styles
        printTableDiv places the content on the page
        printTitle places the sub title
        printCopyright places the copyright line
*/
.printBody {
	background-color: white;
}
.printLogo {
	padding-bottom: 15px;
}
.printTableDiv {
	padding-top: 30px;
	padding-left: 15px;
	width: 502px;
}
.printTitle {
	padding-top: 20px;
	padding-bottom: 20px;
}
.printCopyright {
	font-size: 10px;
	line-height: 21px;
	padding-top: 30px;
}
.sideAnnouncementDiv {
	position: absolute;
	z-index: 15;
	left:40px;
	top: 470px;
}

/* Main menu placement stuff
    mainMenuDiv places the overall control
    mainMenuTable places the contained table (moves with resize)
    mainMenuLogo places the Raikes logo within the table
*/
.mainMenuDiv {
	position: absolute;
	z-index: 15;
	left: 8px;
	top: 0px;
}

.mainMenuTable {
	position: absolute; /* required for zindex to work */
	z-index: 10;
}
.mainMenuLogo {
	height: 53px;
	padding-left: 32px;
	padding-top: 52px;
	padding-bottom: 55px;
}
/* 
    aboutBullets
    handles display of the bulleted items in the about us mission statement
*/
.aboutBullets {
	list-style: disc;
	padding: 0px;
	margin: 0px;
	margin-left: 40px;
	line-height: 21px;
}
/* copyright 
    handles display of the copyright and the photo credit text
*/
.copyright {
	font-size: 10px;
	line-height: 13px;
	color: #a6b5b5;
	text-align: right;
	padding-right: 5px;
}
/* Home page styles:
    homeImageDiv - how the background image from the home page is placed
    homeAnnounceDiv - how the announcement text is placed
    homeContentWindow - places the contents of the rounded window
    homeCenterContentDiv - places the main content - all but the side menu, sidebar, and background
*/
.homeIconDiv {
	z-index: 40;
	position: absolute;
	left: 850px;
	top: 355px;
}
.homeImageDiv {
	position: absolute;
	left: 0px;
	top: 0px;
}
.homeAnnounceDiv {
	width: 425px;
	position: absolute;
	top: 470px;
	left: 45px;
}
.homeContentWindow {
	background-color: White;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	width: 259px;
}
#homeCenterContentDiv {
	z-index: 5;
	position: absolute;
	left: 498px;
	top: 141px;
}
/*  Secondary page styles:
    secondaryCenterContentDiv - places the main content - all but the side menu, sidebar, and background
    secondaryContentCell- places the content within the rounded window
    secondaryContentTable - set the table that own interior content on secondary page 
    secondaryQuote - places the quote graphic
*/
#secondaryCenterContentDiv {
	/*
    z-index:5;
*/    
    visibility: hidden;
	position: absolute;
	top: 50px;
}
.secondaryContentCell {
	background-color: White;
	padding-left: 25px;
	padding-right: 25px;
}
.secondaryContentTable {
	width: 539px;
}
.secondaryQuote {
	vertical-align: top;
	padding-bottom: 30px;
	text-align: right;
}
/*
    On the Contact Us page, these styles handle the little blurb about
    the admin offices. There's an anchor, so we need to have it as well.
*/
.contactoffices {
	font-size: 11px;
	line-height: 12px;
}
.contactoffices a {
	font-size: 11px;
	color: #d84519;
}
.contactoffices a:hover {
	font-size: 11px;
	color: #66878f;
}
.contactaddress {
	font-size: 13px;
	line-height: 17px;
}
/*
    These classes address the way the internal photos are formatted.
    photoalignright moves the photo to the right side, with text flowing around it
    photoalignright2 moves the photo to the right side, with text flowing around it, and gives a little room on the right
    photocaption is the caption for the photo
    photorule is the thin line beneath it.
*/
.photoalignright
{
    text-align: right;
    float: right;
    margin-left: 15px;
    margin-right:0px;
}
.photoalignright2
{
    text-align: right;
    float: right;
    margin-left: 15px;
    margin-right:5px;
}

.photocaption
{
    text-align:left;
	font-size: 10px;
	line-height: 11px;
}
.photorule
{
    width:230px;
}

/*
    For our forms, here's how the title sections and the input buttons format
*/
.formtitle {
	vertical-align: middle;
	width: 225px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 3px;
}
.formtext {
	width: 270px;
	vertical-align: middle;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 6px;
}
.formtextbox {
	width: 230px;
}
.formtextboxzip {
	width: 157px;
}
.formtextboxbux {
	width: 220px;
}
.formErrorSpan {
	width: 200px;
	color: #d84519;
	font-weight: bold;
	text-align: right;
	padding-bottom: 10px;
}
.formErrorMessage {
	font-size: 13px;
	color: #d84519;
	line-height: 14px;
}
.bigerrortext {
	font-size: 17px;
	color: #d84519;
}
input.btnSubmit {
	color: #003745;
	font-size: 84%;
	font-weight: bold;
	background-color: #CCCCCC;
	border: 1px solid;
	border-top-color: #9297a3;
	border-left-color: #9297A3;
	border-right-color: #595f6f;
	border-bottom-color: #595F6F;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#CCCCCC');
}
input.btnSubmithov {
	color: #d84519;
	border-top-color: #f4a977;
	border-left-color: #f4a977;
	border-right-color: #ea6d1f;
	border-bottom-color: #ea6d1f;
}
/*
    orangeBox - for debugging only, this will show up in case a content file is missing
*/
.orangeBox {
	background-color: Orange;
	height: 370px;
}

.flexcroll {
	visibility: visible;
}
.announce  {
	color: #003745;
    text-decoration:none;
}
.announce:hover {
	color: #d84519;
}

.homeAnnounceDiv a:hover
{
   color:#003745;
}