/* - - - - - - - - - - - - - - - - - - - - -

Title : SupportPlan
Author : Artificialtourism
URL : http://www.artificialtourism.com
Created : 21 Jan 2008
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

html{
	background: #fff;
	color: #000;
}
body{
	margin: 0;
	padding: 0;
	font: 100%/1.125em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
	text-align: center;
}

/* ----- IDS ----- */

#banner {
	background: #232323 url(../images/header.gif) repeat-x;
	height: 97px;
	color: #fff;
	margin: 0;
	padding: 0;
}

#navbox {
	background: #353535;
	border-top: 1px solid #454545;
	color: #fff;
	font-size: .8125em;
	line-height: 1.75em;
	margin: 0;
	padding: 0;
}

#content, #footer {
	font-size: .8125em;
	width: 770px;
	text-align: left;
	padding: 22px 0 25px;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
	margin-bottom: 25px;
}

#footer .sml {
	font-size: .835em;
	padding-left: 15px;
	padding-top: 2px;
}

/* Hides from IE5-mac \*/
* html #banner, * html #nav{height: 1%;}
/* End hide from IE5-mac */

/* ------ NAVIGATION ------ */

/*--- INITIAL STYLES ---*/
#nav, #nav ul, #nav ol, #nav li, #nav a { margin: 0; padding: 0; list-style: none; display:block; color: #fff;}
#nav li li { border-bottom: 1px solid #6f93b7; }
#nav ul { background-color: #81aac8; border: 1px solid #6f93b7;border-bottom: none;}
#nav :link, #nav :visited {text-decoration:none; border-width:0; }
#nav ul :link, #nav ul :visited, #nav ul :hover, #nav ul :active { text-decoration:none; }

/*--- INITIAL SIZES AND POSITION ---*/

/* TOP LEVEL */
#nav { padding: 0; }
#nav li { float:left; display:inline;} /*display:inline-IE float double margin fix */
#nav li a { padding: 0.4em 2em 0.4em 0;}
#nav li a.current {color: #f38018;}

/* FIRST LEVEL DROPDOWNS */
#nav ul { width:13em; position:absolute; margin-left: -5000px;}

/* FIRST AND SECOND LEVEL DROPDOWNS */
#nav ul li { width:13em; text-align:left;}
#nav li ul a { padding: 0.2em 0.5em; text-align: left; }

/* SECOND LEVEL DROPDOWNS */
#nav ul ul { margin: -1.6em 0 0 0; }
#nav li:hover ul ul, #nav li.sfhover ul ul { position: absolute; margin-left: -5000px; }

/*---HOVER POSITION ---*/

#nav li:hover ul, #nav li.sfhover ul, #nav li.sffocusparent ul { margin-left: -1px; }

/*---HOVER STYLES ---*/
#nav ul li:hover a, ul ul li.sfhover a:link, ul ul li.sfhover a:visited,
#nav ul li a:focus, ul ul li a.sffocus,
#nav:hover ul li:hover a:focus {
	background-color:#353535; }
#nav:hover ul li a:focus, ul.sfhover ul li a.sffocus { background-color:#353535; }

/*text style - top level*/
#nav li:hover a, #nav li.sfhover a:link, #nav li.sfhover a:visited, #nav li a:hover, #nav li.sffocusparent a:link, #nav li.sffocusparent a:visited {
	text-decoration:none; }

/*text style - dropdowns */
#nav li:hover li a, #nav li.sfhover li a:link, #nav li.sfhover li a:visited, #nav li.sffocusparent li a:link, #nav li.sffocusparent li a:visited {
	text-decoration:none; }

/* extra positioning rules for no javascript / keyboard accessibility */
#nav a:focus + ul { margin-left: -1px; }
#nav ul a:focus + ul { margin-left: 9999px; }
#nav ul a:focus, #nav ul ul a:focus { margin-left:4999px; width:12em; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus, #nav li.sffocusparent a.sffocus { margin-left: 0; }

/* ----- CLASSES ----- */

.clear{
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

.center {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.logo {
	float: left;
	padding-top: 23px;
	margin-bottom: 20px;
}

.strapline {
	float: right;
	padding-top: 55px;
}

.left_col {
	width: 508px;
	float: left;
	margin-right: 18px;
}

.right_col {
	width: 244px;
	float: left;
}

.action {
	margin-bottom: 8px;
}

.quote_s, .quote {
	background: #f0f0f0 url(../images/quote_bkg_s.gif) repeat-x;
	font-size: 1.22em;
	padding: 5px 15px 8px;
	line-height: 1.35em;
	margin-bottom: 0;
	color: #000;
	word-spacing: -.1em;
}

.quote {
	background: #f0f0f0 url(../images/quote_bkg.gif) repeat-x;
}

.credit {
	margin-top: 0;
	background: url(../images/credit_bkg.gif) no-repeat;
	padding: 4px 15px 10px;
}

.left_col .half_left {
	float: left;
	width: 245px;
	line-height: 1.30em;
	margin-right: 18px;
}

.left_col .half_right {
	float: left;
	width: 245px;
	line-height: 1.30em;
	margin: 0;
}

.ttl {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

img.left {
	float: left;
	padding-right: 10px;
}

/* ----- HEADINGS ----- */

H1, h2, h3, h4 {
	line-height: 1.1em;
}

h1 {
	font-size: 1.53em;
	color: #f38018;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	margin-bottom: .5em;
	word-spacing: -.1em;
}

h2 {
	font-size: 1.22em;
	color: #f38018;
	font-weight: normal;
	font-style: normal;
	margin-top: 0;
	margin-bottom: .5em;
}

h3 {
	font-size: 1.1em;
	color: #666;
}

h4{
	font-size: 1em;
	color: #666;
}

/* ----- PARAGRAPHS ----- */

p{
	margin-bottom: .8em;
	margin-top: .8em;
}

/* ----- LISTS ----- */

ul.quicklinks {
	margin: 0 0 8px;
	padding: 0 0 9px;
	list-style: none;
	background: #f6f7f8 url(../images/quicklinks_btm.gif) no-repeat 0 bottom;
}

ul.quicklinks li {
	padding: 4px 15px 0;
	width: 211px;
	border-left: 1px solid #e9e7e7;
	border-right: 1px solid #e9e7e7;
	margin: 0;
}

ul {
	margin-left: 0;
	padding-left: 1.2em;
}

/* ----- LINKS ----- */

a {
	color: #226c9c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul.quicklinks li a{
	text-decoration: none;
	border-bottom: 1px solid #e9e7e7;
	display: block;
	background: url(../images/arr_blue.gif) no-repeat right;
	padding: 0 0 3px;
	margin: 0;
}

ul.quicklinks li a.last {
	border-bottom: none;
}

ul.quicklinks li a:hover {
	color: #000;
	background: url(../images/arr.gif) no-repeat right;
}

ul.quicklinks li a.current{
	background-image: none;
	color: #333;
}

.utilsnav a {
	color: #333;
}

a:hover {
	color: #226c9c;
}

a.more {
	background: url(../images/arr_blue_s.gif) no-repeat right 70%;
	padding-right: 8px;
}

/* ----- TABLES ----- */

table {
	font-size: .85em;
	margin: 12px 0;
	padding: 0;
}

td {
	border-bottom: 1px solid #cddee7;
	padding: 3px 8px;
}

thead td {
	background: url(../images/thead_bkg.gif) repeat-x 0 bottom;
	border: 1px solid #cddee7;
	border-right: none;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

thead td.last{
	border-right: 1px solid #cddee7;
}

thead.tab td {
	background-image: none;
	border: none;
	font-size: 1.1em;
}

thead.tab td.left {
	background: url(../images/tab_l.gif) no-repeat;
	border-right: 1px solid #7094b7;
	color: #fff;
	font-weight: bold;
}

thead.tab td.right {
	background: url(../images/tab_r.gif) no-repeat right top;
	color: #fff;
	font-weight: bold;
}

.ctext {
	text-align: center;
}

.blue {
	background-color: #f3f6f9;
}

.grey {
	font-size: .85em;
	color: #666;
	line-height: 1.2em;
	padding-left: 8px;
}

/* ----- FORMS ----- */

form {
	background-color: #f9f9f9;
	border: 1px solid #cddee7;
	padding: 5px 15px 15px;
	font-size: .9em;
	margin-top: 15px;
	margin-bottom: 15px;
}

label {
	width: 180px;
	float: left;
	display: block;
	padding: 3px 10px 0 0;
	margin: 0;
	font-weight: bold;
}

input.fixed {
	width: 200px;
	margin: 0;
	vertical-align: middle;
}

input.submit {
	margin-left: 190px;
}

.required {
	font-weight: bold;
	color: #f38018;
}