html, body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
 	margin:0; 
 	padding:0; 
	background-image:url(/icamp.nsf/bkMOCOMI.gif);
	background-position:top center;
	background-color: #ED903B;
	 background-repeat:no-repeat;
}
.pics {  
    height:  374px;  
    width:   874px;  
    padding: 0;  
    margin:  0;  
	z-index: 2;
} 

.pics img {  
    top:  0; 
    left: 0 
} 
.MainContainer
{
    color:Black;
    margin:0 auto;width:840px;
}

.MainContainer .Header
{

    height:154px;
    color: white;
}

.MainContainer .Header .headerleft{
	/*border:solid white;
	border-width:1px 1px 1px 1px;*/
	/*margin-top: 89px;
	margin-left: 10px;*/
	display:inline;
	width: 250px;
	float: left;
}

.MainContainer .Header .headerright{
	/*border:solid red;
	border-width:1px 1px 1px 1px;*/
	display:inline;
	width: 580px;
	height: 150px;
	float: right;
	text-align: right;
	margin-right: 10px;
}

.MainContainer .Header .headerright A:link
{
    color:white;
    font-weight:bold;
    text-decoration:underline;
}
.MainContainer .Header .headerright A:visited
{
    color:white;
    font-weight:bold;
    text-decoration:underline;
}
.MainContainer .Header .headerright A:hover
{
    color:yellow;
    font-weight:bold;
    text-decoration:underline;
}

.MainContainer .Header .headerright .login {
	padding:10px;
	width:220px;
	float: right;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
	font-size: small;
	}
	
	.MainContainer .Header .headerright .phonebox {
	/*border:solid pink;
	border-width:1px 1px 1px 1px;*/
	clear: both;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
	font-size: small;
	}

.MainContainer .Menu
{
	float: left;
	height: 43px;
	color: white;
    width:100%;
   background-color: #ED903B; 
}
.MainContainer .Menu .menuLeft
{
	height:auto;
	
	float: left;
}

.MainContainer .contentMain
{
	min-height:400px;
    margin:0 0 0 0;
    padding:0px 0px 0px 0px;
}

.MainContainer .contentMain .contentHomeLeft{
	padding-top: 20px;
	
	color: white;
	background-image:url(/icamp.nsf/contentHomeLeft.png);
	background-repeat:no-repeat;
	display:inline;
	width: 537px;
	height:344px;
	float: left;
}

.MainContainer .contentMain .contentHomeLeft .homeSlides{
	position: relative; top: 0px; left: 38px;
}


.MainContainer .contentMain .contentHomeRight{
	padding-top: 10px;
	color: white;
	background-image:url(/icamp.nsf/contentHomeRight.png);
	background-repeat:no-repeat;
	display:inline;
	width: 263px;
	min-height: 344px;
	float: right;
}

.MainContainer .contentMain .contentHomeRight .homeBanners{
	position: relative; top: 0px; left: 25px;
}


.MainContainer .Content h1
{
    font-size:1.5em;
}
.MainContainer .contentMain h2
{
    font-size:1.3em;
}
.MainContainer .contentMain h3
{
    font-size:1.15em;
}

.MainContainer .contentMain A:link
{
    color:#336;
    font-weight:bold;
    text-decoration:underline;
}
.MainContainer .contentMain A:visited
{
    color:#113;
    font-weight:bold;
    text-decoration:underline;
}
.MainContainer .contentMain A:hover
{
    color:#669;
    font-weight:bold;
    text-decoration:underline;
}

.MainContainer .Footer
{
	color: white;
    background-color:#CC3333;

}
/**************** menu coding *****************/
#outside{
	background:#ED903B;
	}
#navigation-1 {
	margin:0px;
	list-style:none;
	float:left;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;

}
#navigation-1 li a:link, #navigation-1 li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	height:43px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	display:block;
	text-align:left;
	text-decoration:none;
	color:#ffffff;
	height:auto;
}
#navigation-1 li ul.navigation-2 {
		filter:alpha(opacity=95);opacity:.80;
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:30px;
	left:-1px;
	border:1px solid #b9121b;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#ED903B;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#EF9B4F;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #b9121b;
	border-left:1px solid #b9121b;
	background:#ffffff;
	z-index:1;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#b9121b;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#ec454e;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}

/*end menu*/

/*Form Layout*/

.fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.label { 
float: left;  
width: 15em;  
margin-right: 1em;  
text-align: right;
}


.fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

.small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.required{font-weight:bold;} /* uses class instead of div, more efficient */

.bdyTop {
	height: 38px;
	padding-top: 20px;
	padding-left: 35px;
	background-image:url(bdyTop.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
.bdyMain {
	width: 756px;
	font-family:Verdana;
	font-size:10pt;
	color:Black;
	background-image:url(bdyBack.gif);
	background-repeat:repeat-x;
	background-position:top center;

}

/*Content Pages */

/*.contentMain
{

	background-repeat:repeat-y;
    margin:0 0 0 0;
    padding:0px 0px 0px 0px;
}*/

.contentMain .contentInterContainer 
{
		min-height: 150px;
		width: 100%;
		border-color: Pink;
  border-width: 0px;
  border-style: solid;
	background-image:url(/icamp.nsf/contentTopBack.gif);
	background-repeat:repeat-x;


}

.contentMain .contentInterContainer .contentBdy
{
	 padding:30px 40px 0px 40px;
	border-color: Red;
  border-width: 0px;
  border-style: solid;
  
}

.contentFooter
{
	 padding: 10px 50px 0px 50px;
	 height: 65px;
		background-image:url(/icamp.nsf/contentFooterback.gif);
}


.slideShowWrapper {
	position:relative;
	background:#fff;
	padding:0px;
	border:0px solid #333;
	padding-bottom:0px;
	overflow:hidden;
	text-align: center;
	-moz-border-radius:3pt;
	-webkit-border-radius:4pt;
	-webkit-drop-shadow:#ccc 4pt;}
.slideShowNav {
	position:absolute;
	bottom:-18px;
	left:0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	width:100%;}
.slideShowNavWrapper {float:right;}
.slideShowTitle {float:left; color:#333; font-size:10pt;}
.slideShowTitle .slideShowCounterText {font-size:6pt; color:#666;}
.slideShowHidden {position:absolute; display: none; height: 1px; width: 1px;}
.slideShowImageWrapper {position:relative; text-align: center; margin-top: -42px; float: left; width: 100%;}
.slideShowImageWrapper img {border: 0px none;}
.slideShowNotifier {background-color: red; width: 100px; height: 5px; font-size: 1%;}
.slideShowSlideShow {position:absolute; top:30px; padding: 0 5px; border: 0px; text-decoration: none; color: #2e6ab1;}
.slideShowLoading {background-color: #fad66a;}
.slideShowLoaded {background-color: transparent;}
.slideShowCtrlPrev {background-position: -96px 0px; float: left;}
.slideShowCtrlNext {background-position: -144px 0px; float: right;}
.slideShowCtrlPlay {background-position: -190px 0px; position: absolute;}
.slideShowPaused .slideShowCtrlPlay {background-position: -236px 0px; position: absolute;}
.slideShowCtrl span.slideShowCtrlHide {background-image: url(../../../dojo/resources/blank.gif); cursor: auto;}
.slideShowCtrl {height: 50px; width: 100%; position: relative; z-index:999; float: left;}
.slideShowCtrl span {width: 50px; height: 100%; background-image: url(images/buttons.png); cursor: pointer;}
.dj_ie .slideShowCtrl span {background-image: url(images/buttons.gif);}
.dj_ie6 .slideShowPager li.currentpage,.dj_ie6 .pagination li.disablepage{margin-right: 5px; padding-right: 0;}
.thumbWrapper .thumbNav {background-repeat: no-repeat; background-position: center; padding-top: 1px; width: 30px; height: 100%;}
.thumbOuter {padding-bottom: 2px;}
.thumbOuter.thumbHoriz {width: 500px; height: 85px;}
.thumbOuter.thumbVert {width: 100px; height: 400px;}
.thumbOuter .enabled {background: transparent url(images/buttons.png) no-repeat center center;}
.dj_ie6 .thumbOuter .enabled {background-image: url(images/buttons.gif);}
.thumbOuter .thumbNav img {width: 48px; height: 75px;}
.thumbOuter .thumbClickable div {cursor: pointer;}
.thumbOuter .prevHoriz {background-position: -96px 12px; position: relative; float: left; height: 100%;}
.thumbOuter .nextHoriz {background-position: -144px 12px; position: relative; float: right; height: 100%;}
.thumbOuter .prevVert {background-position: 0px 0px; height: 48px; width:48px; margin-left:24px;}
.thumbOuter .nextVert {background-position: -48px 0px; height: 48px; width:48px; margin-left:24px;}
.thumbWrapper img {height: 75px; max-width: 100px; width: expression(this.width > 100 ? 100: true);}
.thumbWrapper .thumbNav .imageGalleryThumb {height: 50px;}
.thumbWrapper .thumbNotifier {background-color: red; width: 0px; margin-left: 2px; height: 5px; font-size: 1%;}
.thumbWrapper .thumbLoaded {background-color: transparent;}
.thumbScroller {overflow-x: hidden; overflow-y: hidden; white-space: nowrap; text-align: center;}
.thumbHoriz .thumbScroller {width: 500px; height: 85px; float: left;}
.thumbVert .thumbScroller {height: 500px; width: 100px;}
.thumbWrapper {float: left;}
.thumbVert .thumbWrapper {width: 100px; height: 10px;}
.thumbHoriz .thumbWapper {height:85px; width: 10px;}
.thumbWrapper.thumbHoriz div {float: left; padding-right: 2px;}
.thumbWrapper.thumbVert {width: 100px;}
.thumbWrapper.thumbVert div {padding-bottom: 2px;}
.imageGalleryWrapper {padding-bottom: 20px; text-align: center;}
.dojoxBadge {position:relative;}
.dojoxBadge .dojoxBadgeImage {position:absolute; top:0; left:0; margin:0; padding:0;}
.dojoxBadge {margin:0; padding:0; border:1px solid #eee;}
.dojoxBadge .dojoxBadgeImage {overflow:hidden; margin-left:1px; margin-top:1px; background:#ededed; z-index:90;}
.dojoxBadge .dojoxBadgeSeen {background-color:#dedede;}
.dojoxBadge .dojoxBadgeOver {background-color:green !important;}
.dojoxBadge .dojoxBadgeTop {z-index:99;}.glassNode {overflow:hidden; position:absolute; visibility:hidden;}


/**** Drop Down Menu ****/
.topMenu {
	float: right;
}

.topMenu ul {
	margin: 0 2em 0 0;
	padding: ;
	list-style: none;
}

.topMenu ul li {
	position: relative;
	display: block;
	float: left;
	height: 37px;
	margin: 0;
	padding: 9px 0 0 0;
	text-align: center;
	width: auto;
	min-width: 100px;
	background-image: url('/sacfox.nsf/menuItemBack.gif');
	background-repeat: no-repeat;
	z-index: 1;
}

.topMenu ul li:hover {
	background-image: url('/sacfox.nsf/menuItemBackHover.gif');
	background-repeat: no-repeat;
}

.topMenu ul li ul {
	background: #222;
	display: none;
	position: absolute;
	top: 37px;
	border-bottom: 1px solid #444;
	width: 180px;
}

.topMenu ul li ul li {
	display: block;
	float: none;
	z-index: 1;
	background: #222;
	border: 1px solid #444;
	border-bottom: none;
	height: auto;
	width: 180px;
}

.topMenu ul li ul li:hover {
	background: #322c2e;
}

.topMenu ul li a {
	display: block;
	color: white;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

.topMenu ul li a:hover {
	text-decoration: underline;
}

.topMenu ul li a:visited {
	color: #ffffff;
}

.topMenu ul li ul li a {
	
}

.topMenu ul li ul li a:hover {
	background-color: #322c2e;
	text-decoration: underline;
}


