body {

	padding: 0px ;
	margin: 0px ;
	
	
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif ;
	color: #373737 ;
	
	background-color: white ;
}

em {
	font-style: normal ;
	font-weight: bold ;
}

a {
	color: #d5a422 ;
	text-decoration: none ;
}

a:hover {
	text-decoration: underline ;
}

p {
	margin-top: 10px ;
}

br {
	clear:both ;
}

h2 {
	margin-bottom: 10px ;
	margin-top: 20px ;
}

.corner {
	width: 27px ;
	height: 27px ;
	background-image: url("../images/curves.gif") ;
	background-repeat: no-repeat ;
}

#outer {
	width:800px ;
	margin: 0 auto ;
	margin-bottom: 20px ;
	
	overflow: auto ;
	
	padding: 0px ;
	position: relative ;
	
	background-color: white ;
	background-image: url(../images/background.gif) ;
	background-repeat: repeat-x ;
	

}

#inner {
	
	margin-top: 173px ;
	padding: 20px ;
	overflow: auto ;
	
	border-style: solid ;
	border-color: #373737 ;
	border-width: 0px 2px ;
}

#footer {
	padding: 5px ;
	position: relative ;
	
	background-color: #373737 ;
	color: white ;
	text-align:center ;
	
	clear: both ;
	color: #bbbbbb;
}

#footer .l {
	background-position: bottom left ;
	position: absolute ;
	bottom: 0px ;
	left: 0px ;
}

#footer .r {
	background-position: bottom right ;
	position: absolute ;
	bottom: 0px ;
	right: 0px ;
}

#footer a {
	color: white ;
}

#footer a:hover {
	color: #d5a422 ;
}

#logo {
	width: 247px ;
	height: 173px ;
	
	position: absolute ;
	left: 0px ;
	top: 0px ;
	
	background-image: url('../images/logo.gif') ;
}

#title {
	
	width: 550px ;
	height: 70px ;
	
	position: absolute ;
	top: 50px ;
	left: 200px ;
	
	background-image: url('../images/title.gif') ;
	background-repeat:no-repeat ;
	background-position:center ;
}

#navigation {
	
	width: 600px ;
	height: 28px ;
	
	position: absolute ;
	top: 144px ;
	left: 200px ;
	
	text-align: center ;
	
	color: white ;
	line-height: 28px ;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 20px ;
}

#navigation em {
	color: #d5a422 ;
	font-weight: bold ;
	font-style:normal ;
	margin-left: 20px ;
}

#navigation a {
	
	color: white ;
	text-decoration: none ;
	margin-left: 20px ;
}

#navigation a:hover {
	
	color: #d5a422 ;
}

#navigation .l {
	background-position: top left ;
	position: absolute ;
	top: 1px ;
	left: -200px ;
}

#navigation .r {
	background-position: top right ;
	position: absolute ;
	top: 1px ;
	right: 0px ;
}

#subnav {
	width: 170px ;

	float: left ;
	
	font-size: 18px ;
	text-align: right ;
	
	color: #999999 ;
	background-color: #373737 ;
	
}

#subnav .t{
	background-position:  top left ;
	width: 100% ;
}

#subnav .t div {
	float: right ;
	background-position: top right ; 
}

#subnav .b{
	background-position:  bottom left ;
	width: 100% ;
}

#subnav .b div{
	float: right ;
	background-position:  bottom right ;
}

#subnav ul {
	padding-right: 20px ;
	margin: 0px ;
}

#subnav .header {
	font-size: 16px ;
	padding-top: 20px ;
}

#subnav .header em {
	color: #888888 ;
}

#subnav .divider {
	height: 2px ;
	background-color: white ;
}

#subnav a {
	font-weight: normal ;
	color: white ;
}

#subnav a:hover {
	color: #d5a422 ;
}


#subnav em {
	color: #d5a422 ;
}


#subnav ul {
	list-style-type: none ; 
	margin-left: 0px ;
	padding-left: 0px;
}

#subnav li {
	margin-bottom: 10px ;
}

#subnav .minor {
	font-size: smaller ;
}

#inner2 {
	padding-left: 15px ;
	
	margin-left: 180px ;

	padding-bottom: 20px ;

	padding-top: 2px ;
}

#inner2 br {
	clear: left ;
}

.downloads {
	background-color: #fde4b8 ;
	border: 2px solid #d5a422 ;
	padding: 0px ;
	float: right ;
	text-align: center ;
	
	margin-left: 20px ;
}

.downloads p {
	padding: 10px 15px ;
	margin: 0px ;
}

.downloads .major {
	background-color: #d5a422 ;
	font-size: larger ;
	
	padding: 10px 5px ;
}

.downloads .major a {
	color: white ;
}


.help {
	cursor: help ;
	font-size: 0.8em ;
	color: #d5a422 ;
	
}

.note {
	padding: 10px ;
	padding-bottom: 0px ;
	
	font-size: 15px;
	
	border: 1px solid #d5a422 ;
}

.note .ui-icon {
	float: left ;
}

.note p {
	margin-left: 30px ;
	margin-top: 0px ;
	margin-bottom: 10px ;
}
