@charset "UTF-8";
/* travelagentsStyle.css */

* {

margin: 0;
padding: 0;
line-height: 125%;

}


body {

background-color: #212121;

}




/*********************************************************************** DIV tags ************************************************************************/


#container {

width: 1000px;
height: 100%;
margin: 50px auto 0 auto;

}

#agencyContainer {

width: 900px;
height: 100%;
margin: 50px auto 0 auto;

}

#tacontainer {

width: 1000px;
height: 100%;
margin: 50px auto 0 auto;

}

#beyondHotelsContainer{

width: 1000px;
height: 100%;
margin: 50px auto 0 auto;

}


#header {

margin: 0 auto;
width: 920px;
height: 86px;

}


#headerLeft {

width: 310px;
float: left;

}


#headerRight {

float: right;
width: 560px;

}


#headerSponsor {

width: 500px;
padding: 3px;
background-color: #90BAD1;
margin:0 auto;

}


#top {

width: 916px;
clear:both;
margin: 40px auto 0 auto;
background-color: #90BAD1;
padding: 2px;

}


#menuBtm {

width: 1000px;
clear:both;
margin:0 auto;

}


#content{

width: 840px;
height: 100%;
margin: 0 auto;
clear: both;

}

#webinarContent{

width: 860px;
height: 100%;
margin: 0 auto;
clear: both;

}

#educationContent{

width: 840px;
height: 530px;
margin: 0 auto;
clear: both;

}

#ccravideo {

width: 325px;
margin: 10px auto 20px auto;

}


#portalContent{

width: 840px;
height: 1600px;
margin: 0 auto;
clear: both;

}

#portalContent table{

margin:0 auto;

}

#reservationsContent{

width: 840px;
height: 450px;
margin: 0 auto;
clear: both;

}

#beyondHotelsContent{

width: 840px;
height: 420px;
margin: 0 auto;
clear: both;

}

#tacontent{

width: 910px;
height: 380px;
margin: 0 auto;
clear: both;

}


#tacontentTop{

width: 910px;
height: 170px;
margin: 0 auto;
clear: both;

}

#contentOverviewMain {

width: 920px;
height: 100%;
margin: 0 auto;
margin-top: 20px;
float: left;

}


#overview{

width: 920px;
height: 100%;
margin: 0 auto;
clear: both;

}

#contentOverviewL{

float:left;
width: 900px;
margin: 0 auto;


}

#overviewBtm {
margin: 0 auto;
}

#overviewTop {
margin: 0 auto;
}


#contentLeft{

float:left;
width: 480px;
margin: 0 20px 0 auto;

}

#contentLeftTA {

float:left;
width: 460px;

}

#contentLeftTA table{

margin: 0 auto;

}


#contentRightTA {

float: right;
width:340px;

}

#contentRightTA p {

margin-right: 20px;

}

#contentRightTA img {

padding: 10px 10px 45px 0;

}

#contentRight img {

margin: 20px 20px 10px 0;

}


#btmLinks {

clear:both;
margin:30px auto 10px auto;
width: 640px;

}


#btmLinks td{

color: #ffffff;

}

#footer {

clear: both;
width: 1000px;
background:url(http://www.ccra.com/img/bgbuttom.jpg);
height:57px;

}

#footer td{

color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

}


#aboutus {

margin: 0 auto;
text-align: justify;

}

#cashrewards {

margin: 0 auto;
width: 800px;

}


#contactus {

margin: 0 auto;
width: 850px;
height: 100%;

}

#contactusLeft {

width: 800px;
float: left;

}


#contactusRight{

width: 400px;
float: right;
margin-top:40px;

}

#contactusTA{

margin: 0 auto;

}

#jobs {

margin: 0 auto;
width: 850px;
height: 100%;

}



#newsletters {

width: 840px;
margin: 0 auto;

}

#contentNews {

width: 840px;
margin: 0 auto;

}


#containerSpecials {

width: 1000px;
height: 100%;
margin: 50px auto 0 auto;

}

#contentSpecials{

width: 900px;
height: 100%;
margin: 0 auto;
clear: both;

}

#specials {

margin: 0 auto;
height: 100%;

}

#specialsListing {

margin: 0 auto;

}

#specialsListing img {

padding: 10px;
background-color: #ffffff;

}


/*
#contentGds{

width: 840px;
height: 1400px;
margin: 0 auto;
clear: both;


}

#gds {

width: 840px;
height: 650px;
margin: 0 auto;

}

*/


#getLinked{

width: 900px;
height: 650px;
margin: 0 auto;
clear: both;

}


#gdsCodes {

text-align: center;
background-color:#FFFFFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0 auto;
border: inset thick #ffffff;

}

#gdsCodes td{

padding: 5px;

}

#containerGds {

width: 1000px;
height: 100%;
margin: 50px auto 0 auto;

}

#webinars {

margin: 0 auto;

}

#upcomingWebinars {

margin: 0 auto;

}




/*********************************************************************** .span tags ************************************************************************/


h2 {

    Font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
	color: #ffcc33;

}

h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffcc33;

}


h4 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffcc33;
	padding-top: 20px;
	padding-bottom: 20px;

}

h6 {

    Font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	color: #ffcc33;
	padding-top: 20px;
	padding-bottom: 5px;

}


.text {	

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
}

.sponsors {

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;

}


.interior {

color: #90BAD1;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 10px 0;
text-align: justify;

}

.portal {

color: #90BAD1;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 10px 0;
text-align: left;

}

.rates {
color: #ffcc33;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
}


.interiorRight {

color: #90BAD1;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:justify;
margin: 10px 0;
text-align: justify;

}

.interiorYellow {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc33;
	text-align: justify;

}

.interiorYellowCenter {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc33;
	text-align: center;

}

.video {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffcc33;
	text-align: center;
	margin:20px 0;

}


.blye {

color: #90BAD1;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;

}


.compass {

margin:20px 10px 0 20px;
text-align: justify;

}

.gdsRow {

background-color: #cccccc;

}

.gdsTop {

color:#000000;
font-family: Arial, Helvetica, sans-serif;

}

.gdsLine{

padding-bottom: 5px;
border-bottom: thin solid #000000;

}

.specialsBreak {

height: 5px;
background-color: #90BAD1;
width: 100%;

}

.followUs {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;

}



/*********************************************************************** links ************************************************************************/


a:link, a:visited, a:active, a:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}


#btmLinks a:link {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#btmLinks a:visited {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#btmLinks a:active {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#btmLinks a:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#footer a:link {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#footer a:visited {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#footer a:active {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}

#footer a:hover {

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-decoration: underline;

}














/************************************************************** menuHeader code ***********************************************************************/



#links{

width: 920px;

margin: 0 auto;

background-color:#ffffff;

}



#menuheader {

	background-color:#27357e;
	
	border: 1px solid #FFFFFF;
	
	width:100%;

}



#menuwrapper  {

	

}


#p7menubar {

	width: 100%;


}



#p7menubar, #p7menubar ul {

	padding: 0;

	margin: 0;

	list-style: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;
	
	text-align: center;

	

}

#p7menubar a {

	display: block;

	text-decoration: none;

	padding: 5px 10px 5px 10px;

	border-left: 1px solid #fff;

	font-size: 100%;

	color: White;

}




#p7menubar li {

	float: left;

	width: 15.25em;

}




#p7menubar ul#drop0 li, #drop0 {

	width: 183px;

}



#p7menubar ul#drop1 li, #drop1 {

	width: 183px;

}





#p7menubar ul#drop2 li, #drop2 {

	width: 183px;
	

}



#p7menubar ul#drop3 li, #drop3 {

	width: 183px;
	

}



#p7menubar ul li a  {

	color: White;

	border-right: 0;

	padding: 3px 10px 3px 10px;

	border-top: 1px solid #fff;

}


#p7menubar li ul {

	position: absolute;

	display: none;

	background-color: #929ca8;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

}

#p7menubar li:hover a, #p7menubar a:focus,

#p7menubar a:active, #p7menubar li.p7hvr a {

	color: #fff;

	background-color: #929ca8;

}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {

	display: block;

}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {

	color: #fff;


}

#p7menubar ul a:hover {

	background-color:#212121;

	color: #FFFFFF;

}

/* End of Menu