body {
font-family: Verdana, Arial;
background: #ffffff url("images/body-bg.png") repeat-y center;
color: #000;
width: 800px;
margin: auto;
text-align: center;
padding-bottom: 5px;
scrollbar-face-color: #FFFFFF; 
scrollbar-shadow-color: #6699FF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #6699FF; 
scrollbar-darkshadow-color:#FFFFFF; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #6699FF;
}
body {
margin:0;
padding:0;
background:url(images/main_bg.gif) #cdcdcd repeat-x;
width:100%;
}	
p { text-indent: 14pt; }	
p { text-align: left; margin: 5px 15px; }
p, ul { font-size: 13px; line-height: 1.4em } 	
p a, li a { color: #39c; text-decoration: none }	

.wrapper { 
}
/*.wrapper{ float: left; width:920px; background-color: blue; }
and edit #holdit to float: right with a margin-right:-

#holdit {width:500px; position:relative; margin:0px auto; padding:5px; 
border:1px solid #ddd; background-color: green; float: right; 
margin-right: 50px;}*/

#holdit {width:500px; position:relative; margin:0px auto; padding:5px; border:1px solid #ddd;}
#holdit img {position:absolute; top:10px; left:10px; z-index:1;}
#holdit p {position:relative; z-index:10; text-align:justify; line-height:18px;}
#holdit em {display:block; float:left; height:18px; overflow:hidden; clear:left;}
.a70 {width:70px;}
.a80 {width:80px;}
.a90 {width:90px;}
.a100 {width:100px;}
.a110 {width:110px;}
.a120 {width:120px;}
.a130 {width:130px;}
.a140 {width:140px;}
.a150 {width:150px;}
.a160 {width:160px;}
.a170 {width:170px;}
.a180 {width:180px;}
.a190 {width:190px;}
.a200 {width:200px;}
.a210 {width:210px;}
.a220 {width:220px;}
.a230 {width:230px;}
.a240 {width:240px;}
.a250 {width:250px;}
.a260 {width:260px;}
.a270 {width:270px;}
.a280 {width:280px;}
.a290 {width:290px;}
.a300 {width:300px;}
.a310 {width:310px;}
.a320 {width:320px;}
.a330 {width:330px;}
.a340 {width:340px;}
.a350 {width:350px;}
.a360 {width:360px;}
.a370 {width:370px;}
.a400 {width:400px;}
.a420 {width:420px;}
.a430 {width:430px;}	
#holdit2 {width:500px; position:relative; margin:0px auto; padding:5px; border:1px solid #ddd;}
#holdit2 img {position:absolute; top:10px; left:10px; z-index:1;}
#holdit2 p {position:relative; z-index:10; text-align:justify; line-height:18px;}
#holdit2 em {display:block; float:left; height:18px; overflow:hidden; clear:left;}
.a70 {width:70px;}
.a80 {width:80px;}
.a90 {width:90px;}
.a100 {width:100px;}
.a110 {width:110px;}
.a120 {width:120px;}
.a130 {width:130px;}
.a140 {width:140px;}
.a150 {width:150px;}
.a160 {width:160px;}
.a170 {width:170px;}
.a180 {width:180px;}
.a190 {width:190px;}
.a200 {width:200px;}
.a210 {width:210px;}
.a220 {width:220px;}
.a230 {width:230px;}
.a240 {width:240px;}
.a250 {width:250px;}
.a260 {width:260px;}
.a270 {width:270px;}
.a280 {width:280px;}
.a290 {width:290px;}
.a300 {width:300px;}
.a310 {width:310px;}
.a320 {width:320px;}
.a330 {width:330px;}
.a340 {width:340px;}
.a350 {width:350px;}
.a360 {width:360px;}
.a370 {width:370px;}
.a400 {width:400px;}
.a420 {width:420px;}
.a430 {width:430px;}
#holdit3 {width:500px; position:relative; margin:0px auto; padding:5px; border:1px solid #ddd;}
#holdit3 img {position:absolute; top:10px; left:10px; z-index:1;}
#holdit3 p {position:relative; z-index:10; text-align:justify; line-height:18px;}
#holdit3 em {display:block; float:left; height:18px; overflow:hidden; clear:left;}
.a70 {width:70px;}
.a80 {width:80px;}
.a90 {width:90px;}
.a100 {width:100px;}
.a110 {width:110px;}
.a120 {width:120px;}
.a130 {width:130px;}
.a140 {width:140px;}
.a150 {width:150px;}
.a160 {width:160px;}
.a170 {width:170px;}
.a180 {width:180px;}
.a190 {width:190px;}
.a200 {width:200px;}
.a210 {width:210px;}
.a220 {width:220px;}
.a230 {width:230px;}
.a240 {width:240px;}
.a250 {width:250px;}
.a260 {width:260px;}
.a270 {width:270px;}
.a280 {width:280px;}
.a290 {width:290px;}
.a300 {width:300px;}
.a310 {width:310px;}
.a320 {width:320px;}
.a330 {width:330px;}
.a340 {width:340px;}
.a350 {width:350px;}
.a360 {width:360px;}
.a370 {width:370px;}
.a400 {width:400px;}
.a420 {width:420px;}
.a430 {width:430px;} 
#holdit4 {width:500px; position:relative; margin:0px auto; padding:5px; border:1px solid #ddd;}
#holdit4 img {position:absolute; top:10px; left:10px; z-index:1;}
#holdit4 p {position:relative; z-index:10; text-align:justify; line-height:18px;}
#holdit4 em {display:block; float:left; height:18px; overflow:hidden; clear:left;}
.a70 {width:70px;}
.a80 {width:80px;}
.a90 {width:90px;}
.a100 {width:100px;}
.a110 {width:110px;}
.a120 {width:120px;}
.a130 {width:130px;}
.a140 {width:140px;}
.a150 {width:150px;}
.a160 {width:160px;}
.a170 {width:170px;}
.a180 {width:180px;}
.a190 {width:190px;}
.a200 {width:200px;}
.a210 {width:210px;}
.a220 {width:220px;}
.a230 {width:230px;}
.a240 {width:240px;}
.a250 {width:250px;}
.a260 {width:260px;}
.a270 {width:270px;}
.a280 {width:280px;}
.a290 {width:290px;}
.a300 {width:300px;}
.a310 {width:310px;}
.a320 {width:320px;}
.a330 {width:330px;}
.a340 {width:340px;}
.a350 {width:350px;}
.a360 {width:360px;}
.a370 {width:370px;}
.a400 {width:400px;}
.a420 {width:420px;}
.a430 {width:430px;}	
img { border: 0 }	
h3 {   margin-bottom: 5px; padding-bottom: 3px; text-align: left }	
.stripViewer .panelContainer .panel ul li {
display: none;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 0px 0;
position: relative;
width: 100%;
}
.stripViewer { /* This is the viewing window */
position: relative;
overflow-x: hidden;
overflow-y: auto; 
margin-top: 30px;
width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 307px;
clear: both;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 700px; /* Also specified in  .stripViewer  above */
}
.stripNav ul { display:none;list-style-type: none;}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("images/arrow-left.pn") no-repeat center;
}
.stripNavR {
background: url("images/arrow-right.pn") no-repeat center;
}
a {
color:#82a200;
text-decoration:none;
font-family:inherit;
font-weight:bold;
}
p {
font-size:12px;
color:#555555;
line-height:18px;
}
h1, h2, h3, h4, h5 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#333;
}
h2 {
font-size:16px;
}
#Wrapper {
display:block;
padding:0;
margin:0 auto;
width:920px;
background:#ffffff url(images/body_bg.gif) repeat-y center top;
}
.Wrapper2 {
overflow:hidden;
}
#Container {  
display:inline;
float:left;
width:920px;
background:transparent url(images/container_top.jpg) no-repeat;
}
#Header {
display:inline;
float:left;
width:920px;
height:119px;
}
#Nav {
display:inline;
float:right;
margin:-50px 20px 0 0;	
}
#Nav li {
position:relative;
display:inline;
float:left;
width:121px;
padding:0;
margin:0;
}
#Nav li a {
display:inline;
float:left;
font-size:16px;
font-family:arial, Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#111111;
margin:0;
width:121px;
padding:17px 0 17px 0;
font-size:14px;
text-align:center;
}
#Nav li a:hover {
color:#6699CC;
}
#Nav li ul {
position: absolute;
left:-9999px;
height: auto;
width: 132px;
font-weight: normal;
margin:0px 0;
background:#e5e5e5;
padding:0;
}
#Nav li.current_page_parent ul {
	margin: 0px 8px;
}
#Nav li.current_page_parent ul li.current_page_item a {
margin:0px 0 0 8px;
}
#Nav li ul li {
display:inline;
float:left;
margin:0;
}
#Nav li ul li a {
width:170px!important;
display:inline;
float:left;
background: #e5e5e5;
text-align:left;
padding:10px 15px!important;
font-size:10px;
font-weight:normal;	
color:#333;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
}
#Nav li.current_page_item ul li a {
padding:7px 10px;
}
#Nav li ul ul {
margin: 0 0 0 13em;
}
#Nav li a:hover ul ul, #Nav li:hover ul ul ul, #Nav li.sfhover ul ul, #Nav li.sfhover ul ul ul {
left: -999em;
}
#Nav li:hover ul {
left:0;
#left:-999em;
}
#Nav li li:hover ul, #Nav li li li:hover ul, #Nav li.sfhover ul, #Nav li li.sfhover ul, #Nav li li li.sfhover ul {
left: 0;
}
#Nav li.current_page_item:hover ul {
left:8px;
margin-top:0px;
}
#Nav li ul li a:hover {
background-color:#666666;
color:#ffffff;
border:none;
background-image:none;}
li.page-item-4 a {
background:url(images/nav1.gif) no-repeat;
}
li.page-item-5 a {
background:url(images/nav2.gif) no-repeat;
}
li.page-item-6 a {
background:url(images/nav3.gif) no-repeat;
}
li.page-item-8 a {
background:url(images/nav4.gif) no-repeat;
}
li.page-item-7 a {
background:url(images/nav5.gif) no-repeat;
}
li.current_page_item, li.current_page_parent {
width:137px!important;
display:inline;
float:left;
z-index:999;
margin:-8px -8px 0 -8px!important;
}
li.current_page_item a, li.current_page_parent a {
width:137px!important;
margin:0;
padding:5px 0 17px 0!important;
background:url(images/nav_current.png) no-repeat;
}
#Content {
display:inline;
float:left;
width:900px;
padding:0 9px 0 11px;
}
.homecontent {
padding:0 9px 0 11px!important;
width:900px!important;
}
#ContentBody {
display:inline;
float:left;
width:550px;
margin:0;
padding:10px 0;
}
#HomeContent {
display:inline;
float:left;
width:900px;
margin:0;
padding:0;
background:url(images/home_content_bg.gif) repeat-x bottom;
border-bottom:1px solid #cecece;
}
#HomeBottom {
display:inline;
float:left;
width:900px;
height:118px;
margin-top:5px;
padding-bottom: 5px;
background:#e5e5e5;
border-top:1px solid #fff;
border-bottom:1px solid #cecece;
}
.homecolumn {
display:inline;
float:left;
width:218px;
margin:0;
padding:20px 10px 10px 30px;
height:115px;
#height:115px;
#padding:20px 10px 10px 30px;
border-right:1px solid #cecece;
border-left:1px solid #fff;
font-size:11px;
color:#777;
}
.homecolumn h2 {
margin:-10px 0 5px 0;
font-size:13px;
}
.homecolumn ul, .homecolumn li {
margin:10px 0 0 0;
padding:0;
display:inline;
float:left;
width:200px;
list-style:none;
}
.homecolumn p, .homeclumn li {
font-size:11px;
color:#777;
}
.homecolumn li {
margin:3px 0;
display:inline;
float:left;
width:100px;
}
.homecolumn li a, .homecolumn a {
font-size:11px!important;
font-weight:normal!important;
font-size:11px!important;
color:#222!important;
}
.homecolumn form {
padding-top:5px;
}
.homecolumn li a:hover, .homecolumn a:hover {
color:#666!important;
}
.left {
border-left:1px solid #e5e5e5;
}
.right {
border-right:1px solid #e5e5e5;
}
#HomeText {
display:inline;
float:left;
width:380px;
margin:10px;
}
#HomeText h1 {
font-size:28px;
}
#HomeText h3 {
font-size:20px;
line-height:33px;
}
#HomeText p {
font-size:10px;
}
#Footer {
display:inline;
float:left;
width:920px;
height:30px;
background:  #cdcdcd;
text-align:center;
font-size:10px;
color:#888;
padding:3px 0 0 0;
}
#Footer a {
color:#666;
font-weight:normal;
}
.leftbox a {
display:inline;
float:left;
border:1px solid #ccc;
padding:20px;
width:160px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#666;
font-weight:normal;
margin:0 10px;
text-align:center;
font-size:14px;
}
.leftbox a:hover {
background:#f5f5f5;
}
ul.navigation {
margin:0;
padding:0;
}
/*---------------------------- jollymoon -------------------------------*/
#jollymoon {float: right; width:95%; background:transparent; overflow:hidden; padding:6px 30px;}
#jollymoon  h2 { float:left; margin-right:10px; margin-top:2px; margin-bottom:2px; display:inline; }
#jollymoon  h2 a { display:block; width:114px; height:88px; background: transparent url(images/jollymoon_logo_mini_gray.png) top left no-repeat; text-indent:-9999px;}
#jollymoon  h2 a:hover { background: transparent url(images/jollymoon_logo_mini.png) top left no-repeat; }
#jollymoon  p { font-size:90%; color:#8cd096; float:left; margin-left:80px; display:inline; margin-top:6px;}