
body {
margin:0;
padding:0;
}


/* perfect 3 column layout */

#master{
    /*float:left;*/
    width:100%;
    text-align:center;
}
#sitewrap{
    width:90%;
    margin:0 auto;
}


td{
    text-align:center;
}

td.head{
    font-size:14px;
    width:25%;
    text-align:left;
    padding:0 0 0 10px;
}


td.cnsel{
    border-top:1px black solid;
    border-bottom:1px black solid;
}
td.lfsel{
    border-top:1px black solid;
    border-bottom:1px black solid;
    border-left:1px black solid;
}
td.rtsel{
    border-top:1px black solid;
    border-bottom:1px black solid;
    border-right:1px black solid;
}
td.nosel{
    border:none;
}




th{
    font-size:14px;
}
th.head{
    font-size:14px;
    width:25%;
    text-align:left;
    padding:0 0 0 10px;
}


/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.rhtbar,
.content,
.lftbar {
    float:left;
    width:100%;			/* width of page */
    position:relative;
}
.contcnt,
.lbarcnt,
.rbarcnt {
    float:left;
    position:relative;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
			only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol {
    background:#E1E1E1;		/* right column background colour */
    /*border-right:2px #7D9235 solid;	content borders must be done from here 
    border-left:2px #7D9235 solid;*/

}
.threecol .lftbar {
    /*right:50%;			width of the middle column */
    background:#e1e1e1;
}
.threecol .content {
    /*right:25%;			 width of the right column */
    background:#fff;		/* center column background colour */
}

.threecol .lbarcnt {
    /*width:21%;		Width of left column content (column width minus padding on either side) */
    /*left:31%;			width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .contcnt {
    /*width:46%;		width of center column content (column width minus padding on either side) */
    /*left:102%;		100% plus left padding of center column */
}

.threecol .rbarcnt {
    /*width:21%;		Width of right column content (column width minus padding on either side) */
    /*left:85%;			Please make note of the brackets here:
	(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


	
div {
    text-align:left;
    font:Arial, sans-serif;
    font-family:arial,helvetica,sans-serif;font-size:13px;

}

a {
  color:#568;
  font:Arial, sans-serif;
  text-decoration:none;
}

a:hover {
  color:#336;
  text-decoration:underline;
}


p {
  padding:0;
  font: normal 13px Arial, sans-serif;
  text-align:left;
}


img {
  margin:0;
  padding:0;
  border:none;
}



a:link.mlink,a:visited.mlink {text-decoration:none;color:#000;}
a:active.mlink,a:hover.mlink {text-decoration:underline;color:#66A}

a:link.nav,a:visited.nav {text-decoration:none;color:#4379B5;}
a:active.nav,a:hover.nav {text-decoration:underline;color:#66A}	


/*footer menu styles*/	
.submen{
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  color:#777;
}
.submen li{
  display: inline;
  
}

.submen li a{
  border-left: 1px solid #cccccc;
  margin-left: 9px;
  padding-left: 14px;
  font-size: 12px;
  font-weight:bold;
  text-decoration:none;
  color:#777;
}

.submen li a:hover{
  color:#555;
  text-decoration:underline;
}

submen a:hover{
  color:#555;
  text-decoration:underline;
}
.submen li a.nobar{
  border-left: none;
  margin-left: 9px;
  padding-left: 14px;
  font-size: 12px;
}


.entbox{
    float:left;
    clear:both;
    width:95%;
    margin:10px;
    padding:10px;
    background-color:#DEDEDE;
    background-image: url(/images/entrybox.gif);  
    background-repeat: repeat-x;
    border:1px #BBB solid;
   
}

.dwrn{float:left;padding:3px 0 3px 3px;font-size:14px;font-weight:bold;color:#FF5555;}
.clrwrn{clear:both;text-align:center;font-weight:bold;color:#AA0000;font-size:13px}
.dlin{float:left;clear:both;width:600px;padding:3px 0 3px 0;}
.dtxt{float:left;width:150px;font-size:13px;font:Arial, sans-serif;}
.dtxtb{float:left;width:150px;font-size:13px;font-weight:bold}
.cdtxtb{clear:left;float:left;width:150px;font-size:13px;font-weight:bold;padding:2px 0 2px 0;}
.dreq{float:left;display:inline;margin-top:5px;width:10px;font-size:small;font-weight:bold;color:red;}
.dnotreq{float:left;width:10px;}
.sitm{float:left;font-size:13px;text-align:center}
.addon{float:left;clear:both;width:790px;padding:0;color:#037;font-size:8px;line-height:12px;}

.ddat input{padding:0;margin:0;height:17px;width:200px;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px;}

.ddat textarea{padding:0;margin:0;background-color:#FFF;border-color: #808080 #CCCCCC #CCCCCC #808080;
border-style: solid;
border-top-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 2px; }

.cap {
  font-family:Arial,sans-serif;
  font-weight:normal;
  font-size:11px;
  color:#2A2A2A;
}


.mbullet {
  clear:both;
  float:left;
  display:inline;
  padding:3px 4px 3px 4px;
  width:10px;
}

.mtitle {
  float:left;
  display:inline;
  padding:3px 2px 3px 2px;
  text-align:left;
  width:80%;
}	
h1 {text-align:left;font-weight:normal;font-size:28px;color:#3AA6D0;}
h2 {text-align:left;font-family:Arial,sans-serif;font-weight:normal;font-size:20px;color:#3AA6D0; margin:0 0 6px 0;}
h3.sidemenu {clear:both;text-align:left;font-weight:bold;padding:10px 0 6px 0;color:black;}
h3.title {text-align:left;margin:15px 0 3x 0;;}
h3 {text-align:left;font-weight:bold;font-size:16px;color:#024C68; margin-bottom:4px;}
h4 {text-align:left;font-family:Arial,sans-serif;font-weight:bold;font-size:14px;padding:0px 0px 0px 0px;}

ul {padding:2px 10px 2px 20px;}
li {padding:2px 0px 2px 0px;
    text-align:left;
}

form {margin:0;}

		



#bcrmbs{
    float:left;
    display:inline;
    background-color:#FFF;
    height:20px;
    font-size:11px;
    color:#000;
    padding-left:20px;
    
} 



.hmpgimg{
  float:left;
  width:50%;
  padding:40px 0 0 0;
text-align:center;

}
.hmpgtxt{
  float:left;
  width:45%;
  padding:40px 0 0 0;
}
.portimg{
width:350px;
  padding:3px;
  border:1px black solid;
  margin:0 auto;
}

.lflbl {
clear:both;
float:left;
width:20%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 12px;
color: #333333;
padding: 4px 4px 4px 13px;
}

.rtlbl {
float:left;
width:70%;
text-align:left;
font-family: Arial, sans-serif;
font-size: 12px;
color: #333333;
padding: 4px 4px 4px 8px;
}


/*============================== Buttons ===========================================*/
/*http://stackoverflow.com/questions/1121823/how-to-style-an-anchor-tag-to-look-like-a-button-with-the-same-height-as-the-butt*/

/*div.jqmdBC button button.btnon{*/
div.jqmdMSG button.btnon, button.btnon{
    outline: 0; 
    margin: 0 0 0 0;
    /*padding: 0 .7em;*/
    padding: 0 .2em;
    height: 1.9em;
    text-decoration: none !important; 
    cursor: pointer; 
    background-color: #E4E4E4;
    color: #222;
    position: relative;
    text-align: center; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.jqmdMSG button.btnoff,button.btnoff {

    margin: 0 0 0 0;
    padding: 0 .7em;
    height: 1.9em;
    text-decoration: none !important; 
    cursor: pointer;
    background-color: #E4E4E4;
    color: #AAA;
    position: relative;
    text-align: center; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



button:hover {
    background-color:#EFEFEF; 
    text-decoration:underline;
    cursor:hand
}

input,select{
    font-size: 12px;
    

}

option.selwarn{
    color:#770000 !important;
 
}


