﻿body {
    margin:0 auto;
    color: #DDDDDD;
    font-family:arial;
    background-color:#2b0102;
    background-image:url("../images/ui/gradientBG.jpg");
    background-repeat:repeat-y;
    background-position:center;
    font-size:.9em;
}

#page 
{
    margin:0 auto;
    width:785px;
}

a {
    color:#ff9a38;
    text-decoration:underline;    
}
a:hover {
    color:#f00;
}

span.large
{
    font-size:1.3em;
    font-weight:bold;
    color:White;
}

span.red 
{
    color:#F00;
}

.horizontalRule {
   border: solid 1px #700;
   font-size:0;
   height:0px;
   line-height:0; 
   width:425px;
   padding:0px;
   margin:0px;
   margin-bottom:20px;   
}

#main
{
    clear:both;
    float:left;
    height:auto;
    width:450px;
    padding: 30px 0px 25px 25px;
    font-size: 1em;
}

.content h1 {
    display:inline;
    font-size: 1.3em;
    color:White;
}

.content h2 {
    font-size:1.3em;
    color:#ff0000;
    display:inline;
    text-decoration:underline;
    padding: 0 .2em;
}

.content h3 {
    color:#ff0000;
    display:inline;
    padding-right: 0em;
    font-size: 1em;
}

.content p {
    padding-bottom: 15px;
    display:inline;
    display:block;
    color:White;
}

#contentSide {
    float: right;
    width: 275px;
    height: auto;
    padding: 30px 18px 40px 0px;
    font-size: 1em;
}

#contentSide p {
    padding-bottom: 15px;
    color:White;
}

#contentSide h1 
{
    display:inline;
    font-size: 1.3em;
    color:White;
}

#contentSide ul {
    margin:16px 40px 20px 0px;
    padding:0px;
    padding-left:20px;
}

#contentSide li {
    padding-bottom:14px;
    list-style-type:disc;
}

.holderParent
{
    margin:0px;
    margin-bottom:25px;
    text-align:center;
    padding:0px;
    height:auto;
    width:auto;
}

.imageHolderTop 
{
    padding:0px;
    margin: 0 auto;
    background-image: url("../images/ui/sideImageViewerTop.gif");
    background-position:left;
    background-repeat:no-repeat;
    height:189px;
    width:269px;
}

.imageHolderBottom
{
    position:relative;
    top:-1px;
    background-image: url('../images/ui/sideImageViewerBottom.gif');
    background-position:left;
    background-repeat:no-repeat;    
    height:24px;
    width:269px;
    padding:0px 0px;
    margin: 0 auto;
}

.imageHolderTextLeft
{
    float:left;
    padding:3px 5px;
    text-align:left;
    vertical-align:middle;
}

.imageHolderTextRight
{
    padding:3px 15px;
    text-align:right;
    vertical-align:middle;
}

#topImage
{
    padding-top:2px;
}
#bottomImage
{
    padding-top:2px;
}

/* Start MasterPage Sections */
.divContent 
{
    background-image:url("../images/ui/gradientTopBg.jpg");
    background-repeat:repeat-x;
    background-position:top;
    height:382px;
    width:786px;
    padding:0px;
}

#contentLeftDiv
{
    position:relative;
    top:20px;
    clear: both;
    float: left;
    height:auto;
    width:450px;
}

#contentRightDiv
{
    position:relative;
    top:20px;
    float: right;
    width: 275px;
    height: auto;
}

/* End MasterPage Sections */

#divTopInfo 
{
    margin: 0 auto;
    height: 13px;
    width: 750px;
    color: white;
	font-size: .75em;
	text-align: right;
	padding-top: 10px;
}

.divHeaderOutline {
    position:relative;
    top:14px;
    background-image:url("../images/ui/topSectionBorder.jpg");
    background-repeat:no-repeat;
    margin:0 auto;
    padding:0px;
    height:197px;
    width:747px;  
    line-height:0;
}

.logoHeader {
    padding-left:47px;
    padding-top:2px;
}

.taglineHeader {
    padding-left:77px;
    top:60px;
}

/* menu section */
.divMainMenu 
{
    text-align:left;
    background-image: url("../images/ui/menuBG.gif");
    background-repeat: no-repeat;
    background-position: left;
    margin:0px;
    margin-top:14px;
    margin-left:19px;
    width: 716px;
    height: 24px;
}

#nav ul 
{   
    height:4px;
    padding: 0px;
    margin: 0px;
}

#nav li 
{
  float: left;
  position:relative;
  text-transform: uppercase;
  padding: 3px 14px 0px 14px;
  list-style: none;
}

#nav li a
{
    text-decoration:none;
    color:White;   
}

#nav li a:hover
{
    color:#ff9a38;   
}

#nav li ul {
	display: none;
	position: absolute;
	background-color: #650000;
    border:solid 1px white;  
	top: 1.2em;
	left: 0;
	z-index:1;
	height:auto;
	width:auto;
	}

#nav li li a {
	display: block;
	color: white;
}

#nav li li a:hover {
	color: #FF2222;
	text-decoration:underline;
}
  
#nav li > ul {
    top:auto;
    left:auto;
}

#nav li ul li {
    display: block;
    float:left;
    width: 180px;
    list-style:none;
    text-transform:uppercase;  
    padding:10px 15px;
    margin:0px 0px;
} 
	
#nav li:hover ul { display: block; }
#nav li.over ul 
{
    display:block; 
    height:auto; 
    width:210px;
    left:5px;
    top:15px;
}

/* end menu */


/* Start Footer */
#footer 
{
    border-top: solid 3px #700;
	position: relative;
    width: 777px;
	clear: both;
	color: white;
	font-size: .65em;
	margin:0 auto;
	padding:5px 0px 5px 10px;
}

#footer hr {
	display: none;
}

#footer ul {
	position: absolute;
	right: 0;
	list-style: none;
	margin: 0;
}

#footer ul li {
	display: inline;
}

#footer ul li a {
	display: block;
	float: left;
	color: white;
	padding: 0 1em;
}

#footer ul li a:hover {
	color: #f00;
}
/* End Footer */