body
{
margin: 0;
padding: 0;
border-style: none;

}

#header
{
position: absolute;
top: 0;
left: 0;
height: 160px;
width: 100%;
border-style: none;
background: transparent;
}

#logo
{
position: absolute;
top: 15px;
left: 550px;
width: 286px;
height: 132px;
background: transparent url(../i/logo.gif) no-repeat;
}

#content
{
position: absolute;
width: 100%;
height: 550px;
top: 160px;
background: transparent;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#front
{
position: absolute;
left: 15%;
top: 40px;
width: 778px;
height: 306px;
background: transparent;
border: 1px solid #fff;
}

#nav
{
position: absolute;
width: auto;
height: 15px;
top: 0;
left: 560px;
background: transparent;
border-bottom: 1px solid #fff;
color: #fff;
text-indent: 110px;
}

/***********sliding subject matter*****************/

#subject
{
position: absolute;
left: 521px;
top: 100px;
width: 380px;
height: 235px;
font-size: 13px;
font-family: arial;
line-height: 13px;
/*padding-top: 60px;
padding-left: 30px;*/
z-index: 2;
border: 1px solid #383831;
background: transparent;
}

#subject p
{
width: 330px;
padding-left: 10px;
padding-top: 10px;
}

#subject h4
{
padding-left: 10px;
padding-top: 10px;
}


#arrows
{
position: absolute;
left: 460px;
top: 100px;
height: 35px;
width: 40px;
padding: 3px;
text-align: center;
/*border: 1px solid #696D65;*/
z-index: 3;
}


/******************drop down menus******************/

#nav2
{
position: absolute;
top: 25px;
left: 0;
z-index: 4;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px; /* Width of Menu Items */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	width: 200px;
	left: 159px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}


/* Styles for Menu Items */

ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: transparent; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #E2144A; background: transparent; } /* Hover Styles */
		
li ul li a { padding: 2px 5px;	color: #000; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

/**************end of drop down menus*****************/

#nav a, a:hover
{
text-decoration: none;
color: #fff;
}

/**************commerce section********************/
#business
{font-family:arial;
font-size:12px;
position:absolute;
left:15px;
top:20px;
width:30%;
height:200px;
text-align:right;
padding: 10px;
}
#business p
{
padding:5px;
}

#com
{position:absolute;background:#fff;width:40%;left:20%;top: 160px;border:none;font-size: 13px;
font-family: arial;
line-height: 13px;}
#com p
{
padding:10px 15px 10px 10px;
}
#pge
{
position:absolute;
width: 40%;
left:25%;
top:150px;
background:#ff9;
border: 1px dotted #000;
}
#pge p
{
padding:0 10px 3px 10px;
}
#pge .but
{float:right;text-align:center;}

div.Article {
  left:40%;
  top:20px;
  width:600px;
  border:none;
  position:relative;
  font-family:verdana;
  font-size:14px;
  padding-bottom:15px;
  background:#ffffff;
  } 
div.Article h3 {
  background: url(../i/compadtop.gif) top left no-repeat;
  font-size:1.3em;
  padding:35px 15px 25px 15px;
  }
div.ArticleBody {
  padding:0 15px 15px 15px;
  margin:0;
  margin-top:-1.7em;
background: #ffffff;
  }
div.ArticleFooter {

  }
div.ArticleFooter p {
  padding:15px;
  margin:-2em 0 0 0;
  }
div.ArticleFooter p a:hover {
text-decoration:underline;
color:red;
}

#photo
{
position:absolute;
padding-right:30px;
left: 280px;
background:transparent;
z-index:4;
}

.headings{font-weight:bold;}

/***********************************************/

#pad
{
position: absolute;
width: 450px;
height: 480px;
top: 42px;
left: 500px;
background: url(../i/CelBor.gif) no-repeat;
font-size: 13px;
font-family: arial;
line-height: 13px;
padding-top: 60px;
padding-left: 30px;
z-index: 3;
}

#pad p
{
width: 380px;
overflow : auto;
}

#pad p a, #pad p a:hover
{
color: #001;
}

#pad p.caption
{
width: 200px;
}

#inset
{
position: absolute;
width: 117px;
height: 160px;
top: 280px;
left: 270px;
background: transparent;
border: 1px solid #001;
}

#sitemap
{
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
color: #777395;
}

#sitemap a, #sitemap a:hover, #sitemap a:visited
{
color: #777395;
}

#footer
{
position: absolute;
top: 713px;
left: 0;
width: 100%;
height: 40px;
font-size: 11px;
line-height: 40px;
color: #777395;
text-align: center;
vertical-align: middle;
background: transparent;
text-decoration: none;
}

#credit
{
position: float;
float: left;
text-indent: 30px;
}

#valid
{
position: float;
float: right;
width: 88px;
height: 31px;
background: url(../i/xhtml.gif) no-repeat;
}
/*********Navigation Menus***************/

#menu li
{
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;
color: #fff;
text-indent: 30px;
}

#menu a
{
display: block;
text-decoration: none;
color: #fff;
}