/* CSS Document */





html {
     overflow: -moz-scrollbars-vertical;
}
body {
	background-color: #D7D7D7;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug*/
	color: #333333;
	
	
}
#wrapper 
	{
	position:absolute;
	left: 50%;
	width: 750px;
	clear: both;
	margin-top: -5px; 
	margin-left: -380px; 
	border: 1px solid #FFF;
	background-color: #FFF;
	
	}
#header {position: relative;
/*background-image: url('images/header_b17.jpg');*/
background-repeat:no-repeat;
height:250px;
padding: 0px 0px 0px 0px;

}
#headerrnli {position: relative;
/*background-image: url('images/header_b17.jpg');*/
background-repeat:no-repeat;
height:121px;
padding: 0px 0px 0px 0px;

}


#content
{
	clear:both;
	text-align: left;
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;

}

#footer {position:relative;
padding-bottom: 5px;
border-top: 1px dotted black;
height: 30px;
color:#000;
text-align:center;
clear:both;
}

#column_l{
width: 45%;
float: left;
}
#column_r{
width: 45%;
float: left;
}

#f1 {
position: absolute;
width: 25%;
height: 30px;
top: 0;
left: 0;
vertical-align:bottom;
text-align:center;}

#f2 {
position: absolute;
top: 0;
left: 25%;
width: 20%;
height: 30px;
vertical-align:bottom;
text-align:center;}

#f3 {
position: absolute;
top: 0;
left: 45%;
width: 30%;
height: 30px;
vertical-align:bottom;
text-align:center;
padding-top: 5px;}

#f4 {
position: absolute;
top: 0;
left: 75%;
width: 25%;
height: 30px;
vertical-align:bottom;}


#footerbase {position:relative; padding-bottom: 5px; padding-top: 5px;}

/* Front page menu */

#menu_front {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
	width:auto;
	
	}

#menu_front ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	
	}
#menu_front ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu_front ul li#one a	{
	width: 120px;
	padding-left: 1px;
	border-left:1px solid #004000;
	}
#menu_front ul li#six a	{
	width: 105px;
	border-right:1px solid white;
	}

#menu_front ul li a {
	background: #D7D7D7;
	width: 106px;
	height: 20px;
	border-top: 1px solid #E6EEE4;
	border-left: 1px solid #E6EEE4;
	border-bottom:1px solid #E6EEE4;
	border-right: none;
	padding: 0;
	margin: 0 0 0 0;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    0.7em;      
	voice-family: "\"}\"";   
	voice-family: inherit;
	vertical-align:middle;  
	}

html>#menu_front ul li a  {

	font-size: x-small;   
	} 

#menu_front ul li a:hover {
	color: white;
	background: #6F6F6F;
	}

#menu_front a:active	{
	background: #E6EEE4;
	color: #fff;
	}
	
	
	.caption_right{
font-weight: Normal;
text-align: center;
float:right;
padding:7px 7px 7px 7px;


}
	.caption_left{
text-align: center;
float:left;
padding:7px 7px 7px 7px;

}
#clear
{clear:both;}
H1 {font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#333333;
font-style:normal;
}
H2 {font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
font-style:normal;

}
H3 {font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-style:normal;
}
.menu a,.menu a:link,.menu a:visited,.menu a:active {
	display: block;
	background: White;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	height:40px;
	font-weight: bold;
}

.menu a:hover {
display: block;
background: #9D9D9D;
color: Red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	cursor: default;
text-decoration: underline;
}
HR
{
color: #9D9D9D;
}
a{
	color: #333333;
	text-decoration:underline;
}
a:hover{color:#FF0000;text-decoration:none;}

ul{list-style-type: circle;}
li{
	
	color: #333333;
	 padding: 3px;
}
acronym{border-bottom: 1px dotted;
cursor:help;}

input.btn{
   color: #2C4087;
   font-family:'trebuchet ms',helvetica,verdana,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color: #E5E5E5;
   border:1px solid;
   border-top-color:#9EA4E2;
   border-left-color: #9EA4E2;
   border-right-color:#2C4087;
   border-bottom-color:#2C4087;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}
	  
	  
.blog_comment
{
border: 1px dotted black;
background-color:#CCCCCC;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;

}
.blog_comment_name
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:75%;
}
#blogformcaption {width: 25%; float: left; clear:both;}

#blogformelement {width: 70%; float:right;}
/* Admin areas */


#form {border: thin black dotted;}

#formcaption {width: 25%; float: left; clear:both;}

#formelement {width: 60%; float:right; background-color:#009999;}

/* Blog */
#blog {width: 100%;}
#blogtitle {margin-top: 3px; background-color:#9d9d9d; padding: 5px 5px 5px 5px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-variant:small-caps; font-size: larger;}
#blogdate 
	{
	padding: 5px 5px 5px 5px;
	font-size: smaller;
	border-bottom: 1px solid #9d9d9d;
	
	}
#blogdetail {padding: 5px 5px 5px 5px;
border-right: 1px solid #9d9d9d;
border-left: 1px solid #9d9d9d;
border-bottom: 1px solid #9d9d9d;}

#left {margin: 5px 0px 5px 0px; width: 60%; float:left;}
#right {margin: 5px 0px 5px 0px;width: 35%; float:right;}

/* Front panel */
.panel
{

	background-image:			url(/images/bg_panel2.gif);

	background-repeat:			no-repeat;
	width: 			730px;

	float: 			left;
	
	padding-top: 20px;
	padding-left: 20px;
	position: 		relative;
	
}

.panelbottom

{
	clear: both;
	height: 		16px;
	width: 			730px;
	/*margin: 		0 -15px 10px -15px;*/

	font-size: 		0;
	background-image:			url(/images/bg_panel_base1.gif);

	background-repeat:			no-repeat;
}
.panel p, .panel h2, .panel hr, .panel embed, .panel ul, .panel li

{width: 630px;
margin-left:10px;
padding-right:10px;}

.bookmark
	{
		border: 1px dotted #CCCCCC;
		width: 60%;
		height: 40px;
		padding: 2px 2px 2px 2px;
		font-size: 80%;
		margin-left:10px;
	}
/*  Portfolio tables */	
.port1{border: 0px solid black; width: 740px; margin-bottom: 5px;}
.porthead {background-color:#D3D3D3;  margin: 1px 1px 1px 1px; vertical-align:middle;}
.portcontent {border: 0px solid black; width: 540px; margin-top: 7px;}
.portimage {border: 0px solid black; width: 200px; float: right; text-align: center; padding-bottom: 5px;}
.portlink{ margin: 1px 1px 1px 1px; vertical-align:middle;}



/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
	background-color: white!important;
	position:static!important;
	}	
	
	#header {display: none;}


#footer,#f1, #f2, #f3, #f4, #footerbase
{
	display:none;
}

#footer img
{display: none;
}
#wrapper
{
	clear: both;
	overflow:hidden;

	/*border: 1px solid green;
	left: 0;
	clear: both;
	margin-top: 0; 
	margin-left: 0; 
	text-align:inherit;*/
	border: 1px solid green;
	/*background-color:white;*/
	background-color: white!important;
	/*width: 600px;
	min-height:250px;
	position:fixed;*/
}

#menu 
{background-color: red;
width: 99% !important;}

#menu_front {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid yellow;
	width:auto;
	
	}

#menu_front ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: disc!important;
	
	clear: none;
	
	}
#menu_front ul li {

	float: none;
	
	padding: 0;
	margin: 0;
	list-style: disc !important;
	text-transform:uppercase;
	}

#menu_front ul li#one a	{
	width: auto;
	padding-left: 1px;
	border-left:1px solid #004000;
	}
#menu_front ul li#six a	{
	width: auto;
	border-right:1px solid white;
	}

#menu_front ul li a {
	background: none;
	width: auto;
	height: auto;
	border-top: 0px solid #E6EEE4;
	border-left: 0px solid #E6EEE4;
	border-bottom:0px solid #E6EEE4;
	border-right: none;
	padding: 0;
	margin: 0 0 0 0;*/
	
	color: #000000;
	text-decoration: underline;
	display: initial;
	
	}

html>#menu_front ul li a  {

	font-size: x-small;   
	} 

#menu_front ul li a:hover {
	color: white;
	background: #6F6F6F;
	}

#menu_front a:active	{
	background: #E6EEE4;
	color: #fff;
	}
.menu a,.menu a:link,.menu a:visited,.menu a:active {
	display: initial;
}
#content img
{display:none;
}
#content
{
	width: 	100%;
	/*float:none;
	margin: 0px;
	padding-left: 10px;
	border: 1px solid blue;
	clear:both;*/
	/*display:none;*/
	position: static;
	clear: both;
	
	border: 1px solid red;
	/*background-cleft: -150px;*/
	font-size: 5pt;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}