/*--------------------------------
SS Catering - 
--------------------------------- */

/* HTML Elements Standard ____________________________________ */
body { 
	background: #D8D5BC url(/UserUploadImages/system/body-bg.gif) top left repeat-x;
}

html,body,form, p, div {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border: 0; margin:0px; padding:0px;
}

		a.AddCMSSysMain, a.AddCMSSysMainSelected { height: auto !important; }


/* Layout Elements ____________________________________ */

.mainTopShadow {
	background: url(/UserUploadImages/system/mainBody-top-shdw.gif) bottom left no-repeat;
	width:960px;
	height:2px;
	margin:32px auto 0 auto;

}
.mainLeftShadow {
	background: url(/UserUploadImages/system/mainBody-left-shdw.gif) top left repeat-y ;
	width:10px;
	height:696px;
	float:left;

}
.mainRightShadow {
	background: url(/UserUploadImages/system/mainBody-right-shdw.gif) top left repeat-y ;
	width:10px;
	height:696px;
	float:left;

}

#mainContentWrapper{
	width: 960px;
	margin:0px auto;
	background:url(/UserUploadImages/system/InnerContentWrapper-BG.gif) bottom center repeat-y;

}

#InnerContentWrapper {
	width: 900px;
	margin:0px auto;
	padding: 20px;
	float:left;
	
	 
}

#header { 
	width: 900px;
}

#header img { display: block;}

	#header #logo { 
	padding: 0px;
        margin:0;
	border-right:1px solid #fff;
	width:199px;
	height:89px;
	overflow: hidden;
	 float:left;
	 background:#F0D66E;
	}

	#header .headerRightPanel {
	background: url(/UserUploadImages/system/header-bg.gif) top left no-repeat;
	width:700px;
        _width:699px;
        display: block;
	height:89px;
	 float:right;
         overflow:hidden;
	}

/* Start page items */

.bannerWrapper {
	width: 900px;
	height:188px;
	float:left;
	margin-bottom:20px ; 
	
	clear:both;
	--------overflow:hidden; 
}

.bannerWrapper .banner {
	width: 208px;
	height:188px;
	float:left;

}	

		.bannerMarginRight {
		margin-right:3px;
		
		}
 
.bannerWrapper .bannerInfo {
color: #252525;
float:left;	
width: 448px; /* 478px; */
height: 138px; /* 188px; */
margin-right:3px;
padding:25px 15px 25px 15px;

background: url(/UserUploadImages/system/banner-box1-bg.gif) top left repeat-x;
font-size:12px; 
}
 
.bannerWrapper .bannerInfo h1 {
color: #151515;
font-size:30px;
margin:0px; 
padding:0px;
padding-bottom:9px;
}

.bannerInfo .Link {
background: url(/UserUploadImages/system/arrow.gif) left no-repeat;
padding-left:12px;

}

.bannerWrapper .bannerInfo a {
color: #D05307;
text-decoration:underline;
}
.bannerWrapper .bannerInfo a:hover {
color: #000;
text-decoration:none;
}



.clear {clear:both; }
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */




 
.ContentWrapper {
clear:both;
width: 900px;
height:auto;
margin:0px auto; 
}

 


.BoxWrapper  {
color: #4B4B4B;
width:197px;
overflow: hidden;  
float:left;
color:#384145;
font-size:12px;

/* margin:0px 14px; */
background:#FFFFFF;
overflow:hidden;
}

.boxMargin1 {
padding: 0px 14px 0px 14px;
}
.boxMargin2 {
padding: 0px 0px 0px 14px;
}



.BoxWrapper .box1Description {
background:url(/UserUploadImages/system/box1-hd-bg.gif) top left no-repeat; 
padding:0px;
 
color:#4A4A4A;
font-size:12px;
}

.boxHR {
background:#000000;
height:8px;
margin-bottom:10px;
clear:both;
font-size:1px;
line-height:0;
}

.BoxWrapper .box1Description h2 {
color:#423400;
font-size:20px;
margin:0px; 
padding:0px;
padding-bottom:9px;

}

.box1Description .Link {
background: url(/UserUploadImages/system/arrow-2.gif) left no-repeat;
padding-left:12px;

}


.BoxWrapper   a  {
color:#D05307;
text-decoration:underline;
}
.BoxWrapper a:hover {
color:#000000;
}


.BoxWrapper .box1Image  {
padding:23px 0 23px 0;
}

.BoxWrapper .box2Image  {
padding:23px 0 23px 0;
}

.BoxWrapper .box3Image  {
padding:23px 0px 23px 0px;
}


/* Footer *----------------------------*/

.footer {
clear:both;
font-size:13px;
color:#333333;
text-align:center;
background:url(/UserUploadImages/system/mainBody-footer-shdw.gif) top left no-repeat;
width:960px;
padding-top:13px;
padding-bottom:2px;
margin-bottom:32px;
margin:0px auto;
}
.footer a {
color:#D05307;
text-decoration:underline;
}
.footer a:hover {
color:#D05307;
text-decoration:none;
}

 
 

/* sub page  ____________________________________ */

 

.subpageContentWrapper {
clear:both;
width: 900px;
margin:0px auto;
}


#breadcrumb {
padding:4px;
color:#BBBBBB;
font-size:9px;

}
#breadcrumb a {
color:#BBBBBB;
text-decoration:none;
}
#breadcrumb a:hover {
color:#000;
text-decoration:none;
}



#LeftpanelWrapper {
width:210px; 
padding:0 !important;
float:left;
margin:0 0 0 0 !important;

}
 
.LeftNavigation {
font-size:13px;
color:#030303;
width: 185px;
margin:0 !important;
padding:20px 0 20px 25px !important;
background:url(/UserUploadImages/system/p2-leftNav-bg.gif) top left repeat-x;
}

.LeftNavigation .AddCMSSysMainSelected { display: none !important; }


.LeftNavigation ul {
margin: 0px !important;
padding:0 !important;
list-style:none;
}

.LeftNavigation ul ul ul {
margin: 0px !important;
padding:0 0 0 7px !important;
list-style:none;
}

.LeftNavigation ul li {
list-style:none;
padding:0 !important;
margin:0 !important;
display: inline;
color:#030303;
}

.LeftNavigation ul li a {
padding:3px 3px 3px 12px !important;
background:url(/UserUploadImages/system/arrow-2.gif) no-repeat left center;
margin:0 !important;
display:block;
color:#030303;
text-decoration:none;
}


.LeftNavigation ul li a:hover, .LeftNavigation .AddCMSSysSubSelected {
color:#B9642E;
padding:1px;

}
 
		
.LeftNavigation2 {
background:#FAE075;
margin-top:13px;
}

		.LeftNavigation2 ul {
			margin: 0px;
			padding:13px 0 13px 35px;
			background:url(/UserUploadImages/system/leftnav-border.gif) top center no-repeat;
			}

		.LeftNavigation2 li {
		font-size:13px;
		color:#030303;
		
		list-style:none;
		background:url(/UserUploadImages/system/leftnav-border.gif) bottom center no-repeat;
		padding:1px;
		 
		list-style-image:url(/UserUploadImages/system/arrow-2.gif);
		}
		.LeftNavigation2 li a {
		padding:1px ;
		display:block;
		color:#030303;
		text-decoration:none;
		}
		.LeftNavigation2 li a:hover{
		color:#B9642E;
		padding:1px ;
		
		}	


  
 
/* -------------------- */
 
#MainBodyText {
float:left;
width:413px;
color:#252525;
font-size:12px;
text-align:justify; 
padding: 0 0 0 25px;
 
}


#MainBodyText h1 { 
color:#151515;
font-size:30px;
font-weight:bold;
padding-top:0px;
margin:0px 0 5px 0;

}
			#MainBodyText h2 { 
			color:#423400;
			font-size:14px;
			font-weight:bold;
			padding-top:0px;
			margin-top:0px;
			
			}
			#MainBodyText .subContent{ 
			color:#4A4A4A;
			font-size:12px;
			font-weight:normal;
			padding-top:0px;
			margin-top:0px;
			
			}
			.subContent .subContentImg {
			float:left;
			padding: 0 10px 10px 0px;
			
			}
			
			
 
 
 
 


/************ Right Panel ****************/

#RightPanel {
border-left:1px solid #999999;
 
float:right;
margin-left:30px !important; margin-left:20px;
padding-left:7px;

}
.FloatLeft { 
float:left;
}
 


.RightPanelBoxWrapper  {
color: #4B4B4B;
width:197px;
clear:both;
float:left;
color:#384145;
font-size:12px;
 
background:#FFFFFF;
overflow:hidden;
padding-bottom:6px;
margin-left:12px;
}

 
.RightPanelBoxWrapper .box1Description {
background:url(/UserUploadImages/system/box1-hd-bg.gif) top left no-repeat; 
padding:0px;
 
color:#4A4A4A;
font-size:12px;
}
 
.RightPanelBoxWrapper .box1Description h2 {
color:#423400;
font-size:20px;
margin:0px; 
padding:0px;
padding-bottom:5px;

}

.box1Description ul {
 color:#D05307;
 font-size:12px;
 list-style-position:inside;

 padding:0px;
 padding-bottom:0px;
 margin-bottom:7px;
 
}

ul.pdfLink { list-style:none; margin:0; padding:0 0 8px 0; }

.pdfLink li {
 color:#D05307;
 padding:0 !important;
 margin:0;
 list-style:none;
 display: inline;
 font-size:12px;
}

.pdfLink li a {
 color:#D05307;
 margin:0;
 list-style:none;
 display: block;
 padding:0 0 0 18px !important;
 background: url(/UserUploadImages/system/rightpanel-bullet-ico.gif) no-repeat left center;
 text-decoration:underline;
 
}
.pdfLink li a:hover {
 color:#000;
}
 
.FloatRight {
float:right;

}






.RightPanelBoxWrapper .box1Description .Link {
background: url(/UserUploadImages/system/arrow.gif) left no-repeat;
padding-left:12px;

}


.RightPanelBoxWrapper   a  {
color:#D05307;
text-decoration:underline;
}
.RightPanelBoxWrapper a:hover {
color:#000000;
}

.RightPanelInput {
width:193px;
height:16px;
border:1px solid #CACACA;
margin:3px 0 3px 0;

}


/* Navigation Menu  ____________________________________ */

#navigation  {
height: 34px;
width: 900px;
margin:3px 0 0 0;

float:left;
background: url(/UserUploadImages/system/navigation-bg.gif) top left repeat-x;
}
#subpageNavigation  {
height: 34px;
width: 900px;
margin:3px 0 0 0;

float:left;
background: url(/UserUploadImages/system/navigation-bg.gif) top left repeat-x;
}

#navigation ul, #subpageNavigation ul {
padding: 0px;
margin:0px;
}

#navigation ul li{
display:inline; 
list-style: none;
}

#navigation ul li a{
	color:#fff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	
	text-align: center;
	text-decoration: none;
	
	padding: 9px 16px 9px 16px; 
	 
	background: url(/UserUploadImages/system/navigation-bg.gif) top left repeat-x;
	border-right:2px solid #FFFFFF;
}

#navigation ul li a:hover{
	color: #000000;
	background: url(/UserUploadImages/system/navigation-hover.gif) top left repeat-x;
}

#navigation ul li .AddCMSSysMainSelected  {
	color: #000000;
	background: url(/UserUploadImages/system/navigation-hover.gif) top left repeat-x;
}