body {background:#EFEFEF; position:absolute; top:0px; width:750px;}

/* Inset 3D Raised */
.raised {background: transparent; width:95%; position:absolute; left:20px; top:99px;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#5858FA; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#5858FA; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#5858FA; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#5858FA; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#5858FA; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#5858FA; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#5858FA; border-left:1px solid #fff; border-right:1px solid #999;}

/* Inset 3D Curved */
.inset {background: transparent; width:60%; position:relative; left:10%; top:1%;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#FFFFFF; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#FFFFFF; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#FFFFFF; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#FFFFFF; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#FFFFFF; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#FFFFFF; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#FFFFFF; border-left:1px solid #999; border-right:1px solid #fff;}


#searchform {
	padding: 5px 0;
	}
#searchform form {
	margin: 0; /* for IE */
	padding: 5px;
	border: 0px;
	}
#searchform .equal { 
	vertical-align: middle; /* for IE */
        border: 0px;
	}
#searchform #txt {
	padding-left: 3px; 
	background: #FFFFFF;
        color: brown;
        font-style: italic;
        font-size: 19px;
	}
#searchform #btn {
        cursor: pointer; 
        font-size: 17px;
        position:absolute;
        left:106%;
        top:-120%;
        background: transparent;
	}


.menu{

font-size: 13px;
width: 100%;
}

.menu ul{
padding: 0px 0 6px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.menu ul li{
display: inline;
}

.menu ul li a{
color: #494949;
padding: 0px 3px 0px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 5px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 2px solid gray; /*bottom border is 3px*/
}

.menu ul li a:hover, .menu ul li a.selected{
border-bottom-color: black;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}


#bann
      {
      margin:5px;
      position:absolute;
      left:120px;
      top:40px;
      }
#bann h1 {font-family: Arial; font-size: 24px; color:#999966; font-weight: bold;}
#bann h4 {font-family: Arial; font-size: 20px; color:#999966; font-weight: bold;}

#friend {
     position:absolute;
     top: 380px;
     left:180px;
     background: #EFEFEF;
     font-style: italic;
     font-size: 12px;
     }

#friend a:link {text-decoration: none;}
#friend a:link {color: navy;}
#friend a:visited {text-decoration: none;}
#friend a:visited {color: navy;}
#friend a:hover {text-decoration: underline;}
#friend a:hover {color: green;}
#friend a:active {text-decoration: none;}
#friend a:active {color: red;}
#txtbtm {
     width:600px;
     text-align:center;
     position:absolute;
     top: 310px;
     left:80px;
     background:#EFEFEF;
     color: #555;
     font-family: serif, times;
     font-size: 11px;
     }
#isedn {
     position:absolute;
     top: 380px;
     left: 400px;
       }

#searchbot {
     position:absolute;
     top: 350px;
     left: 180px;
     background: #EFEFEF;
     font-style: italic;
     font-size: 14px;
     }

#searchbot a:link {text-decoration: none;}
#searchbot a:link {color: navy;}
#searchbot a:visited {text-decoration: none;}
#searchbot a:visited {color: navy;}
#searchbot a:hover {text-decoration: underline;}
#searchbot a:hover {color: green;}
#searchbot a:active {text-decoration: none;}
#searchbot a:active {color: red;}
