html 	{ 
	padding:0px;
	margin:0px;
	height:100%;
	}

body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;	
	padding: 0px;
	margin: 0px auto;
	text-align:center;
	}

#page	{
	width: 850px;
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
	height:100%;
	vertical-align: top;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 20px;
	overflow: visible;
	}

#masthead {
	width: 100%;
	padding:10px;
	margin:0px;
	background-color: #FFFFFF;
	height: 78px;
	vertical-align: top;
	background-image: url(/Assets/images/layout/bkgd_masthead.jpg);
	overflow: hidden;
	}
	
.websiteName {
    display: none;
    }

html>body #masthead {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    width: auto;
    height: 35;
	}

#navbar {
	width: 100%;
	padding:0px;
	padding-right: 12px;
	margin:0px;
	background-color: #FFFFFF;
	height:20px;
	vertical-align: top;
	text-align: right;
	background-image: url(/Assets/images/layout/bkgd_navbar.jpg);
	}
	
html>body #navbar {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    width: auto;
	}	

#navigation {
	padding:2px;
    margin:0px;
    text-align: right;
	/*float:left;*/
	}

#navigation li {
	display:inline;
	margin:0px;
	padding:7px;
	border-left: 1px solid #5E93C8;
	}
	
html>body #navigation li {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    padding:5px;
	}

#navigation li a {
	color: #006699;
	font-weight: bold;
	text-decoration: none
	}

#navigation li a:hover {
	text-decoration: underline;
	color: #003366;
	}

#menu {
	width: 100%;
	padding:0px;
	margin:0px;
	background-color: #FFFFFF;
	height:20px;
	vertical-align: top;
	/**background-image: url(/images/layout/bkgd_navbar.gif);**/
	height:auto;
	}

#menuitems {
	padding:0px;
    margin:0px;
	clear: left;
	list-style: none;
	}

#menuitems li {
	margin:0px;
	padding:2px;
	width: auto;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	}
	
#menuitems .menutitle {
	margin:0px;
	padding-top:10px;
	padding-left: 8px;
	width: auto;
	background-color: #FFFFFF;
	color: #FFFFFF;
	border: 0px;
	font-weight: bold;
	background-image: url(/Assets/images/layout/bkgd_menutitle.gif);
	height: 29px;
	}
	
html>body #menuitems .menutitle {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    height: 19;
	}	

#menuitems .menutitle a {
	color: #FFFFFF;
	text-decoration: none;
	width: auto;
	}

#menuitems .menutitle a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	}
		
#menuitems li a {
	color: #0066CC;
	padding: 2px;
	text-decoration: none;
	width: 100%;
	}

#menuitems li a:hover {
	text-decoration: underline;
	color: #0066CC;
	background-color: #CCDDDD;
	}
	
#menuitems li div {
    position: absolute;
    z-index: 1;
	width: 200px;
	padding:2px;
	margin:0px;
	background-color: #FFFFFF;
	height:20px;
	vertical-align: top;
	height:auto;
	visibility: hidden;
	border: solid 2px #CCCCCC;
	}
	
#menuitems li ul {
	padding:0px;
    margin:0px;
	clear: left;
	list-style: none;
	}

#menuitems li ul li {
	margin:0px;
	padding:2px;
	width: auto;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	}	
	
#menuitems li ul li a {
	color: #7C949D;
	text-decoration: none
	}

#menuitems li ul li a:hover {
	text-decoration: underline;
	color: #0066CC;
	background-color: #CCDDDD;
	}
	
.menuItemSelected {
    background-color: #E9E9E9;
}
	

#columns {
	overflow: visible;
	width: 100%;
	/*border: 1px solid red;*/
	}

.onecolumn {
	border-top: 1px dashed #CCCCCC;
	padding:10px;
    margin:0px;
	clear: both;
	/**background-image: url(/images/layout/bkgd_list.gif)**/
	}

.footer {
	padding:5px;
	width: 100%;
	margin:0px;
	clear: both;
	text-align:right;
	color: #FFFFFF;
	height: 25px;
	background-image: url(/Assets/images/layout/bkgd_footer.gif)
	}
	
html>body .footer {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    height: 15;
    width: auto;
	}		

.leftcolumn {
	padding:10px;
    margin:3px;
	width:45%;
	float:left;
	}

.rightcolumn {
	padding:10px;
    margin:3px;
	width:48%;
	border-left: 1px dashed #CCCCCC;
	float:right;
	}

.col1 {
	padding:6px;
    margin:3px;
	width:30%;
	float:left;
	}

.col2 {
	padding:6px;
	margin:3px;
	width:33%;
	float:left;
	border-left: 1px dashed #CCCCCC;
	}

.col3 {
	padding:6px;
    margin:3px;
	width:30%;
	float:right;
	border-left: 1px dashed #CCCCCC;
	}

.sidecolumnLEFT {
	padding:0px;
    margin:0px;
	width:180px;
	float:left;
	/*border: 1px solid red;*/
	}
	
.maincolumnRIGHT {
	padding:10px;
    margin:0px;
	width:670px;
	border-right: 1px dashed #CCCCCC;
	float:right;
	padding-top: 5px;
	/*border: 1px solid red;*/
	}

html>body .sidecolumnLEFT {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    width:180px;
	}
	
html>body .maincolumnRIGHT {
    /* fix for netscape and firefox which add padding, margin, border onto the specified width, thereby making it wider than specified! */
    width:75%;
	}
	
.sidecolumnRIGHT {
	padding:6px;
    margin:3px;
	width:19%;
	float:right;
	}

.maincolumnLEFT {
	padding:10px;
    margin:3px;
	width:75%;
	border-left: 1px dashed #CCCCCC;
	float:left;
	}
	
#homecontent {width: 450px; float: left;}
#homespotlight {float: right; padding: 5px; overflow: visible; width: 180px; text-align: center; border-left: 1px dashed #DDDDDD; text-align: center;}
#specialoffers {margin-top: 10px; color: #3399FF; text-align: center; line-height: 18px;}
#specialoffers a {text-align: center; text-decoration: none; font-weight: bold; color: #3399FF;}
#specialoffers a:hover {text-decoration: underline; color: #0066CC; background-color: #CCDDDD;}