
 
body{
background-color:#ffffff;
text-align:center;
margin:0px;
padding:0px;
}
.PageFrame {
width:954px;
margin:0px auto;
background-color:#a78da0;
}

#ControlPanel {
padding:0px;
margin:0px;
}
.tagline {
width:954px;
text-align:right;
}

/* sets background and other  properties for the main menu tab */
#CotelsMenuTab {
width:954px;
height:84px;
background-image:url(navigationBackground.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
}
/* main tab background image and other properties */
#navHContainer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#FFFFFF;
display:block;
margin:0px;
padding:0px;

}

#nav ul {
padding:0px;
margin:0px;
    list-style:none;
    float:left;
    width:auto;
	
}
#nav li {
position: relative;
float:left;
/*line-height :63px; sets the height of the tab menu */
width:118px; /*sets the width of the tabs */
list-style: none;
font-size:0.83em;
height:84px;
border-left:#999999 solid 1px;
margin:0px;
padding:0px;
}
#nav li:hover {
background-image:url(navigationBackgroundOver.jpg);
background-repeat:repeat-x;
}
/* second-level lists */
#nav li ul { 
	position : absolute;
	left: -999em;
padding:0px;
margin:0px;
}
/* set the text properties for main tab */
#nav a {
font-size:0.83em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF !important;
display:block;
text-align:center;
padding-top:25px;
margin:0px;

}
#nav a:visited {

}
#nav a:hover {

}
#nav ul li a:hover {
}
/* set the hover properties for the main tab background */
#nav li:hover {

}
#nav li li {
height:30px;
background:#5c3d51;
border-left:##999999 1px solid;
border-right:##999999 1px solid;
}
/*  set the submenu background and font color etc  */
#nav li li a {
font-size:0.83em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF;
width:119px;
padding:0px;
line-height:15px;
}
/* set the hover effects for the submenu 1 text and background and cancels the image background from the main tab */
#nav li li a:hover{
font-size:0.83em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background-image:none;

}
#nav li a.SelectedTab {
    font-size:0.83em;
	padding:0px;
margin:0px;
    
}
#nav .DisabledTab {
    color:#ccc;
	font-size:0.83em;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;

}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 0px; /*sets positioning of the drop down menu level 1*/
	left:0;
	margin-top:84px;
	
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:118px; /*sets positioning of the drop down menu level 2*/
	margin-top:0px;
}
/*end of navigation*/
#cotelsTopPane {
clear:both;
width:952px;
height:242px;
margin:0px 0px 2px 0px;
padding:0px;
border-left:#666666 solid 1px;
border-right:#666666 solid 1px;
border-bottom:#666666 solid 1px;
background-color:#FFF;
}
#logoCotels {
float:left;
clear:both;
width:260px;
_width:245px;
height:241px;
margin:0px;
padding:0px;
background-image:url(cotelsLogo.jpg);
background-repeat:no-repeat;
background-position:center;
}
#cotelsFlash {
float:right;
width:685px;
height:242px;
background-color:#FFF;

}
#bannerGroupOne {
float:left;
width:779px;
}
#cotelsSubnavigationBar {
clear:both;
text-align:left;
width:950px;
height:41px;
padding:2px;
}
#cotelsPhoneNumber {
float:left;
margin-left:1px;
margin-top:3px;
background-image:url(phoneNumberImage.jpg);
background-repeat:no-repeat;
width:229px;
height:33px;
}
.ticker {
float:right;
width:538px;
height:23px;
margin:3px 0px 0px 0px;
padding:7px 0px 0px 0px;
background-image:url(tickerBackground.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#callMeBackButton {
float:right;
margin-top:2px;
margin-right:1px;
background-image:url(callMeBackButton.jpg);
background-repeat:no-repeat;
padding:9px 22px;
text-align:center;
}
#callMeBackButton a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;

}
#callMeBackButton:hover {
background-image:url(callMeBackButtonOver.jpg);
background-repeat:no-repeat;
} 
#threepanecontent{
padding:0px;
margin:0px;
clear:both;
width:952px;
}
.leftpane{
padding:0px;
margin:0px;
float:left;
width:229px;
}
.ContentGroup {
width:718px;
-width:710px;
float:right;
margin:0px;
padding:0px;
}
.contentpane {
float:left;
width:542px;
-width:532px;
margin:0px;
padding:0px;
}
.contentpane a {
color:#cc480a !important;
    text-decoration:underline;
}
.contentpane a:hover{
color:#4b2941 !important;
text-decoration:underline;
}
.rightpane {
margin:0px 4px 0px 0px;
padding:0px;
float:right;
width:165px;
_width:155px;
}
#footer {
clear:both;
margin:0px;
padding:6px 0px 0px 0px;
width:954px;
height:45px;
background-color:#583a4d;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#a99aa1;
}
.footer p {
}
.footer a {
margin-left:5px;
color:#a99aa1 !important;
text-decoration:underline;
}
.footer a:hover {
color:#FFFFFF !important;
text-decoration:none;

}
#BottomPane {
}
/* styling text etc */

h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.4em;
color:#47263b;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.3em;
color:#47263b;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.2em;
color:#47263b;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.1em;
color:#47263b;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1em;
color:#47263b;
}

.Normal {
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.NormalBold {
color:#003366;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
a {
	color:#cc480a !important;
    text-decoration:underline;
}
a:hover{
color:#4b2941 !important;
text-decoration:underline;

}
a:visited {

}
a:active {

}
text {

}

.orange {
	color: #EB6317;
}
.blue {
	color: #6699CC;
}
.green {
	color: #99CC33;
}
.lightorange {
	color: #FF9900;
}
.lightgrey {
	color: #666666;
}


#login {
clear:both;
text-align:right;
width:954px;
margin:0px auto;
}
#login a{

}
#cotelsSubnavigationBar, #cotelsSubnavigationBar a, #cotelsSubnavigationBar li a {
	color:#FFF !important;
}
#cotelsSubnavigationBar a:hover {
	text-decoration:none;
	color:#cc480a !important;
}









