body {
  background-color:#003366;
/*  font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;*/
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
/*  font-family: Arial,Verdana,Calibri, Candara, Segoe, "Segoe UI", Optima,sans-serif;*/
  color:#050505;/*color of all text apart from menu */
  font-size:13px;
  margin:0;
  padding:0;
}

.bimg{
background: url('../imsys/background22.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


#main-container{
width:80%;
max-width:1000px;
margin:0 auto;
background-color:#FFFFFF;
 position:relative;
 border-right: 3px solid #38678B;
 border-bottom: 3px solid #38678B;
 border-left: 3px solid #000D1A;
 border-top: 3px solid #000D1A;
 margin-top:10px;
}
 
/*
 
#main-container div
{

	border-radius:5px;
	height: 100%;
	width: 80%;
	background:#fff;
	border:1px solid #ccc;
	padding: 2px;
	margin: 0 auto;

}*/
.bold{
font-weight:bold;
}
.txt{
line-height: 100%;
}

#header {
width:90%;
height:auto;
overflow: visible;
position: relative;
margin:0 auto;
clear:both;
}
#logo
{
  width:100%;
  height:auto;
  min-height:100px;
position:relative;
overflow: hidden;
}

.logoimg{
width:50%;
border:none;
padding:0;

}



#logolft
{
float:left;
}
#logorht
{
float:right;
}




.navbar {
    position:relative;

   /* background:#fff url(../images/background.jpg);*/
    width:100%;
    height:auto;
   /* margin:20px auto;*/
     float:left;
    /*padding:15px;*/
    border-radius:3px;
    /*-moz-border-radius:3px;*/
    -webkit-border-radius:3px;
      z-index:6;
      margin-bottom:20px;
}

/*------------------------------------------------------------------------------*/
/* main menu styles */

#nav2,#nav2 ul {
    list-style: none outside none;
    margin:0 auto;
    padding: 0;
    z-index:6;
    font:12px/1.3 Arial,sans-serif;
      font-weight:bold;
}
#nav2 {
    background-color: #2A3241;/*menu bar color*/
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    display: table;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    width:100%;
}
#nav2 ul {
    background-color:#2A3241;/*drop down color */
    border: 1px solid  #2A3241;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    padding: 20px 0 10px;
    position: absolute;
    top: -9999px;
    width:100%;
    /*  z-index:6;*/

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
}

#nav2 li {
    float: left;
    position: relative;
      /*  z-index:6;*/
}
#nav2 li a {
    color: #FFFFFF; /*default text color for whole menu */
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    text-decoration: none;

}
#nav2 li:hover > a {
    background-color:#2A3241; /*top selection hover color */
    border-radius: 5px 5px 5px 5px;
    color: #FFFF00; /*text hover color */
    
}

.subs a
{
padding-right:20px;/*padding on right of text in drop downs*/

}

#nav2 li:hover ul{
    left: 0;
    top: 34px;
  
    width: auto;/*width of drop down menu*/
    max-width:320px;
white-space: nowrap;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
      
}
#nav2 ul li {
    width: 100%;/*width of shading when hovering over drop down*/
        /*  z-index:6;*/
        
}
#nav2 ul li:hover > a {
    background-color:  #2A3241 !important; /*drop down item highlight color */
    border-radius: 5px 5px 5px 5px;
}




#leftcol
{
  width:70%;
  height:100%;
  overflow: hidden;
  float:left;
  padding:1% 1% 1% 5%;
}

#content
{
  min-height:600px;
  overflow:visible;
  text-align:center;
}

#message
{

	height: 17px;
	background:#fff;
	border:1px solid red;
	width: 70%;
	padding: 20px;
	margin: 0 auto;
	margin-top:60px;
	text-align:left;
}

.dhtadmin
{
	height: 150px;
	width: 70%;
	background-color:#f1f1f1;
	border: none;
	padding: 20px;
	padding-left:16px;
	padding-top:16px;
	margin: 10px auto;
  border-radius:5px;
	text-align:left;
}
#content .adm
{
	border-radius:5px;
	height: 100%;
	width: 47%;
	background:#fff;
	border:1px solid #ccc;
	padding: 6px;
	margin: 0 auto;
}

#content label
{
	margin: 6px;
	float: left;
	width: auto;
 
}

#content select 
{
	width: 160px;
	margin: 5px;
	float: right;
}


.left
{
	float:left;

}
.right
{
	float:right;
	position:relative;
}
#rightcol
{
  width:18%;
  height:100%;
  overflow: hidden;
  float:left;
  text-align:center;
  padding:1% 5% 1% 1%;
  font-size:12px;
/*	font-family:"century gothic";*/
}
#rightcol img
{
border:none;
 padding:2px;
 width:90%;
 height:auto;
}
#rightcol h1
{
  font-size:24px;
	/*font-family:"century gothic";*/
	font-weight:normal;
}

#prelove, #photgal
{
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #222222;
 border-bottom: 1px solid #222222;

 margin-bottom:15px;

}

#prelove a,#photgal a
{
 text-decoration: none; 
}
#prelove a:link,#photgal a:link {
    color: #000000;
}

#prelove a:visited,#photgal a:visited {
    color: #000000;
}

#prelove a:hover,#photgal a:hover {
    color: #00B300;
}

.cnt
{
text-align:center;
}
 


#main_img
{

  width:100%;
  height:auto;
  position:relative;
}
#main_txt
{
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #222222;
 border-bottom: 1px solid #222222;
 padding:8px;
 margin-top:15px;
 margin-bottom:15px;
 text-align:justify;
}




#main_txt h2
{
  font-size:14px;  
	text-align:center;
}

 .dht
{
	height: 150px;
	width: 30%;
	background-color:#f1f1f1;
	border: none;
	padding: 20px;
	padding-left:16px;
	padding-top:30px;
	margin: 0 auto;
	margin-top:10%;
	/*position:relative;*/
	 border-radius:5px;
}

#selectdiv1
{
	border-radius:5px;
	height: 80%;
	width: 100%;
	background:#fff;
	border:1px solid #ccc;
	padding: 2px;
	padding-top:20px;
	margin: 0 auto;
	/*position:relative;*/

}

#selectdiv1 label
{
	margin: 6px;
	float: left;
	width: auto;
}

#selectdiv1 select 
{
	width: 160px;
	margin: 5px;
	float: right;
}


#selectdiv1 input 
{
	margin-left: 5px;
	margin-top: 5px;
	width: 160px;
	float: right;
}

#selectdiv1 button 
{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: auto;
	height: auto;
}




#prods
{
  width:100%;
  height:30%;
  overflow: hidden;
}

#col1
{
  width:33%;
  height:100%;
  float:left;
}
#col2
{
  width:33%;
  height:100%;
  float:left;
}
#col3
{
  width:33%;
  height:100%;
  float:left;
}


#footer{
margin-top:6px;
text-align:center;
padding-top:6px;
padding-bottom:10px;
line-height: 100%;
overflow: hidden;
width:100%;
height:auto;
background-color:#94A2BA;
}

#dtxt
{
  text-align:center;
  width:70%;
  height:auto;
  overflow: hidden;
clear:both;
margin:0 auto;
}

#member
{
  text-align:center;
  width:60%;
  height:auto;
  overflow: hidden;
clear:both;
margin:0 auto;
font-size:10px;
}
#member img
{
  height:50%;
  width:50%;
  
}
#footnote
{
  width:60%;
	margin:0 auto;
}

.memdivs
{
float:left;
width:33.3%;
overflow: hidden;
height:auto;

}

#footer hr
{
  width:60%;
}

.cansee
{
color:#D90000;
font-size:14px;
font-weight:bold;
}
.footxt
{
color:#2A3241;
font-size:14px;
font-weight:bold;

}

#maildiv
{
  height:auto;
  width:100%;
}

#footer img
{
border-radius: 5px 5px 5px 5px;
height:auto;
border:none;
}