body.mceContentBody { 
   background: #FFFFFF; 
} 
.btnprimary { 
	color:#ffffff;
	background-color:#0c7097;
	background-repeat:repeat-x;
	background-image:-khtml-gradient(linear, left top, left bottom, from(#1b8ebb), to(#0c7097));
	background-image:-moz-linear-gradient(top, #1b8ebb, #0c7097);
	background-image:-ms-linear-gradient(top, #1b8ebb, #0c7097);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b8ebb), color-stop(100%, #0c7097));
	background-image:-webkit-linear-gradient(top, #1b8ebb, #0c7097);
	background-image:-o-linear-gradient(top, #1b8ebb, #0c7097);
	background-image:linear-gradient(top, #1b8ebb, #0c7097);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b8ebb', endColorstr='#0c7097', GradientType=0);
	text-shadow:0 -1px 0 rgba(0,0,0,0.25);
	border-color:#0c7097 #0c7097 #073b50;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25)}
.textbox   {
	color: #000000;
	font-size: 11px;
	vertical-align: middle;
	border: 1px solid #777777;
	height: 20px;
	border-radius: 2px;
	background-color: #ffffff;
}
.roundedBox {
      -moz-box-shadow:    3px 3px 5px 6px #ccc;
      -webkit-box-shadow: 3px 3px 5px 6px #ccc;
      box-shadow:         3px 3px 5px 6px #ccc;
      border: 1px #993300 solid;
      border-radius: 5px;
      background-color: #EDE2c6;
       padding:10px;
}
.textblock  {
	color: #000000;
	font-size: 11px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #777777;
	border-radius: 2px;
	background-color: #ffffff
}
img { 
	border: 0; 
} 
.button  {
	font-family: "jaf-bernino-sans-condensed", Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	background-color: #987600;
	border: none;
	border-radius: 5px;
	padding: 7px;
	cursor: pointer;
}
p {  
	font-size: 15px; 
	line-height: 20px;
	font-weight: 300;
	list-style-type: circle; 
	color: #333333; 
}
h1 {
	font-family: "jaf-bernino-sans-condensed", Tahoma, Arial, sans-serif;
	font-size: 31px;
	line-height: 36px;
	font-weight: 700;
	color: #987600;
	
}
h2 {  
	font-family: "jaf-bernino-sans-condensed", Tahoma, Arial, sans-serif;
	font-size: 27px; 
	line-height: 32px;
	font-weight: 700;
	color: #987600;
}
h3 {  
	font-family: "jaf-bernino-sans-condensed", Tahoma, Arial, sans-serif;
	font-size: 23px; 
	line-height: 28px;
	font-weight: 600;
	color: #333333;
}
h4 {  
	font-family: "jaf-bernino-sans-condensed", Tahoma, Arial, sans-serif;
	font-size: 21px; 
	line-height: 26px;
	font-weight: 600;
	color: #987600;
}
h5 {  
	font-family: "jaf-bernino-sans-condensed", Tahoma, Arial, sans-serif;
	font-size: 17px; 
	line-height: 22px;
	font-weight: 600;
	color: #333333;
	margin-bottom: 0px;
}
h6 {  
	font-size: 15px;
	line-height: 20px; 
	font-weight: 700;
	color: #987600;
}
.smltbl {  
	font-size: 11px; 
	color: #333333; 
}
.tbl {
	font-size: 15px; 
	line-height: 20px;
	font-weight: 300;
	list-style-type: circle; 
	color: #333333;
}
fieldset {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
ul {  
	font-size: 15px; 
	line-height: 20px;
	font-weight: 300;
	list-style-type: bullet; 
	color: #333333; 
	list-style-image:   url(images/bullet_round.gif); 
	/*margin-top: -20px;*/
	
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.image_left_pad_10_right {
	float: left;
	padding-right: 10px;
}
.image_right_pad_10_left {
	float: left;
	padding-right: 10px;
}

.none {}
.row1 {
	background-color: #CCCCCC;
	overflow: auto;
}
.row2 {
	background-color: #999999;
	overflow: auto;
}
.rowhighlight {
	background-color: #FF0000;
	overflow: auto;
}
a[href$=".pdf"] {
	background-image: url(/admin/images/pdf_small.gif);
	background-repeat: repeat;
	       /* PDF file */}

@media only screen and (max-width: 1200px) { 
	/* rules that only apply for canvases narrower than 1200px */
	
#logo_menu_surround {
	padding-bottom: 0px;
}
.MainMenu:hover, .MainCurrentTab:hover {
	color: #000000!important;
}
#menu_div {
	width: 94% ;
	float:left !important;
	margin-left:0%;
	margin-right:0%;
	margin-top: 5px;
	
	text-align:center;
	background-color: hsla(47,100%,30%,0.58);
	padding-left: 3%;
	padding-right: 3%;
	display:block;
}
#menu {
	float: left!important;
	margin-right: auto;
	margin-left: auto;
	margin-top: 23px;
	margin-bottom: 17px;
}
#top_surround;{
	position:relative;
	overflow:hidden;
	height:auto;
	display:block;
}
}
@media only screen and (max-width: 1000px) { 
	/* rules that only apply for canvases narrower than 1000px */
#fadeshow1 {
	height:350px !important;
	
}
}
@media only screen and (max-width: 650px) { 
	/* rules that only apply for canvases narrower than 650px */
#fadeshow1 {
	height:200px !important;
}
#col1 {
	width: 94%;
	padding-bottom: 0px;
	margin-top: 10px;
}
#col3 {
	width: 94%;
	left:70%;
	margin-top: 0px;
	padding-bottom: 0px;
}
#col5 {
	width: 94%;
	left:70%;
	margin-top: 0px;
}
#colMain1 {
	width: 94%;
	padding-bottom: 0px;
	margin-top: 10px;
}
#colMain3 {
	width: 94%;
	left:36.5%;
	margin-top: 0px;
}
#container2, #container4, #containerMain2 {
	background:#E7E7E7; 
}
#footer {
	padding-top: 30px;
	padding-bottom: 50px;
}
#logo_div {
	margin-top: 15px;
}
}
@media only screen and (max-width: 400px) { 
	/* rules that only apply for canvases narrower than 400px */
#fadeshow1 {
	height:204px !important;
	width: 130% !important;
	
}
#footer {
	padding-top: 20px;
	padding-bottom: 60px;
}
}





