﻿@import url('layout.css');
body {
	margin: 0px;
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	padding: 0px;
	color: #000000;
}
/* Styles for DIV tags */
#container {
	margin: auto;
	background-position: left;
	background: #EAEBF2 url('../images/hiltoninsside copy.jpg') no-repeat left
top;
	border-right: 5px solid #666644;
	border-left: 5px solid #666644;
	border-bottom: 5px solid #666644;
	border-bottom-style: solid;
	border-left-style: solid;
}
#masthead {
	background-color: #FFFFFF;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	padding: 15px;
	margin-left: auto;
}
#navigation {
	text-align: center;
	background-color: #FFFFFF;
	left: 100px;
}
html>body #navigation {
	overflow: hidden;
}
#content_container {
	background-color: #FFFFFF;
	padding: 0px;
}
#column_left {
	float: left;
	margin-left: 5px;
}
#column_right {
	background-color: #EAEBF2;
	padding-bottom: 30px;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-attachment: scroll;
}
#image {
	margin-bottom: 6px;
	margin-left: 6px;
}
#footer {
	background-color: #F9F9EC;
	color: #666644;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 8px;
	padding-bottom: 8px;
}
/* Styles for Masthead */
#masthead h1 {
	color: #555533;
	font-style: italic;
	font-size: 60px;
	margin: 0px;
	text-align: right;
}
#masthead h3 {
	margin-top: .4em;
	color: #999977;
	margin-bottom: 0px;
	text-align: right;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
}
#masthead a {
	color: #000000;
	text-decoration: none;
}
/* Styles for Navigation */

/* Styles for Right Column */
#column_right h4 {
	color: #666644;
	margin-top: 0px;
}
#column_right p {
	color: #999977;
	margin-top: 0px;
	font-size: 0.9em;
}
#column_right a {
	color: #6A6AB4;
}
#column_right a:hover {
	background-color: #EEEECC;
}
/* Styles for Left Column */
h1 {
	font-size: 72px;
	color: #222200;
	margin-top: 0px;
}
h2 {
	font-size: x-large;
	color: #000000;
	margin-top: 0px;
}
h3 {
	font-size: large;
	color: #444422;
	margin-top: 0px;
}
h4 {
	font-size: medium;
	color: #555533;
	margin-top: 0px;
}
h5 { 
	font-size: x-small;
	margin-top: 0px;
}
h6 { 
	font-size: xx-small;
	margin-top: 0px;
}
a {
	color: #6A6AB4;
}
a:hover {
	background-color: #EEEECC;
}
/* Styles for Footer */
#footer p {
	margin: 0;
	font-size: 0.75em;
	text-align: left;
}
#copyright {
	float: right;
	text-align: right;
}
#copyright p {
	font-size: 0.75em;
}
#footer a {
	color: #555522;
	font-weight: bold;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

ul, ol {
	margin-left: ;
	margin-left: 6px;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 40px;
}

a {
    color: #4088b8;
}

table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#navigation{
	border-bottom: 1px solid gray;
	overflow: hidden;
	width: 100%;
	padding: 6;
	font-size: 14px; /*font of menu text*/
}


#navigation ul{
	list-style-type: none;
	margin: 0 0 0 20px;
/*offset of first tab relative to page left edge*/
	padding: 0;
}

#navigation li{
float: left;
margin: 0;
padding: 0;
}

#navigation a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(http://www.hiltoninsuranceagency.com/hiltondesigntemp/media/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 12px;
text-decoration: none;

}

#navigation a span{
float: left;
position: relative;
display: block;
background: url(http://www.hiltoninsuranceagency.com/hiltondesigntemp/media/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */


#navigation .selected a{
background-position: 0 -125px;
top: 0;
}

#navigation .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#navigation a:hover{
background-position: 0% -125px;
top: 0;
}

#navigation a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}


