/* jimshoredesign.com style sheet
Author: Jim Shore http://jimshoredesign.com/ */

body {
  font-size: medium;
  color: #FFFFFF; 
  background-color: #516A8A; 
}

.note {
/* indent notes */
  padding: 0px 30px 0px 30px;
}

.center {
  text-align: center;
}

.nodisplay {display: none}

.leader {
/* make line leaders more noticable */
   font-family: Verdana, Helvitica, sans-serif;
  font-weight: bold;
}

#header {
/* setup the header and display the top-left of the header graphic, set 
header background color to match header graphic in case graphics are blocked*/ 
  margin: 0px 0px 0px 0px;
  padding: 0;
  font-family: "Georgia", "Trebuchet MS", sans-serif;
  color: #FFFFFF;
  background: #002554 url("images/header_left.gif");
  background-position: top left;
  background-repeat: no-repeat; 
}

#header h1 {
/* setup the header h1 */
  margin: 0;
  padding: 45px 60px 20px 190px;
  font-size: 200%;
  color: #FFFFFF;
  background-position: top right;
  background-repeat: no-repeat; 
}

 #header h2 {
/* setup the header h2 and display the bottom-right of the header graphic */
  margin: 0;
  padding: 5px 60px 50px 250px; 
  color: #FFFFFF; 
  background: url("images/header_bottom.gif");
  background-position: bottom right;
  background-repeat: no-repeat; 
} 

ul .upper {
/* setup the top seperator bar */ 
  margin: -16px 0 0 -40px;
  padding: 0;
  list-style: none;
  text-align: center; 
  color: #000000;
  background: #BCC6D2;
}

ul .lower {
/* setup the bottom sperator bar */
  margin: 0 0 0 -40px;
  padding: 0;
  list-style: none;
  text-align: center; 
  color: #000000;
  background: #8294AB;
}

input {
  color: #000000;
  background: #BCC6D2;
}


textarea {
  color: #000000;
  background: #BCC6D2;
}

/* ******************  menu  *************** */
.dot    { display : none }

#Menu {
  overflow:auto;
  width:11em;
  position:fixed;
  float:right;
  margin-right/* hide from IE5.0/Win */ : 0em;
  margin-top: 0.5em;
  right: 0.5em;
  left:auto;
  top:20em;
  bottom:1em;
  text-indent: 0.5em;
  padding:0;
  background: #BCC6D2;
  color: #000;
  border:0px solid #000;
  line-height:1.5em;
	}

body>#Menu {
  right: 2em;
  margin-right: 2em;
	}

#Menu p {padding:0;}

#Menu a {
  display: block;
  background: #BCC6D2;
  color: blue;
  text-decoration: none;
  font-size: 1.1em;
}
/* these two lines seem to make safari crash ??? */
#Menu a:hover {background-color:white;}
#Menu a:before {content:url('images/right.png');}
#Menu a:visited {color: purple;}
/* but removing them is not enough. *sigh* */


#Menu hr {display:none;}

#Menu .navhead {
   background: #aa7;
   color: #fff;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-indent: 0.5em;
   margin-top: 0.5em;
   padding: 0.1em 0;
}

/* ********************menu end************************* */

#content {
  margin: 20px 20% 0 0;
  padding: 20px;
  color: #FFFFFF;
  background-color: #516A8A;
}

#content1 {
  margin: 20px 20% 0 0;
  padding: 20px;
  color: #FFFFFF;
  background-color: #516A8A;
}

#full-content {
  margin: 20px 10px 0 10px;
  padding: 20px;
  color: #FFFFFF;
  background-color: #516A8A;
}

/* setup the web hosting package details area */
#package {
  border-style: outset;
  background: #fff;
  width: 100%;
}

#package .topbar {
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 11px 10px;
  font-family: sans-serif;
  background:  #04459a url(images/toptitlebar.gif) no-repeat;
}/* #ECEDF1 */

#package .ht {
  color: #000;
}

#package .label {
  margin: 0px 0px 0px 0px;
  padding: 6px 0px 10px 0px;
  font-family: sans-serif;
  font-size: 80%;
  width: 90px;
  color: #0C2D82;
  background: url(images/label_bg.gif) repeat-x;
}

#package .arrow {
  position: relative;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 0px 15px;
  font-family: sans-serif;
  font-size: 80%;
  color: #000;
  background: #fff url(images/pb_arrow.gif) no-repeat 0px 8px;
}

.right img{
  float:right;
  border:0px dotted black;
  margin:0px 0px 15px 5px;
}

.photos {
  float: left;
  text-align: left;
  color: #000;
  width: 100%;
  padding: 10px 0;
/*  border: 2px solid #FFF; */
}

.photos dl{
  float: left;
  width: 100%;
  margin: 10px 20px;
  padding: 0 0 0 10px;
  display: inline; /* fixes IE/Win double margin bug */
}

.photos dt {
  float: right;
  width: 250px;
  margin: 0;
  padding: 0 20px 0 10px;
  color: #FFF
}

.photos dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 20px;
  font-size: 85%;
  line-height: 1.5em;
/*  color: #627081; */
}

.photos dt.txtl {float: left}

.photos dt.txtr {float: right}

.photos dd.imgl {float: left}

.photos dd.imgr {float: right}

.style-test {
  color: #ccc;
}

a:link {
color: white ;
background: transparent ;
}

a:visited {
color: white ;
background: transparent ;
}

a:hover {
color: white ;
background: black ;
}

a:active {
color: red ;
background: transparent ;
}

#rightcol {
  position: absolute;
  margin-top: 70px;
  left: 75%;
  width: 202px;
  padding-left: 3px;
  z-index: 10;
  color: #000;
  background-color: #8294AB;
}

#footer {
  clear: both;
  width: 95%;
  margin: 10px;
	margin-right: 11em;
  text-align: center;
  padding: 3px;
  border-top: 1px solid #ccc;
  color: #fff;
}

#footer .copyright{
  float: left;
}

#footer .email{
  float: right;
  margin-right: 12em;
}