body{background:#fff url(../img/omino.jpg) right -17px no-repeat;font-size:95%;margin:0;padding:10px 0 10px 0;font-family:Arial, Helvetica, sans-serif}
#logo{border:0;float:left;text-indent:-99999px;background:url(../img/logo.jpg) 0 0 no-repeat;display:block;width:130px;height:100px;margin:0 10px 0 10px;}
.tagline{float:left;margin:20px 0 0 0;font-size:110%;}
.tagline ul {margin:-5px 0 0 0;padding:0;}
.tagline ul li {display:inline; border-right:1px solid #ccc;padding:0 5px 0 0;}
.cl{clear:both;}
.box_blue{background:#00a7c9 url(../img/gradient_blue.jpg) 0 0px repeat-x;width:100%;text-align:center;border-bottom:2px solid #fff; border-top:2px solid #fff;margin:30px 0 0 0;}
.col-1, .col-2{float:left;}
.col-1{width:640px;text-align:left;}
.box_blue .col-1{background: url(../img/right_bar.gif) 619px 0px repeat-y;}
.gray .col-1{background: url(../img/right_bar_gray.gif) 619px 0px repeat-y;margin:15px 0}
.gray .col-2{margin:15px 0}

.footer-blue{background: url(../img/right_bar_bottom.jpg) 619px 0px no-repeat;height:40px;margin:-20px 0 10px 0}
.footer-gray{background:url(../img/gray_bar_bottom.jpg) 619px  0px no-repeat;height:30px;margin:-16px 0 10px 0}
.gray_top{background:url(../img/gray_top.jpg) 0px  0px no-repeat;height:30px;width:2px;margin:0px 18px 10px 0;display:block;float:right;}
.col-2{width:300px;text-align:left;}
.col-1 ul{margin:0;padding:0;}
.box_blue .col-1 ul li{float:left;margin:0 10px 10px 10px;width:150px;list-style:none;background:url(../img/shadow.jpg) 0 91px no-repeat;}
.col-1 ul li .img{border:2px #fff solid;float:left; }
.col-1 ul li .img:hover{border:2px #00bbf2 solid;}
.up_sml{background:url(../img/up_sml.jpg) 0 0 no-repeat;display:block;width:43px;height:40px;margin:3px 0 3px 0;float:left;}
.up_sml:hover{background-position:0 -43px}
.down_sml:hover{background-position:0 -42px}
.down_sml{background:url(../img/down_sml.jpg) 0 0 no-repeat;display:block;width:40px;height:40px;float:left;}
.float{float:left;}
.img_title{padding:5px 0 5px 0;width:135px;display:block;text-align:center;color:#fff;}
.centered{margin:0 auto;width:970px;}
.gray{background:#e0e0e0 url(../img/shadow_gray_bg.jpg) center top repeat-x;border-bottom:2px solid #b9bbbb;margin:0 0 10px 0;}
.gray .centered{background: url(../img/shadow_gray.jpg) center top no-repeat;}
.gray .centered .col-1 ul li{list-style:none;font-size:110%;}
.gray .centered .col-1 ul{padding:0;margin:0 0 20px 0;width:90%;}
.gray .centered .col-2 ul{margin:0 0 20px 0;padding:0;}
.gray .centered .col-2 ul li{list-style:none;font-size:110%;}
.gray .centered .col-2 ul li img{border:2px solid #fff;}
.gray .centered .col-2 ul li img:hover{border:2px #00bbf2 solid;}
.gray  .img{float:left;margin:0 10px 0 0}
.date{font-size:80% !important;color:#666;background:url(../img/white_point.jpg) 0 2px no-repeat;padding:0 0 3px 15px}
#footer{text-align:center;font-size:80%;}
#footer{text-align:center;font-size:80%;}
.search{background:url(../img/search.gif) 0 0px no-repeat;height:70px;text-align:left;position:relative;z-index:99;margin:-25px auto 0px auto;width:970px;}
.search .input{margin:15px -20px 0 20px;font-size:160%;width:400px;border:0;}
.search .button{float:right;margin:10px 22px 0 20px;font-size:110%;width:145px;font-weight:bold;height:40px;border:0;background:url(../img/button1.jpg) 0 0px no-repeat;cursor:pointer;font-family:Arial, Helvetica, sans-serif;}
.search .button2{float:right;margin:10px 37px 0 0px;font-size:110%;width:300px;font-weight:bold;height:40px;border:0;background:url(../img/button2.gif) 0 0px no-repeat;cursor:pointer;text-align:center;font-family:Arial, Helvetica, sans-serif;}
.search .button:hover, .search .button2:hover, .button3:hover{color:#fff;}
.floatdx {float:right;}
.small {font-size:80%;position:relative;z-index:9999999999}

h1, h2, h3, h4{font-weight:normal;margin:0;padding:0;}
p {margin:0 0 10px 0;line-height:130%;}
h1 {font-size:200%;}
h2 {font-size:180%;margin:0px 0 10px 0;position:relative;z-index:99}
.col-1 h2 {margin:0 0 -10px 0;}
h3 {font-size:150%;margin:0 0 20px 0;}
.box_blue h2 {color:#fff;}

.gray a:visited, #footer a:visited, .tagline a:visited{color:#0088ad;text-decoration:underline}
.gray a:link, #footer a:link, .tagline a:link{color:#0088ad;text-decoration:underline}
.gray a:hover, #footer a:hover, .tagline a:hover{color:#0088ad;text-decoration:none}

.box_blue a:visited{color:#fff;text-decoration:underline}
.box_blue a:link{color:#fff;text-decoration:underline}
.box_blue a:hover{color:#fff;text-decoration:none}

.wrapper ul li img{float:left}


		
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
			
		
		.stripViewer .panelContainer .panel ul {
			margin: 10px 15px 10px 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0 0 30px;
			position: relative;
			width: 90%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 540px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 280px;
			margin:0 0 0 0px;
			clear: both;
		}
		
		.stripViewer .panelContainer { 
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;

			position: relative;
			width: 670px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0;padding:0;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;margin: 0;padding:0;
		}
		
		.stripNav ul li {
			float: left;width:25px;
		}
		
		.stripNav a { /* The nav links */
display:none;		}
		
	.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
		background:url(../img/point.gif) -27px 0 no-repeat;
		}
				
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 120px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: -25px;z-index:999999;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background:url(../img/prev.jpg) no-repeat 0 0px;
		}
		
		.stripNavR {
			background: url(../img/next.jpg) no-repeat -44px 0px;
		}
		
		
				.stripNavL:hover {
			background:url(../img/prev.jpg) no-repeat -42px 0;
		}
		
		.stripNavR:hover {
			background: url(../img/next.jpg) no-repeat -2px 0;
		}