/*
Please note the following styles are for IE 5.5 and above on the pc only

I have included the styles you need for other browsers but am not sure how you are going to implement the without using a dynamic style sheet (unless you include a different style sheet for each browser type)
*/

/*for any browser other than IE, the following must be included:

html {height:100%; margin:0; padding:0; border:0; position:relative;}
*/


body {width:100%; background:#fff url(../images/body-back.gif) top repeat-y; text-align:center; margin:0; padding:0; border:0; height:100%; position:relative; font-family: arial,verdana,helvetica; font-size:70%; font-weight: Normal; color:#444;}
.inputText, textarea, select, table, tr, td, ol, li, p {font-family:arial,verdana,helvetica; font-size:100%; font-weight:Normal;}

b, strong {font-weight:bold; text-decoration:none;}

a {font-weight:normal; color:#4C4444; text-decoration:none;}
a:hover {text-decoration:underline;}

hr {font-size:1px; height:1px; line-height:1px; border:0; background:url(../images/hr.gif) left no-repeat; *border:1px solid #F47414;}

.input { font-family: Arial; font-size: 10px; border-color: #A1968C #A1968C #A1968C #A1968C; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

/*general shared styles*/
.clear {clear:both; font-size:1px; height:1px; line-height:1px; display:block;}
.ieMinusOne {*margin-top:-1px;}
.noShow {display:none;}
.highlightedRow {background: #CCCCCC;}
.normalRow {background: #FFFFFF;}

#container {margin:auto; width:760px; background-color:#A1968C; height:100%; position:relative;}
#innerContainer {*height:0; background:url(../images/innerContainer-back.gif) top left repeat-y; clear:both; border-top:1px solid #fff; text-align:left; padding-bottom:10px; position:relative;}
#topStrip {display:block; height:5px; line-height:5px; font-size:4px; float:right; width:17px;}
.whiteBack {background-color:#fff;}

#leftside {float:left; width:284px;}
#leftside .inner {background-color:#fff; padding:2px 4px 0 2px; position:relative;}

#otherSiteLink {margin:18px 10px 10px 10px;}
#otherSite {width:100%; display:block; font-weight:bold; font-size:90%; font-color:#444; background:url(../images/logo-motor-leftBottom.gif) left bottom no-repeat; text-align:left;}
#leftside #otherSite .inner {padding:50px 0 0 70px; display:block; background-color:transparent;}
#otherSite .text {font-weight:bold; padding-left:12px; background:url(../images/more-back.gif) left no-repeat; display:block;}
#otherSiteLink {clear:both;}

#rightside {background-color:#fff; width:456px; padding-bottom:40px; float:right; text-align:left;}
#pageTitle {color:#F47414; font-size:125%; padding-bottom:3px; background:url(../images/hr.gif) bottom left no-repeat; margin-bottom:0;}
.subTitle {color:#F47414; font-weight:bold; font-size:110%; padding-bottom:3px; margin-bottom:0;}
.message {color:#FF0000; font-weight:bold; font-size:100%; padding-bottom:3px; margin-bottom:0;}
#instruction {color:#F47414; font-size:100%; padding-bottom:3px; margin-bottom:0;}
#instruction a {color:#F47414; font-size:100%; padding-bottom:3px; margin-bottom:0; text-decoration: underline;}
#editableContent {margin-top:15px;}

#mainContent {padding-top:18px 14px 0 0; position:relative;}

#topLinks, #bottomContent {width:459px; width:456px; padding-bottom:0px;}

#topLinks div {border-left:1px solid #A1968C; float:left; width:49%; padding-top:5px; font-size:110%;}
#topLinks a {font-weight:bold; display:block; width:100%; background:url(../images/toplinks-back.gif) left no-repeat;}
#topLinks a span {padding:5px 10px 5px 43px; cusrsor:pointer; display:block;}
#franchiseArea a .lock {padding-left:63px; background:url(../images/franchise-lock.gif) left no-repeat; background-position:43px;}
#franchiseArea a, .more {color:#F47414;}

.more {font-weight:bold; padding-left:12px; background:url(../images/more-back.gif) left no-repeat;}

#top {float:right; width:441px; padding-top:5px; background:url(../images/hr.gif) top left no-repeat; *display:inline; margin:-20px 18px 0 0;}
#top a {font-weight:bold; color:#F47414;}

#netconstruct {margin-top:15px; clear:both; text-align:center;}
#netconstruct, #netconstruct a {color:#fff;}

/*verticalMenu styles*/

/* all lists */
#verticalMenu, #verticalMenu ul {padding:0; margin:0; list-style:none; line-height:1; font-size:110%;}
#verticalMenu {width:100%; margin-top:3px;}
#verticalMenu li {margin:0 0 1px 0; *float:left; width:100%;}
#verticalMenu a, #verticalMenu .selected {display:block; font-weight:bold; padding:0; text-align:left; text-decoration:none;}

#verticalMenu a {background:#A1968C url(../images/leftNav-back.gif) left no-repeat; width:100%;}
#verticalMenu a span {cursor:pointer;}

#verticalMenu a .text, #verticalMenu .selected .text {padding:8px 5px 9px 35px;}

#verticalMenu .home a {background:#F47718 url(../images/leftNav-home.gif) left no-repeat;}
#verticalMenu .grouphome a {background:#FEF7F2 url(../images/leftNav-group-home.gif) left no-repeat;}
#verticalMenu .grouphome a .text {color:#444;}
#verticalMenu .grouphome {margin:0;}

#verticalMenu a .text, #verticalMenu .selected .text, #verticalMenu .grouphome a:hover .text {display:block; color:#fff;}

#verticalMenu a:hover, #verticalMenu .selected {text-decoration:none; background:#333131 url(../images/leftNav-back-mo.gif) left no-repeat;}


/*SubNav styles*/

#subNavHolder {background:url(../Images/hr.gif) bottom left no-repeat; float: left;	width: 455px; padding: 5px 0 6px 0;}
#subNav {list-style:none; width:auto; padding:0; margin:0;}
#subNav li {display:inline; margin-right:15px;}

.subNavLinks {font-weight:normal; text-decoration:none; white-space:nowrap;}
#subNav a:hover, #subNav .selected {text-decoration:underline;}

#subNav li .text {padding-left:13px; background:url(../images/more-back.gif) left no-repeat;}