/* CSS Document */

#main a, 
#main a:link, 
#main a:active, 
#main a:hover {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#main a.button,#main a.button:link,#main a.button:hover,#main a.button:active,#main a.button:visited,#main a.button:focus {
  color:#fff;
  background:#83B646;
  text-decoration:none;
  padding:6px;
  line-height:26px;
	display:inline-block;
}
#main a.button:hover {
  background:#5E5E5E;
}

#main a:hover {
	text-decoration:underline;
}

.align-center {
	text-align:center;	
}

#main .startbox a {
	color:#fff;	
}

.bodytext,
#main ul,
.contenttable,
.oms_search,
.oms_list {
	padding:0px;
	margin:0px;
	font-size:16px;
	line-height:1.5em;
}

p {
	text-indent: 0px;
}

p.bodytext,
.contenttable {
	margin-bottom:1em;
}

.footer1 .align-center {
	text-align:center;
}	

img {
	border:none;
}

ul {
	margin:0px;
	padding:0px;
}

#main ul{
	margin-left:35px;
	margin-bottom:1em;
}

#main .csc-textpic-imagewrap ul{
	margin-left:0px;
}

.h1_wrap {
	text-align:center;
	background:url(../img/design01/h1_wrap_bg.png) center center repeat-x;
	display:block;
}

h1, .csc-firstheader, .likeh1 {
	font-size:50px;
	text-transform:uppercase;
	font-weight:700;
	background:#fff;
	display:inline-block;
	padding:0px 10px;
	margin-bottom:0;
	line-height:1em;
}

h2 {
	font-weight:700;
	font-size:22px;
	text-align:center;
	margin-bottom:30px;
}



h3 {
	font-size:16px;
	margin-bottom:10px;
	font-weight:700;	
}

		
.contenttable th {
	background:#b5d390;
	border:1px solid #fff;
	padding: 3px 10px;
}		
			
.contenttable td {
	background:#d7e8c4;
	padding: 3px 10px;
	border:1px solid #fff;
}
		
hr {
	height:0;
	border:none;
	border-top: 3px dotted #5E5E5E;
	margin:30px 0;
}

blockquote {
	background:#f6f6f6;
	padding:25px;
}

blockquote h4 {
	margin-bottom:1em;
	color:#c4c4c4;
	font-size:16px;
}

/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* mobile */


/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

}

@media screen and (max-width: 767px) {

.bodytext, #main ul, .contenttable {
	font-size:14px;
}

h1, .csc-firstheader {
	font-size:30px;	
}

.footer1_head {
	font-size:30px;
	margin-bottom:10px;
	margin-top:20px;	
}

.footer2 div.csc-textpic-right .csc-textpic-imagewrap {
	float:none;
	text-align:center;	
	margin:0 auto;
}

.footer2 figure {
	text-align:center;	
	width:100%;
}

.footer2 div.csc-textpic .csc-textpic-imagewrap img {
	display:inline;
}

.startbox div.csc-textpic-imagecolumn, 
.startbox td.csc-textpic-imagecolumn .csc-textpic-image,
#main div.csc-textpic-imagecolumn, 
#main td.csc-textpic-imagecolumn .csc-textpic-image {
	margin-right:0;	
}

.startbox div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0;	
}

.csc-textpic-imagewrap img {
	width:100%;
	height:auto;	
}
	
#main div.csc-textpic-center .csc-textpic-center-outer,
#main div.csc-textpic-center .csc-textpic-center-inner{
	float:none;
	right:0;
	text-align: center;
	}

#main div.csc-textpic div.csc-textpic-imagecolumn {
	float:none;
	display: inline-block;
	}
	
}