/* CSS Document */

body{background-color:#cccccc; padding:10px; margin:10px;
		/*background-image:url(/greatdates/_images/layout/slice.jpg); background-repeat:repeat-x; background-position:top; */
		font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;padding:5px; margin:5px}


.rightSlice{background-image:url(/_maiImages/layout/sideGradientRight.jpg); background-position:top; background-repeat:no-repeat}
.leftSlice{background-image:url(/_maiImages/layout/sideGradientLeft.jpg); background-position:top; background-repeat:no-repeat}


#WRAPPER{float:left; width:100%}
#SHELL{width:845px; text-align:left}	


#TOP_MENU{float:left; width:100%; background-color:#112434; color:#ececec; padding:5px 0px 5px 0px;	}
	/*#TOP_MENU a{color:#ECECEC; text-decoration:none; margin:5px 5px 5px 5px}
	#TOP_MENU a:hover{color:#FFFFFF; text-decoration:underline}
	#TOP_MENU a:visited{color:#CCCCCC}*/

#CONTENT{float:right; width:800px;  background-color:#F3F9FE; margin-left:42px;
background-image:url(/_maiImages/layout/sb_gradient.jpg); background-repeat:repeat-x}


#FLASH{margin:0px; padding:0px}


#MAIN{float:left; width:539px; background-color:#FFFFFF; border-right:thin solid #112434;
		border-left:thin solid #ececec;
		}
	#MAIN_WIDE{float:left; width:700px; background-color:#FFFFFF; border-right:thin solid #112434;}

	#MAIN_HEADER{float:left; width:100%}

	#HEADER_IMAGE{ float:left; width:250px; padding:0px;}
	#HEADER_TITLE{ float:right; margin-top:50px;  text-align:right;vertical-align:bottom; width:275px;
				font-weight:bold; padding:5px;  color:#660000; font-size:1.6em; font-family:Verdana, Arial, Helvetica, sans-serif}

#SUB_MENU{float:left; width:100%; padding:5px 0px 5px 0px;	  background-color:#ececec; border:thin solid #112434; border-width:1px 0px 1px 0px; color:#660000}
	#SUB_MENU_WIDE{float:left; padding:5px; width:790px;  background-color:#ececec; border:thin solid #112434; border-width:1px 0px 1px 0px; color:#660000}

	#SUB_MENU a, #SUB_MENU_WIDE a {margin:5px; color:#660000}
	#SUB_MENU a:visited, #SUB_MENU_WIDE a:visited{color:#660000}

#MAIN_BODY{ float:left; width:90%; padding:15px;}
	#MAIN_BODY h1{font-size:1.6em; margin:15px 0px 5px 0px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000033}
	#MAIN_BODY h2{font-size:1.4em; margin:20px 0px 1px 0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000066; border:thin dotted #CCCCCC; border-width:0px 0px 1px 0px}
	#MAIN_BODY h3{font-size:1.2em; font-weight:bold}

	#MAIN_BODY a{color:#660000}
	#MAIN_BODY a:visited{ color:#666666}


#MENU{	float:left; 
		width:250px; padding:0px; margin:45px 0px 0px 5px; 
		font-weight:bold; font-size:1.2em; 
		}

	#MENU h1{color:#CCCCCC; background-color:#330066; margin:10px 0px 0px 0px; padding:3px; font-size:1.1em; width:230px}
	#MENU a.special{	font-weight:bold;}
	
	#MENU p{font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:1.1em; 
			font-weight:bold;
			padding:0px; margin:10px 0px 0px 0px}
	
	#MENU ul{ 
		border:thin solid #999999; border-width:1px 0px 0px 1px; padding:5px 10px 10px 25px; margin:3px 5px 0px 15px;
		background-image:url(/_maiImages/layout/li_gradient.jpg); background-repeat:repeat-x; 
		border-left-color:#e2ecf4; border-color:#b7cbdc;}

	#MENU li{font-size:.9em; list-style-type:circle}
	
	#MENU a{text-decoration:none;  color:#000066}
	#MENU a:hover{color:#660000; text-decoration:underline}
	#MENU a:visited{color:#333333}


#topsidebar{float:left; font-size:1.4em; width:150px;  border:thin solid #112434; padding:10px; margin:10px 5px 25px 5px; }
#topsidebar a{color:#000066; display:block}

#CRUMB{float:left; width:790px; margin-left:42px; background-color:#000033; padding:5px}
	#CRUMB a, #CRUMB a:visIted{color:#ececec;}

#FOOTER{ float:left; width:794px; margin-left:41px; color:#333333; background-color:#ececec; text-align:center; padding:3px}


.wide{width:700px; border:thin solid #CC0000}
.narrow{width:75px}


form{}
/*
select,input{font-size:.8em; background-color:#F3F9FE; border:thin solid #000066; border-width:1px 2px 2px 1px}
*/
.isButton{cursor:pointer}

.tableBorder{border:thin solid #000000}



#catalog{float:left; 
	background-image:url(/_maiImages/front/rightBarFade2.jpg);  background-position:top;  background-repeat:repeat-x; background-color:#Efefef;
	border:thin solid #cccccc; border-width:0px 1px 1px 1px; width:100%;
	
	}

	#catalogTitle{float:left;  width:250px;
		font-size:1.4em; color:#660000; font-style:italic; font-weight:bold; 
		margin:3px 0px 3px 10px}
		


	#catalogImage{float:left; width:200px; padding:10px}
	#catalogDetails{float:left; vertical-align:bottom; width:250px; font-size:.9em; font-weight:bold; margin-left:10px;}

	#catalogContent{margin:20px 10px 20px 10px}
	#catalogContent h2{float:left;  width:100%;
		font-size:1.2em; color:#660000; font-style:italic; font-weight:bold; 
		margin:10px 0px 0px 0px}

div.calendarContainer{float:left; width:100%;}		
div.calendarHeader{float:left; width:100%; font-weight:bold; font-size:1.8em; margin-bottom:10px; border-bottom:thin solid #660000}		

div.calendarEventContainer{float:left; width:100%; background-color:#cccccc; padding:5px; margin:5px 0px 10px 0px;font-style:italic;}

	div.calendarEventHeader{font-weight:bolder; font-size:1.2em; padding:5px;}
		div.calendarEventDate{float:left;color:#660000;}
		div.calendarEventIcon{float:right}
	
	div.calendarEventBody{float:left; padding:5px; width:100%}
		div.calendarEventBody p { padding:2px}