/*Elements defined here*/
body
{
    font-style:normal;
    font-weight:normal;
    /*font-size: 10px;*/
    font-family:'Times New Roman',Times,serif;
    background-color:#DCDCDC;
    margin-top: 5px;
}
ul
{
    list-style-type:none;
}
a
{
    text-decoration:none;
    font-weight:normal;
    color:#FFA500;
}
p
{
    padding:0 40px 0 40px;
}

/*ID specific elements defined here*/
#menu ul
{
	list-style-type: none;
    margin: 0 0 0 0;
    padding:13px 0 13px 0;
	position: relative;
	background-color: #191970;
	border: 1px solid black;
}
#menu li
{
	display: inline;
	padding: 13px 0 13px 0;
	margin: 0 -5px 0 0;
}
#menu a
{
	padding: 13px 28px 13px 28px;
	background-color: #191970;
	border-left: 1px solid black;
	margin: 0 0 0 0;
	height: 48px;
}
#menu a:hover
{
    color:#FF3300;
    background-color:#191970;
    text-decoration:underline;
}
#content a
{
    color:#FFA500;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
#content a:hover
{
    color:#FF3300;
    text-decoration:underline;
}
#content ul
{
    padding:0 0 0 0;
    margin:0 0 0 0;
}
#header h1
{
    margin:5px 0 0 0;
    text-align:center;
}
#detail a
{
    color:#FFFF00;
}
#detail a:hover
{
    color:#FF3300;
    text-decoration:underline;    
}
#footer a:hover
{
    color:#FF3300;
    text-decoration:underline;    
}
#footer p
{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

/*ID's defined here*/
#container
{
    width:800px;
    text-align:left;
    background-color: Yellow;
    position: relative;
}
#banner
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 70px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}
#menu
{
    position:absolute;
	top: 70px;
	left: 0px;
    width:800px;
    height:50px;
    /*white-space:nowrap;*/
    background-color:#DCDCDC;
    text-transform:uppercase;
    font-size:18px;
    color:purple;
    padding:0 0 0 0;
    margin:0 0 0 0;
    overflow: hidden;
}
#header
{
    position:absolute;
	top: 120px;
	left: 150px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    width:650px;
    height:50px;
    background-color:#6699FF;
}
#index-text
{
    position:absolute;
	top: 120px;
	left: 0;
    width:400px;
    height:400px;
    margin:0 0 0 0;
    padding:30px 0 0 0;
    background-color:#6699FF;
    text-align:center;
}
#text p
{
    padding:0 50px 0 50px;
}
#index-pic
{    
    position:absolute;
	top: 120px;
	left: 400px;
    width:400px;
    height:380px;
    margin:0 0 0 0;
    padding:50px 0 0 0;
    background-color:#6699FF;
    text-align:center;
}
#detail-text
{
    position:absolute;
	top: 170px;
	left: 151px;
    width:325px;
    height:280px;
    margin:0 0 0 0;
    padding:100px 0 0 0;
    background-color:#6699FF;
    text-align:center;
    vertical-align: middle;
    
}
#detail-pic
{
    position:absolute;
	top: 170px;
	left: 476px;
    width:324px;
    height:355px;
    margin:0 0 0 0;
    padding:25px 0 0 0;
    background-color:#6699FF;
    text-align:center;
}
#content
{
    position:absolute;
	top: 120px;
	left: 0;
    margin:0 0 0 0;
    width:130px;
    height:420px;
    overflow:hidden;
    background-color:#191970;
    color:white;
    padding:10px 0 0 20px;
    border-right:solid 1px black;
}
#footer
{
    position:absolute;
	top: 550px;
	left: 0;
    margin:0 0 0 0;
    width:800px;
    height:20px;
    text-align:center;
}
#detail
{
    position:absolute;
	top: 170px;
	left: 151px;
    margin:0 0 0 0;
    width:649px;
    height:380px;
    background-color:#6699FF;
    text-align:center;
    vertical-align: middle;
    padding:0 0 0 0;   
}
/*Classes defined here*/
#menu a.hilight
{
    color:#FF3300;
    background-color:#191970;
    text-decoration:underline;
}
#content a.hilight
{
    color:#FF3300;
    text-decoration:underline;    
}