html,
body{
/* background-color: #00007f; original color E1E1FF */
background-image:url('http://www.digitalphotoonline.com/websiteimages/bluegradient.gif');
margin:0;
padding:0;
height:100%;
text-align:center;
font-family: Georgia, Serif;
a:link {text-decoration: none}     /* unvisited link */
a:visited {color: #0033FF}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */
a img{border:0;} 
img {border: 0px} 
}

#frame {
  width:950px;
min-height:100%;
            position:relative;
   margin: 0 auto;
 border: 0px solid blue;
 padding: 0;
 text-align: left;
}

#header {
  width: 900px;
  background: #FFFFFF;
  border: 0px dashed #CCCCCC;
  padding: 0px;

}
HR {      position:relative;
    height:4px;
    width:90%;
    background:#6699FF;
    color:#0066FF;

   }

#body {
		padding:10px;
		padding-bottom:60px;	/* Height of the footer */
}

#footer {    clear: left;

position:relative;
   bottom:0;
   width:100%;
   height:60;


  background: #FFFFFF;


   text-align: center;
  font-size:small;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
 
}
#menucontent {
  float: left;
  background: #FFFFFFF;
  border: 0px dashed #CCCCCC;
  padding: 10px;
  margin: 5px;
  font-size:medium;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  }
#main {
text-align:center;
 /* float: left;*/
  width: 850px;
  background: #FFFFFF;
  padding: 10px;
  margin:5px;
  font-family: Arial;
  font-size: medium;
  font-weight: normal;
  font-style: normal
   padding-bottom:60px;
}

#leftcontent {
  float: left;
  width: 140px;
  background: #FFFFFFF;
  border: 0px dashed #CCCCCC;
  padding: 10px;
  margin: 5px;

  font-size:medium;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;

}

#rightcontent {
  h1 {font-size:.5em; color:#0;};
  float: right;
  width: 140px;
  background: #FFFFFF;
  border: 0px dashed #CCCCCC;
  padding: 1px;
  margin: 1px;
}

#rightcontent p {

  font-size:11px;

}

#leftcontent a {
  font-size:16px;
  line-height:2;
}

h1 {
  font-size:large;
  text-shadow: 3px;
  color: #0033FF
}

.cssbutton{
background-color: #FFFFFF;
border: 0px #FFFFFF outset;
padding: 1px 4px;
color: #0033FF;
text-decoration: none;

}

.cssbutton:visited{
color:  #0033FF;
}

.cssbutton:hover{
border-style: inset;
background-color: #CCCCFF;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}

#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:25px 1em 25px 1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ffffff; border-left:1px solid #0033FF; border-right:1px solid #0033FF;}
.xb1 {margin:0 5px; background:#0033FF;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ffffff; border:0 solid #0033FF; border-width:0 1px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.input {
    border: 1px solid #006;
     background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: none;
    background: url('http://www.digitalphotoonline.com/websiteimages/button.jpg') no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    background: url('http://www.digitalphotoonline.com/websiteimages/buttoninvert.jpg') no-repeat top left;
    padding: 2px 8px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

  .blue {
	cursor:pointer;
	cursor:hand;
	line-height:27px;
	height:27px;
	background:url(http://www.digitalphotoonline.com/websiteimages/buttons/medblueslice.png) repeat center top;
	padding-right:15px;   	padding-left:15px;
	display:inline-block;
      text-align: center;
      padding:5; margin:5;
      list-style-type:none;
      font-family:tahoma, arial, sans-serif;
      color:#0000CC; font-size:15px;
      font-weight:bold;
      text-decoration:none;
}
.blue:hover {
cursor:pointer;
	cursor:hand;
	line-height:27px;
	height:27px;
    background: url('http://www.digitalphotoonline.com/websiteimages/buttoninvert.jpg') repeat top center;
	padding-right:15px;   	padding-left:15px;
	display:inline-block;
      text-align: center;
      padding:5; margin:5;
      list-style-type:none;
      font-family:tahoma, arial, sans-serif;
      color:#0000CC; font-size:15px;
      font-weight:bold;
      text-decoration:none;
}
/* Corp Blue CSS */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#tabs {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("http://www.digitalphotoonline.com/websiteimages/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
    font-family:tahoma, arial, sans-serif;
    font-size:15px;
	float:left;
	display:block;
	background:url("http://www.digitalphotoonline.com/websiteimages/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}

</style>