﻿body, a, td, input, div, select, textarea, option {font-family: Georgia, helvetica, verdana, arial, sans-serif;font-size:12px;line-height:15px;}

form	{margin: 0px;padding: 0px;}


body 	{height: 100%;margin: 0px;padding: 0px;} 



.cleaner 				{clear:both;border:none;margin:0px;padding:0px;}

a, a:link, a:visited, a:active, a:hover {color:#840000;cursor:pointer;text-decoration:underline;}
a:hover {color:#170000;text-decoration:underline;}


hr			{background-color:#969eab;border:0px;height:1px;color:#969eab;padding:0px;margin:5px 0px 5px 0px; outline-width:0px;}



.Main			{float:left;width:842px; margin-bottom:25px; overflow:hidden;}
.MainClean		{float:left;width:842px;}
.Main img, .MainClean img		{border-color:#000000;}



td, a, td, input, div, select, textarea, option	{text-align:left;}

.hovermenu			{background-color:#ce7815;border:1px solid #000000; padding:4px; width:155px; text-align:center;}
.hovermenu	a		{color:#000000;}
.backgroundModal	{background-color: #000000;opacity: 0.6;filter: alpha(opacity=60);z-index:100;}



/*body:nth-of-type(1) .WrapperMainSpace	{width:26px;}*/	/* crome hack*/

.Back			{float:left; background:#ffffff url(Images/Back.jpg) top left no-repeat; width:842px; height:600px;}
.Back .BackPad	{float:left; width:755px; height:480px;  overflow:auto; margin-top:40px;margin-left:45px;}

/**************** Begin Centering Divs *******************/
#Wrapper			{margin-left: auto;margin-right: auto;width: 896px;text-align: left;}
#WrapperBack		{float:left;width: 896px;text-align: left;margin:0px;}
#divCenterContainer {float:left;width: 896px;text-align: left;margin:0px;}
.WrapperMainSpace	{float:left;width:25px;}
.WrapperMain		{float:left;width:896px;}

/* ====================== TEXT + HEADERS */
.WarningMessage		{color:#B10103;font-weight:bold;}
a.WarningMessage:link, a.WarningMessage:visited, a.WarningMessage:active,  a.WarningMessage:hover {color:#B10103;font-weight:bold;}
a.WarningMessage:hover {color:#727272;}


.textBoldRed		{font-weight:bold; color:#9a0000;}

h1 			{font-size:22px;font-weight:bold;line-height:25px;padding:0px; margin:0px; color:#170000;}
h2 			{font-size:24px;font-weight:bold;line-height:30px;padding:0px; margin:0px;color:#170000;}
h3, h4, h5	{font-size:16px;font-weight:bold;line-height:18px;padding:0px; margin:0px;color:#170000;}

/**************** START *******************  */

.Start			{float:left;width:842px;height:578px;overflow:hidden;background:transparent url(Images/StartBack.gif) top left no-repeat;}
.Start .Column1	{float:left;width:750px;height:244px;overflow:hidden;margin:46px 0px 0px 46px;}
.Start .Column2	{float:left;width:750px;height:198px;overflow:hidden;margin:56px 0px 0px 46px;}


/**************** ESSAY *******************  */
.Essay			{float:left;width:842px;height:1176px;overflow:hidden;background:transparent url(Images/EssayBack.gif) top left no-repeat;}
.Essay .Column1	{float:left;width:750px;height:244px;overflow:hidden;margin:40px 0px 0px 46px; }
.Essay .Column2	{float:left;width:750px;height:54px;overflow:hidden;margin:53px 0px 0px 46px; }
.Essay .Column3	{float:left;width:750px;height:295px;overflow:hidden;margin:56px 0px 0px 46px;}
.Essay .Column4	{float:left;width:750px;height:295px;overflow:hidden;margin:56px 0px 0px 46px;}
.Essay .Column5	{float:left;width:774px;height:45px;overflow:hidden;margin:31px 0px 0px 46px;text-align:right;}

.Essay div .input	{font-size:11px; border:1px solid #606060; background-color:#ededed; color:#555555; margin:3px 0px 0px 0px; padding:8px;}
.Essay .Text		{color:#555555;}
.Essay .Header		{text-transform:uppercase;font-size:16px;font-weight:bold;}
.Essay div div		{margin-bottom:3px; }

/**************** FOOTER *******************  */
.Footer				{float:left;width:896px; font-size:10px; border-top:1px solid #727272;border-bottom:1px solid #727272;}
.Footer .Back1Txt	{float:left; width:896px; overflow:hidden; margin-top:8px; font-size:10px; color:#838884;}

.Footer .Back1Txt a, .Footer .Back1Txt a:link, .Footer .Back1Txt a:visited, .Footer .Back1Txt a:active, .Footer .Back1Txt a:hover {font-size:10px;color:#838884;cursor:pointer;text-decoration:underline;}
.Footer .Back1Txt a:hover {color:#000000;text-decoration:underline;}


/* ====================== PAGING  */	
.Paging .PrevNext {white-space:nowrap;width:80px;font-size:10px;}
.Paging {margin:8px 0px 5px 0px;  background: transparent url(Images/Paging.png) top right repeat; padding:2px 4px 2px 4px;}
.Paging .Center, .Paging .Center a, .Paging .PrevNext a	{text-align:center;font-size:10px; text-decoration:none;}

/**************** MAIN TEXT BACK *******************  */

.Back1Txt		{float:left; width:730px; overflow:hidden; margin-top:0px;}
.Back1TxtBig	{float:left; width:700px; overflow:hidden; margin-top:0px;}
.ListLink, a.ListLink, a.ListLink:hover, a.ListLink:visited, a.ListLink:link, a.ListLink:active, .ListLink h1	{ text-decoration:none;}



.BackDateTxt	{float:right; color:#969eab; margin-top:2px;}

.ArchiveWrap	{float:left; width:520px;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd; margin-top:20px; padding:5px 0px 5px 0px;}
a.Archive:link, a.Archive:visited, a.Archive:active,  a.Archive:hover {color:#999998;font-weight:bold; text-decoration:none;}
a.Archive:hover {color:#727272;}


/**************** TOP *******************/
.FrameTop		{margin:0px;padding:0px;  background: transparent url(Images/FrameTop.gif) top right no-repeat; width:166px; height:36px;}
.FrameBottom	{margin:0px;padding:0px;  background: transparent url(Images/FrameBottom.gif) top right no-repeat; width:166px; height:36px;}
.FrameMiddle	{margin:0px;padding:0px;  background: transparent url(Images/framemiddle.gif) top right repeat-y; width:166px;}

.FrameTop2		{margin:0px;padding:0px;  background: transparent url(Images/FrameTop2.gif) top right no-repeat; width:166px; height:36px;}
.FrameBottom2	{margin:0px;padding:0px;  background: transparent url(Images/FrameBottom2.gif) top right no-repeat; width:166px; height:36px;}
.FrameMiddle2	{margin:0px;padding:0px;  background: transparent url(Images/framemiddle2.gif) top right repeat-y; width:166px;}

.FrameMiddle img, .FrameMiddle2 img	{margin-left:31px;}

/**************** LIST *******************/
.ListHeader	{background-color:#cccccc; font-weight:bold;}
.List1		{background-color:#ffffff;}
.List2		{background-color:#dddddd;}
.ListFooter	{margin-top:20px; background-color:#dfe3e8;}
.ListFooter td {padding:2px;}









/**************** LIGHTBOX *******************/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(Images/Lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Images/Lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





/**************** TOP *******************/
#Top						{float:left;width:896px; height:122px;background: #ffffff url(Images/Top.gif) top right no-repeat; margin-top:30px;}
#Top .Logo					{float:left;width:420px;}
#Top .Login					{float:left;width:476px; height:64px;}	
#Top .Login table			{float:right; margin:39px 31px 0px 0px; background-color:#ffffff; height:45px;}
#Top .Login table a			{font-size:10px; text-decoration:none;}
#Top .Login table .input	{font-size:11px; border:1px solid #606060; background-color:#ededed; color:#606060; margin-right:10px; padding:4px;}

#Top .Menu		{float:right;width:896px; margin:0px 0px 0px 0px;}
#Top .Menu a	{font-size:12px; font-weight:bold;}
#Top .MenuSpace	{float:right;width:40px;}


#Top .Welcome	{color:#0e7a84; font-size:18px; font-weight:bold;}





/**************** TOP MENU *******************/


.TopMenu
{
margin-top:0px;
float:right; text-align:left;
width:856px;
}


.TopMenu ul.AspNet-Menu li /* Tier 1 */
{	
	height:34px;	
	
}


.TopMenu ul.AspNet-Menu li a /* Tier 1 */
{	
	font-size:12px; 
	padding: 9px 10px 0px 10px;
	text-transform:uppercase; 
	
}






.TopMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    width: 250px;
    top: 100%;
    right: 0;
}

.TopMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    top: 0px;
    right: 250px;
}


.TopMenu ul.AspNet-Menu li li /* all list items */
{
	
    width: 250px;
    background: transparent url(Images/topMenuBackSubOff.gif) top left repeat-x;
    height:28px;
    
}

.TopMenu ul.AspNet-Menu li li a
{
	font-size:11px;
	padding:6px 10px 0px 10px;
	background: transparent ;
	color:#ffffff;
	text-align:right; 
	white-space:nowrap;
	overflow:hidden;
}



.TopMenu li:hover, /* list items being hovered over */
.TopMenu li.AspNet-Menu-Hover
{

}



.TopMenu a /* all anchors and spans (nodes with no link) */

{
    color: #ffffff;

}



.TopMenu li.AspNet-Menu-Leaf a /* leaves */
{
    /*background-image: none !important;*/
}

.TopMenu li:hover a, /* hovered text */
.TopMenu li.AspNet-Menu-Hover a
{
    color:#ffffff;
}


.TopMenu li:hover li a, /* the tier above this one is hovered */
.TopMenu li.AspNet-Menu-Hover li a,
.TopMenu li:hover li:hover li a,
.TopMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a
{
    color: #ffffff;
}


.TopMenu ul.AspNet-Menu li.AspNet-Menu-Selected /* this tier is selected */
{

}




.TopMenu ul.AspNet-Menu li.AspNet-Menu-Selected a /* Tier 1 */
{	
	color:#f2ff00;
}




.TopMenu ul.AspNet-Menu li li.AspNet-Menu-Selected /* all list items */
{

    background: transparent url(Images/topMenuBackSubOff.gif) top left repeat-x;
}


.TopMenu ul.AspNet-Menu li li.AspNet-Menu-Selected a /* Tier 1 */
{	
	
	background: transparent;
	padding: 6px 10px 4px 10px;

}



.TopMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    /*border: solid 1px #ff0000 !important;*/

}







.TopMenu ul.AspNet-Menu li.AspNet-Menu-ParentSelected a,
.TopMenu ul.AspNet-Menu li.AspNet-Menu-ParentSelected a span,
.TopMenu ul.AspNet-Menu li li a span /* Tier 1 */
{	
	color:#ffffff;
	text-align:right;
		background: transparent;
}





.TopMenu ul.AspNet-Menu li li.AspNet-Menu-Selected a /* Tier 1 */
{	
	color:#f2ff00;
}








.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

ul.AspNet-Menu 
{
    position: relative;
}


ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;

}

ul.AspNet-Menu li
{
    position: relative;
    list-style: none;
    float: right;
}

ul.AspNet-Menu li a
{
    display: block;
    text-decoration: none;
}


ul.AspNet-Menu ul, 
ul.AspNet-Menu ul ul, 
ul.AspNet-Menu ul ul ul, 
ul.AspNet-Menu ul ul ul ul, 
ul.AspNet-Menu ul ul ul ul ul, 
ul.AspNet-Menu ul ul ul ul ul ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,

ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,

ul.AspNet-Menu li:hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,

ul.AspNet-Menu li:hover ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul,

ul.AspNet-Menu li:hover ul ul ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul

{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li li li li:hover ul,
ul.AspNet-Menu li li li li li:hover ul,
ul.AspNet-Menu li li li li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li li.AspNet-Menu-Hover ul
{	

    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}





