BODY {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #fff;
}

BODY, DIV, H1, H2, H3, H4,  P {
    padding: 0;
    margin: 0;
}

P {
	padding: 0 0 2px 0 ;
}

a:link {
	font-weight: bold;
	text-decoration: underline;
	color:#c30;
	background: transparent;

}

a:visited {
	font-weight: bold;
	text-decoration: underline;
	color:#c30;
	background: transparent;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#f60;
	background: transparent;
}

a:active {
	font-weight: bold;
	text-decoration: underline;
	color:#f90;
	background: transparent;
}


#container {
    text-align: left;
    background-color: #ffc;
    border: 0px solid #000;
    margin: 25px auto 0 auto;
    width: 700px;
}

div#header {
  border-width: 0 0 20px 0 ;
  border-color: #ff8020;;
  border-style: solid;
}

#header, ul#nav, li.over {
	background-color: #ff8020;
	
}

ul.dropdown, .dropdown li {
	background-color: white;
}

#header ul {
  padding: 0;
  margin: 0;
  list-style: none ;
}

/* horizontal menu */

#header li  {
  float: left;
  position: relative;
  width: 140px;
  text-align: center ;
  font-size: 12px;
  font-weight: bold ;
}

/* vertial dropdown submenus */

ul.dropdown  {
  display: none;
  position: absolute;
  top: 1em; /* must not be more than 1 em */
  left: 0 ;
}

/* reset in all but IE */

li > ul {
	top: auto ;
	left: auto ;
}

/* hack for IE, which refuses to center the text in the li items floated left and relative */
/* add a div around the text */
div.centered {
	text-align: center ;
	background-color: #ff8020;
}

/* display submenus on rollover 
second selector works with javascript for IE */
#header li:hover ul, #header li.over ul {
  display: block;
  border-width: 1px;
  border-color: #000;
  border-style: solid;
  padding: 2px ;
  
}
 
ul.dropdown li {
	margin: 2px 0 0 0 ;
	padding: 2px 0 ;
}

#header a:link {
	font-weight: bold;
	text-decoration: underline;
	color:#f78418;
	background: transparent;

}

#header a:visited {
	font-weight: bold;
	text-decoration: underline;
	color:#f78418;
	background: transparent;
}

#header a:hover {
	font-weight: bold;
	text-decoration: underline;
	color:#f60;
	background: black;
}

#header a:active {
	font-weight: bold;
	text-decoration: underline;
	color:#f90;
	background: transparent;
}

/* highlight the menu links when hovering */

#header li li:hover {
	background-color: black ;
}
  
#sidebar {
    background-color: #ffc;
    float: left;
    width: 200px;
    margin: 0 ;
    clear: both;
}

#sidebar ul {
	font-size: 12px ;
	color: #ffc;
	margin-right: 20px;
}

#sidebar li {
	padding: 0 0 1em 0 ; 
}

#sidebar li#modelname {
	font-weight: bold;
	font-size:14px ;
	padding: 50px 0 1em 0 ; 
	color: black;
	list-style: none;
}

#content {
    background-color: #fff;
    margin: 0 0 auto 200px;
    text-align: center; 
    vertical-align: top ;
}

#contentpadding {
    background-color: #fff;
	padding: 50px;
}

#content h2 {
	font-size: 18px ;
	color: #f78418; 
	padding-bottom: 6px;
}

#content h3 {
	font-size: 14px ;
	color: #000; 
	line-height: 1.3;
	margin-bottom:10px;
}

#content h4 {
	padding: 10px 0 0 0 ;
	font-size: 14px ;
	color: #f78418; 
	text-align: left;
}

#content li {
	font-size: 12px ;
	text-align: left ;
}

table#specifications {
	font-size: 12px ;
}

#specifications tr {
	margin-bottom:10px;
}

td.attribute {
	width: 200px ;
	text-align: right ;
	vertical-align: top;
}

td.value {
	padding-left: 3px;
	vertical-align: top;
	text-align: left ;
}

#content li {
	margin-bottom: 5px; 
}

#footer {
	color: #fff;
    background-color: #000;
    margin: 0;
    padding: 10px ;
    clear: both;
    border-style: solid;
    border-width: 20px 0 0 0;
    border-color: #f78418;
	text-align: center;
}

#footer p {
	font-size: 12px;
}

#footer a:link {
	color:#f78418;
	font-weight: normal;
}

#copyrightnotice {
	font-size: 10px;
    background-color: #fff;
}

#copyrightnotice p {
	font-size: 10px;
	font-style: italic;
	text-align: center;
}