@charset "utf-8";

/* When editing the body tag, you must also edit the body tag in css/ckeditor_output_xhtml.css, otherwise that file will override this one.  The values need to be the same in both. */
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EBF1FF;
	background-image: url(../images/layout/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
body a:link {
color: #1B488E;
}
body a:visited {
color: #385072;
}
body a:hover {
color: #004FC6;
}
#container {
	width: 980px;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#header {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
}
#header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header #logo {
	border: none;
}
#topnav {
	background-color: #465B92;
	display: block;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/layout/topnav_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topnav ul {
	padding: 0;
	text-align: center;
	margin: 0;
}
#topnav ul li {
	list-style: none;
	display: inline;
}
#topnav ul li a {
	text-decoration: none;
	font-size: 14px;
	display: block;
	clear: none;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AAD2FA;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#topnav ul li a:link, #topnav ul li a:visited {
	color: #FFFFFF;
}
#topnav ul li a:hover, #topnav ul li a#current, #topnav ul li a#current:hover {
	color: #AAD2FA;
}
#topnav ul li a#firstlink {
	border: none;
}
#Search { /*The Search button*/
margin-bottom: -4px;
}
#sidebar1 {
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#sidebar1 h3, #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}

/* Tips for mainContent:

1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.

2. In the Internet Explorer Conditional Comment in the HTML head, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.

*/

#mainContent {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 205px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#footer {
	padding: 20px;
	font-size: 11px;
	overflow: visible;
	background-image: url(../images/layout/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 200px;
	color: #FFFFFF;
}
#footer a {
	padding-left: 4px;
	padding-right: 4px;
	color: #DBDFEA;
	text-decoration: none;
} 
#footer td {
	vertical-align: top;
}        
.specialoffers {
	background-image: url(../images/layout/special_offers_bg.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 735px;
	font-size: 15px;
}
.specialoffersheading {
	font-weight: bold;
	color: #FF7900;
	margin-top: 15px;
}
.specialoffers img {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	margin-right: 35px;
}
.copyright {
	color: #333333;
}
#footer .copyright a {
	color: #000000;
	padding-right: 5px;
}