/* CSS definitions for specific div elements */

/***************************************************************/
/* CSS definitions for Master Page Top Level DIV               */
/***************************************************************/

/* required for use with absolute sidebar
#MasterContainer
{
	position:absolute; 
	top: 0px; 
	left: 50%; 
	height:100%; 
	margin-left: -300px; 
	padding-top: 25px;
	padding-bottom: 25px;
	font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
	text-align: left;
}
*/

#MasterContainer
{
	background-color: #D8DCE8;
	height: 100%; 
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}

#MasterContainer A:link
{
	text-decoration: none;
	color: Black;
}

#MasterContainer A:visited
{
	text-decoration: none;
	color: Black;
}

#MasterContainer A:active    
{
    text-decoration: none;
    color: Red;
}

#MasterContainer A:hover 
{
    text-decoration: underline;
    color: Red;
}


/***************************************************************/
/* CSS definitions for Master Page Menu Navigation Bar         */
/***************************************************************/

#MenuPaneContainer
{
	clear: both;
	color: black;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-weight: bold;
}

#MenuPaneContainer #MenuSearch
{
	clear:both; 
	background-image: url(Images/TitleBarBackground-Tall.jpg);
	height: 32px;
}

#MenuPaneContainer #MenuSearch #Menu
{
	float:left; 
	margin-top: 8px;
}

#MenuPaneContainer #MenuSearch #Search
{
	float:right; 
	margin-top: 5px; 
	margin-right: 5px;
}

#MenuPaneContainer #StatusRow
{
	clear:both; 
	margin-top: 5px;
	margin-bottom: 5px;	
	height: 20px;
}

#MenuPaneContainer #StatusRow #CurrentDate
{
	float:left; 
	margin-left: 5px;
}

#MenuPaneContainer #StatusRow #SiteMapPath
{
	float:left; 
	margin-left: 150px;
}

#MenuPaneContainer #StatusRow #Login
{
	float:right; 
	margin-left: 10px; 
	margin-right: 5px;
}

#MenuPaneContainer #StatusRow #Register
{
	float:right; 
	margin-left: 10px; 
	margin-right: 10px;
}

#MenuPaneContainer #StatusRow #ViewCart
{
	float:right; 
	margin-left: 10px; 
	margin-right: 10px;
}


/***************************************************************/
/* CSS definitions for Master Page Splash DIV                  */
/***************************************************************/

#SplashPaneContainer
{
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(Images/Splash/HeaderBackgroundRight.jpg);
	height: 200px;
}

#SplashPaneContainer .splashPane		/* required for asp:Panel control */
{
	background:transparent;
	font-weight:normal;
	font-family: Sans-Serif;
	font-size:small;
}

#SplashPaneContainer #LargeLogo
{
	float:left; 
}

#SplashPaneContainer #SmallLogo
{
	float:left; 
	left: 253px; 
	position: relative;
}

#SplashPaneContainer #Slogan
{
	float:left; 
	position: relative; 
	top: 50px; 
	left: 25px;
}


/***************************************************************/
/* CSS definitions for Master Page Content DIV                 */
/***************************************************************/

/* clear: both and margin-top can not be in same element - Firefox */
#ContentPaneContainerClear
{
	clear: both;
}

#ContentPaneContainer
{
	margin-top: 10px;
	margin-bottom: 0px;
}

#ContentPaneContainer A:link
{
	text-decoration: none;
	color: Blue;
}

#ContentPaneContainer A:visited
{
	text-decoration: none;
	color: Blue;
}

#ContentPaneContainer A:active    
{
    text-decoration: none;
    color: Red;
}

#ContentPaneContainer A:hover 
{
    text-decoration: underline;
    color: Red;
}


/********************************************************************************/
/* CSS definitions for Master Page Footer Coyright/ Terms/ Privacy Notice       */
/********************************************************************************/

/* clear: both and margin-top can not be in same element - Firefox */
#FooterPaneContainerClear
{
	clear: both;
}
#FooterPaneContainer
{
	background-image: url(Images/TitleBarBackground-Tall.jpg);
	height: 32px;
	margin-bottom:0px; 
	margin-top: 15px;
	padding-top: 8px;
    text-align: center;
    font-weight: bold;
}

#FooterPaneContainer #LicenseeCopyright
{
	margin-left: 0px;
}

#FooterPaneContainer #Terms
{
	margin-left:25px;
}

#FooterPaneContainer #Privacy
{
	margin-left:25px;
}


/***************************************************************/
/* Miscellaneous                                               */
/***************************************************************/

#SidebarPanelContainer
{
	margin: 0px 0px 0px 0px;
	position: absolute; 
	top: 375px; 
	left: -30px; 
}

#SidebarPanelContent
{
	padding: 5px; 
	text-align: center;
}

.sidebarPanel
{	 
	background-color:Fuchsia;  
	color:black;
	font-weight:normal;
	font-family: Sans-Serif;
	font-size:small;
}

.ErrorMessage
{
	color: Red;
}

#logo
{
	position: fixed; 
	top: 50px; 
	left: 50%; 
	margin-left: 325px;
}


/***************************************************************/
/* CSS definitions for Home Page Content                       */
/***************************************************************/

#HomePageContentPane
{
	margin-top:100px; 
	margin-bottom:100px; 
	padding-top: 200px; 
	text-align: center;
}

#HomePageContentPane td
{
	width: 300px;
}


/***************************************************************/
/* CSS definitions for Coding Chronology Page Content          */
/***************************************************************/

#CodingChronologyContentPane
{
	margin-bottom:25px; 
	margin-top:25px;
	padding: 10px;	
}

#CodingChronologyContentPane h1
{
	font-size: 20px;
	background-image: url(images/TitleBarBackground-Short.jpg);
	text-align: center;
}

#CodingChronologyContentPane h2
{
	font-size: 20px;
	background-image: url(images/TitleBarBackground-Tall.jpg);
	text-align: center;
}

#CodingChronologyContentPane p
{
	text-align: left;
}

/***************************************************************/
/* CSS definitions for Photo View Page                         */
/***************************************************************/
#PhotoViewContainer
{
	color: White;
}

#PhotoViewContainer A:link
{
	text-decoration: none;
	color: White;
}

#PhotoViewContainer A:visited
{
	text-decoration: none;
	color: White;
}

#PhotoViewContainer A:active    
{
    text-decoration: none;
    color: White;
}

#PhotoViewContainer A:hover 
{
    text-decoration: underline;
    color: White;
}