body {
	background-color: #EEEEEE;
	margin: 0px; font-family: 'Open Sans', sans-serif; width:100%; font-size:.85em;
}
#box {
	max-width:1000px;
}

#headername {
	background-color: #42a2ce;
	margin: 0px; width:100%; 
}
div.headername {width:100%; min-height:100px; background-color:#0c6b97;
}
div.headername h2{ font-family: 'Marck Script', cursive; font-size:2.1em; font-weight:normal; color:#FFFFFF;}
div.logo_headername {
width:60px;
float:left;
text-align:left;
vertical-align:middle; padding: 25px 0 0 0;
}
div.text_headername {
width:100%; padding:4px;
float:left;
text-align:left;
vertical-align:middle;
}
div.text_headername h2{ font-family: 'Marck Script', cursive; font-size:2.1em; font-weight:normal; padding:0 0 0 0; color:#FFFFFF;}
div.telephone_headername{
width:340px;
float:right;
text-align:right;
vertical-align:middle; padding: 40px 0 10px 0; color:#FFFFFF;
} 
div.telephone_headername a{ color:#FFFFFF;}

h1 {font-family: 'Marck Script', cursive; font-size:1.8em; font-weight:normal; color:#0c6b97; }
h2 {font-size:1.5em;color:#333333;}
h3 {font-size:1.35em;color:#0c6b97;}
h4 {font-size:1.1em;color:#000000;}
h5 {font-size:1em;color:#0c6b97;}


#topbanner-home {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-home.jpg) no-repeat;}
#topbanner-home h1 {margin:0;padding:0;text-indent:-9999px}
#topbanner-lupe {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-lupe.jpg) no-repeat;}
#topbanner-lupe h1 {margin:0;padding:0;text-indent:-9999px}
#topbanner-rosa {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-rosa.jpg) no-repeat;}
#topbanner-rosa h1 {margin:0;padding:0;text-indent:-9999px}
#topbanner-rosy {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-rosy.jpg) no-repeat;}
#topbanner-rosy h1 {margin:0;padding:0;text-indent:-9999px}
#topbanner-hector {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-hector.jpg) no-repeat;}
#topbanner-hector h1 {margin:0;padding:0;text-indent:-9999px}
#topbanner-cis {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-cis.jpg) no-repeat;}
#topbanner-cis h1 {margin:0;padding:0;text-indent:-9999px}
#topbanner-sylvia {width:751px;height:279px;background:   url(images/lupe-ruiz-topbanner-sylvia.jpg) no-repeat;}
#topbanner-sylvia h1 {margin:0;padding:0;text-indent:-9999px}

#header1 {width:241px;height:64px;background:   url(images/lupe-ruiz-notary-public.jpg) no-repeat;}
#header1 h2 {margin:0;padding:0;text-indent:-9999px}
#header2 {width:238px;height:64px;background:   url(images/lupe-ruiz-income-taxes.jpg) no-repeat;}
#header2 h2 {margin:0;padding:0;text-indent:-9999px}
#header3 {width:236px;height:64px;background:   url(images/lupe-ruiz-more-services.jpg) no-repeat;}
#header3 h2 {margin:0;padding:0;text-indent:-9999px}

a#notary{background:  url(images/need-a-notary.jpg) no-repeat; width:241px;height:77px; text-indent:-9999px;text-decoration:none;display:block;}
a#notary:hover {background:  url(images/need-a-notary.jpg) 0 0px  no-repeat; }
a#dmv{background:  url(images/dont-wait-in-line.jpg) no-repeat; width:241px;height:77px; text-indent:-9999px;text-decoration:none;display:block;}
a#dmv:hover {background:  url(images/dont-wait-in-line.jpg) 0 0px  no-repeat; }
a#home{background:  url(images/need-a-home.jpg) no-repeat; width:241px;height:77px; text-indent:-9999px;text-decoration:none;display:block;}
a#home:hover {background:  url(images/need-a-home.jpg) 0 0px  no-repeat; }

/* Navigations
---------------------------------------- */

/* Primary navigation */

nav.primary {
	width:100%; height:50px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	background-color:#104e6a;
	border:0px solid #ccc;
	border-bottom-color:#aaa;
	border-radius:2px;
	color:#FFF;
	cursor:pointer;
	font-weight:700;
	margin:0;
	padding:2px 2px;
	text-decoration:none;
	text-shadow:0 1px 0 #000;
	white-space:nowrap;
	vertical-align:middle;
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none; z-index:2000;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	background: url(images/menu-ddbg.png) repeat;
	position:		absolute;
	top:			-999em;
	width:			202px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu ul li ul{
	background-color:#1872a1;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		2000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			202px; /* match ul width */
	top:			5;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			202px; /* match ul width */
	top:			0;
}


/* Our skin for dropdown menu */
.sf-menu {
	float: left;
}
.sf-menu a {
	text-decoration: none;
	color: #FFF;
}

.sf-menu li {
	padding: 0 2px 0 0;
}

	.sf-menu li a {
		background: url(images/menu-act.gif) repeat-x 0% -50px;
		height: 50px;
		padding: 0 4px 0 4px;
		line-height: 50px;
		border-right:#FFF 1px solid;
		font-size: 10px; color:#FFF;
	}
	.sf-menu li a:hover a:active {color:#fff;
	background-color:#155c7c;
	}

.sf-menu li li {
	background: url(images/menu-line.gif) repeat-x 0% 0%;
	padding: 0;
}

	.sf-menu li li:first-child {
		background: none;
	}

	.sf-menu li li a {
		background-color:#3ec1f5;
		height: auto;
		padding: 0 10px 0 10px;
		line-height: 30px;
		font-size: 10px;
		color: #FFF;
	}

.sf-menu li li li {
	background: url(images/menu-line.gif) repeat-x 0% 0%;
	padding: 0;
}

.sf-menu li:hover > a, .sf-menu li.sfHover > a,
.sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu > li.current-menu-item > a {
	background-position: 0% 0%;color:#fff;
	background-color:#155c7c;
	outline: 0;
}
	
	.sf-menu > li:first-child > a {
	}

	.sf-menu > li.current-menu-item:first-child > a { color:#fff;
	background-color:#155c7c;
	}
	
	.sf-menu > li:first-child > a:hover { color:#fff;
	background-color:#155c7c;
	}

.sf-menu li li:hover > a, .sf-menu li li.sfHover > a,
.sf-menu li li > a:focus, .sf-menu li li > a:hover, .sf-menu li li > a:active, .sf-menu li li.current-menu-item > a {
	background-position: 0% 0%;
	outline: 0;
	color: #FFF;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		/* url(images/arrows-ffffff.png) no-repeat -10px -100px; 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#textarea{ width:100%; padding: 10px 10px 10px 10px; text-align:left;float:left; background-color:#FFFFFF }
.text {
	
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.text a:link, .text a:visited {
	
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}
.text a:hover, .text a:active {
	
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	background-color: #006699;
}
.textsmall {
	
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.textsmall a:link, .textsmall a:visited {
	
	font-size: 10px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}
.textsmall a:hover, .textsmall a:active {
	
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
	background-color: #006699;
}
#textarea {
	padding: 10px;	
	background-color: #ffffff;
}
.text-space {
	
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
}
.text-space a:link, .text-space a:visited {
	
	font-size: 12px;
	line-height: 18px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}
.text-space a:hover, .text-space a:active {
	
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #006699;
}
.textheader {
	
	font-size: 16px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
.textheader2 {
	
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
.textlarge {
	
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.copyrightlarge {
	
	font-size: 1.4em;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
}
#copyright {
	font-size: .90em;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	background-color: #42a2ce;
}
#copyright a:link, #copyright a:visited {
	color: #FFF;
	text-decoration: underline;
}
#copyright a:hover, #copyright a:active {
	color: #333;
	background-color: #ffffff;
	text-decoration: none;
}


.middle-bg1 {
	background-color: #FFFFFF;
	background-image: url(images/middle-bg1.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.middle-bg2 {
	background-color: #FFFFFF;
	background-image: url(images/middle-bg2.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.middle-bg3 {
	background-color: #FFFFFF;
	background-image: url(images/middle-bg3.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.formarea {
	
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
}
.topline {
	
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.bigred {
	
	font-size: 18px;
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.bigred a:link, .bigred a:visited {
	
	font-size: 18px;
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.bigred a:hover, .bigred a:active {
	
	font-size: 18px;
	font-weight: bold;
	color: #CC3300;
	text-decoration: underline;
}
.bigblue {
	
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.bigblue a:link, .bigblue a:visited {
	
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
}
.bigblue a:hover, .bigblue a:active {
	
	font-size: 18px;
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
}
.bigwhite {
	
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.bigwhite a:link, .bigwhite a:visited {
	
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.bigwhite a:hover, .bigwhite a:active {
	
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
.bigyellow {
	
	font-size: 18px;
	font-weight: bold;
	color: #ffcc00;
	text-decoration: none;
}
.bigyellow a:link, .bigyellow a:visited {
	
	font-size: 18px;
	font-weight: bold;
	color: #ffcc00;
	text-decoration: none;
}
.bigyellow a:hover, .bigyellow a:active {
	
	font-size: 18px;
	font-weight: bold;
	color: #ffcc00;
	text-decoration: underline;
}


/* Responsive
---------------------------------------- */
.mobNav{display:none;}
.visibleMob{display:none;}
.imgGalWrap{min-height:300px; margin-bottom:15px;border:0px solid #242424;padding:6px; width:238px;float:left; text-align:center; margin:0 auto;}

.formbox {border: 1px solid #242424;}
.pFormLeft {
float: left; background:#eee;padding:4px; padding-left:8px;
box-sizing: border-box;
width: 50%; clear:none; border-bottom: 0px solid #242424;
border-left: 0px solid #242424;
border-right: 0px solid #242424;
display:block;
}

.pFormRight {
float: right; background:#f3f3f3;padding:4px;  padding-left:8px;
box-sizing: border-box;
width: 50%; clear:none; border-bottom: 0px solid #242424;
border-right: 0px solid #242424;
display:block;
}
.pFormAll{ width:100%;border-bottom: 0px solid #242424;border-left: 1px solid #242424;
border-right: 0px solid #242424;min-height: 35px;box-sizing: border-box;}
.pFormAll .labelL{width:15% !important;}
.formRow{clear:none;}
.formRow a { color:#0099FF}
.labelL{width:30%; float:left; clear:none;box-sizing:border-box;border-right: 0px solid #242424;min-height:110px;}
.valRight{width:68%; float:left; clear:none; box-sizing:border-box;min-height:110px;}

@media (max-width:980px){
	.joinnow{display:none !important;}
	.pFormLeft {float:none !important; width:100% !important;}
	.pFormRight {float:none !important; width:100% !important;}
	.pFormAll .labelL, .valRight, .labelL{width:100% !important; border:none !important; float:none !important; clear:both; min-height:1px;}
	.labelL{font-weight:bold;}
	.imgResponsive{width:100% !important; height:auto !important;}
	#contain {width:100% !important;}
	.hiddenMob{display:none;}
	.visibleMob{display:block;}
	.mobNav{display:block;}
	nav.primary{display:none;}
	#topbanner {width:100%;background: none;height:auto !important;	vertical-align:middle;min-height:1px !important;padding-bottom: 0;}
	.logo_topbanner {width:100% !important;float:none !important;text-align:center !important;vertical-align:top;}
	div.logo_topbanner{max-width:100% !important; }
	.logo_topbanner IMG{width:100%;vertical-align:top; max-height:auto !important; max-width:300px;}
	#box {width:100%; height:auto;}
	.sthoverbuttons-pos-left{display:none;}
	div.content{margin-top:15px !important; width:100%;}
	div.left_content, div.right_content{width:100% !important;float:none !important; margin:0 !important; padding:0 !important;}
	div.left_content{background:#FFF;}
	div.right_content{margin-top:10px !important; padding-top:10px !important;}
	#moreinfo, #bottomnav{ margin:0 !important; padding:5px;}
	div.text_indexareathree, div.image_indexareathree, div.text_indexareatwo, div.image_indexareatwo, div.indexareatwo, div.text_indexareaone, div.slider_indexareaone{float:none !important; width:100% !important; text-align:center !important;}
	div.image_indexareatwo IMG {width:100% !important; max-width:335px !important;}
	div.text_indexareatwo .textareatwo {margin:0 !important;}
	div.text_indexareathree, div.text_indexareatwo {text-align:left !important;}
	div.indexareathree IMG, div.text_indexareatwo IMG, div.text_indexareaone IMG{ width:100% !important;}
	div.image_indexareathree IMG, div.textareathree IMG {width:100% !important; max-width:308px !important;}
	div.text_indexareathree UL A IMG { width:auto !important;}
	div.loginform{width:100% !important; padding:0 !important; text-align:center !important;}
	div.joinnow .areajoinnow{margin:0 auto !important;}
	#myslideshow{margin:0 auto; max-width: 335px; width:100% !important;}
	#copyright{width:100% !important; padding:0 !important; border:none !important;}
	#myslideshow div{width:100% !important;}
	#headertop{width:100% !important;padding:5px; !important; font-size:16px !important;box-sizing: border-box;}
	.tablenames {font-size:12px !important; }
	.imgGalWrap{min-height:10px !important; margin-bottom:15px;border:1px solid #242424;width:100%;float:none !important; text-align:center; margin:0 auto; box-sizing:border-box;}
	.mobTable{box-sizing:border-box;}
/* Force table to not be like tables anymore */
	.mobTable table, .mobTable thead, .mobTable tbody, .mobTable th, .mobTable td, .mobTable tr { 
		display: block; 
	}
/* Hide table headers (but not display: none;, for accessibility) */
	.mobTable thead tr { position: absolute;top: -9999px;left: -9999px;}
	.mobTable tr { border: 1px solid #ccc; }	
	.mobTable td { 
		/* Behave  like a "row" */
		border: none;border-bottom: 1px solid #eee; position: relative;	padding-left: 50% !important; }
	.mobTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;left: 6px;width: 45%; font-weight:bold;padding-right: 10px; white-space: nowrap;}
	/*
	Label the data
	*/
	.mobTable td:nth-of-type(1):before { content: "Camp Name";  }
	.mobTable td:nth-of-type(2):before { content: "Location"; }
	.mobTable td:nth-of-type(3):before { content: "Camp Start Date/Time"; }
	.mobTable td:nth-of-type(4):before { content: "Camp End Date/Time"; }
	.mobTable td:nth-of-type(5):before { content: "Availability & Details \A Click on the Frequency to Register"; white-space: pre;}
}
	
	.menuHeadUL{margin:0 !important; padding:0 !important;}
	#menu-collapse UL {padding:0 !important; margin:0 !important;}
	#menu-collapse UL LI{border-bottom:solid 1px #CCCCCC; list-style:none; }
	#menu-collapse .subMenC {border-bottom:none;}
	#menu-collapse .borderUL{border-bottom:solid 1px #CCCCCC; padding:0 !important;}
	#menu-collapse .borderUL LI{ padding-left:20px !important;}
	#menu-collapse UL A LI{font-weight:bold; color:#000; text-decoration:none !important;padding-left:5px !important;}
	#menu-collapse UL A:HOVER LI{ background:#FFF; text-decoration:none !important;}
	.menuBarMob{background-color: #42a2ce;}
}