/* CSS Document */

body {
	background:#636879;
}

/* SPECIAL STYLES */
.round-corners-5px {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.text-shadow {
	text-shadow:0px -1px 0px #000;
}
.text-shadow-title {
	text-shadow:0px -1px 1px #000;
}

/* HEADER STYLES */
#header {
    background:url(../images/BG-header.jpg) repeat-x;
	height:80px;
	position:relative;
	z-index:1000;
}

#header #logo a {
    background:url(../images/LOGO-trak1.png) no-repeat;
    position:absolute;
    top:.45em;
	left:-7px;
    width:125px;
    height:70px;
    text-indent:-9999px;
    display:block;
}

#navigation {
	position: absolute;
	right:0;
    top:32px;
}
#navigation li {
	display: inline;
	float: left;
	line-height: 1em;
	width:100px;
	margin:0;
}
#navigation li a {
	display: block;
	line-height: 18px;
	text-align: center;
	padding: 25px 0 5px;
	color: #fff;
	text-decoration: none;
}
#navigation li a.first:hover {
	text-decoration: underline;
	background:url(../images/BG-hover.png) no-repeat bottom;
	/*background:#15181f;*/
}
#navigation li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 200px;
   margin-top: 0px;
   margin-left: 0px;
   background:url(../images/BG-dropdown.jpg) repeat-x bottom #15181f;
   border: 1px solid #b5b9c3;
   border-top:none;
   border-bottom: 2px solid #102739;
   /*border-radius:0 0 5px 5px;
   -moz-border-radius:0 0 5px 5px;
   -webkit-border-radius:0 0 5px 5px;*/
   list-style: none;
   line-height: 1;
   padding:0;
}
#navigation li li{
   display: inline;
   _display: block; /* FOR IE6*/
   float: none;
   _float: left; /* FOR IE6*/
   margin: 0;
   text-transform: none;
   width: 200px;
}
#navigation ul li a {
	margin-right: 0px;
	border-top:1px solid #67696f;
	border-bottom: 1px solid #102739;
	background: none;
	color: #fff;
	display: block;
	padding: 10px 5px 10px 25px;
	text-align: left;
}
#navigation ul li a.last {
	border-bottom: none;
}
#navigation li:hover ul{
   left: auto;
   display:block;
   margin-left: 0px;
}

/* CONTENT STYLES */
#content {
	background:#ffffff;
}
.common #content p {
	color:#444444;
}
.common #content a {
	color:#256adc;
	text-decoration:none;
}
.common #content a:hover {
	text-decoration:underline;
}
.common #content h6 {
	color:#256adc;
	line-height:1.3em;
	margin-top:8px;
}

.common #mini-bar {
	background:url(../images/BG-mini-bar.jpg) repeat-x;
	height:80px;
	position:relative;
	margin:0;
	padding:0;
}
.common #mini-bar #current-page h1 {
	font-size:3.25em;
    line-height:1.25em;
    color:white;
	margin-top:.33em;	
}
.common #mini-bar a#sign-up-today {
    background:url(../images/BTN-blue-largest.png) repeat-x top;
    width:200px;    
    height:60px;
    font-size:1.3em;
    font-weight:bold;
    line-height:57px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    display:block;
    position:absolute;
    top:10px;
	right:0;
}
.common #mini-bar a#sign-up-today:hover {
	background:url(../images/BTN-blue-largest.png) repeat-x bottom;
}
.common #content .container_16 {
	background:url(../images/BG-main.gif) repeat-y #ffffff;
}
.common #content h1 {
	color:#256adc;
	font-size:3em;
	font-weight:normal;
	line-height:1.25em;
	margin:30px 0 20px;
}
.common #content a {
	color:#256adc;
	text-decoration: none;
}
.common #content a:hover {
	text-decoration: underline;
}
.common #content #main {
	padding:0 0 30px;	
}
.common #content #main div.no-list ul {
	list-style:none;
}
.common #content #main div.no-list ul ul {
	list-style:disc;
}
.common #content #main img {
	margin-right:1em;
}
.blue {
	color:#256adc;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}
.align-right {
	text-align:right;
}
.italic {
	font-style:italic;
}
sup {
    font-size:.5em;
    position:relative;
    top:-.7em;
}


/* SIDE-NAV STYLES */
.common #content #side-nav ul {
	margin-top:40px;
}
.common #content #side-nav ul li {
	width:180px;
	height:40px;
	list-style:none;
	font-size:1.1em;
	line-height:38px;
	margin:0;
	padding-left:20px;
	border-bottom:1px solid #b5b9c3;
}
.common #content #side-nav ul li.current {
	border:none;
}
.common #content #side-nav ul li.first {
	border-top:1px solid #b5b9c3;
	border-bottom:none;
}
.common #content #side-nav ul li.border-top {
	border-top:1px solid #b5b9c3;
}
.common #content #side-nav ul li.no-border {
	border-bottom:none;
}
.common #content #side-nav ul li a {
	width:180px;
	height:40px;
	color:#256adc;
	text-decoration:none;
	display:block;
	padding-left:20px;
	margin-left:-20px;
}
.common #content #side-nav ul li a:hover {
	width:178px;
	height:38px;
	text-decoration:underline;
	padding-left:20px;
	margin-left:-20px;
}
.common #content #side-nav ul li a.current {
	background:url(../images/BG-nav-current.png) no-repeat;
	width:220px;
	height:40px;
	color:#fff;
	text-decoration:none;
	display:block;
	padding-left:20px;
	margin-left:-20px;
	border:none;
}
.common #content #side-nav ul li a.current:hover {
	text-decoration:underline;
}


/* Footer Styles */
#footer {
	background:url(../images/BG-footer.jpg) repeat-x #636879;
	padding: 25px 0 40px;
}
#footer ul {
	list-style:none;
	float:left;
	margin:0 60px 0 0;
}
#footer ul li {
	font-size:.85em;
	line-height:1.8em;
	margin:0;
}
#footer ul li.bold {
	font-size:1em;
	font-weight:bold;
	margin-bottom:.5em;
}
#footer a, #footer p, #footer h1 {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer #call-us, #footer #legal {
	text-align:right;
}
#footer #call-us p, #footer #legal p {
	font-size:.85em;
	margin:0;
}
#footer #call-us h1 {
	font-size:2.25em;
	margin:-10px 0 40px;
}