/*
This file inherits all the styles from DefaultStyle.css
Please make sure that the following import link is present if you want to inherit default styles.
Any changes in fonts, colours, layout, etc. can be done via overriding CSS style elements after the import statement.

Good CSS guide is located at

http://www.htmlhelp.com/reference/css/

*/
@import url(../../DefaultStyle.css);

/* put your changes below this comment */

a:hover,
#LoginStatusString a:hover {
	color: #FF0000;		
}

.ErrorMessage {
	color: #FF0000;		
}

#menu 
{
	color: #2B77BC;		
}
	 
#menu a:hover {
	color: white;
	background: #2B77BC; 
}

#topbar1 {	
	background: url(images/topbg1.gif) repeat-x top;
	color: inherit;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#topbar2 {
	color: #FFFFFF;
	background: url(images/topbg3.jpg) no-repeat top right;
}

#pagehead {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	color: inherit;
	background: top left no-repeat;
	border-bottom: 1px solid #4786C6;	
}

#pagefooter {
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid #4786C6;		
	border-bottom: 1px solid #4786C6;	
	background: #F5F5F5;				
	color: inherit;
	width: 100%;
	text-align:center;
}

.loginBox {
	border: 1px solid #4786C6;			
	background:  #F5F5F5;
	margin-top:  10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#menu {
	font: 100%/22px Verdana, Arial, sans-serif;
	position : absolute;
	margin:0;
	padding: 0;
	font-weight: bold;
	color: #2B77BC;						
	background: inherit;
}

#menu li {
	border: 1px solid #4786C6;			
	float: left;
	width: 8em;
	height: 2em;
	padding:0;
	color: inherit;
	background: #F5F5F5 none;
	text-align: center;
	text-decoration : none;
}

#menu a:hover {
	color: white;
	background: #2B77BC;				
}

#topbar3 {
	background: url(images/topbg3.jpg) no-repeat right;
}