/*
  COLORS:
    BLUE: #6699CC
    GRAY: #333333 (top nav bg, interior text)
    GRAY: #666666 (border header, footer text)
    GRAY: #CCCCCC (box borders, bottom nav bg)
  YELLOW: #FFCC00
*/

/********************** BEGIN RESET STYLES **********************/
/* Used to reset all browsers to have the same default styling */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, cite, code, 
del, dfn, em, font, img, ins, kbd, q, samp, 
strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
  vertical-align: baseline;
  /*background: transparent;*/
  font-family: Arial,Helvetica,Garuda,sans-serif !important;
}

html, body, div, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
input, select, textarea, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
  color: #333333;
  font-size: 15px;
}
#content ol, ul, li {
  font-size: 13px;
}

body {
  background: #FFFFFF;
  color: #333333;
}
ol, ul {
  list-style: none;
}

a {
  font-size: 100%;
  color: #6699CC;
  text-decoration: none;
}

#header a:hover, #content a:hover, #footer a:hover, .textLink {
  color: #6699CC;
  text-decoration: none;
}

blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
: focus {
  outline: 0;
}

/* line height */
#content div, #content span, #content p, #content blockquote, 
#content a, #content font, 
#content li, #content th, #content td {
  line-height: 1.5;
}

/*********************** END RESET STYLES ***********************/











/*********************** BEGIN CONTAINER ***********************/
#container { /* Overall page container */
  width: 100%;
}

.centerPage {
  width: 995px;
  margin: 0px auto 0px auto;
  display: block;
}
/*********************** END CONTAINER ***********************/














.inputField {
  position: relative;
  overflow: hidden;
  border-left: 1px solid;
  border-right: 1px solid;
  margin: 0px 0px 0px 1px;
}

.inputField input {
  position: absolute;
  background-color: #FFFFFF;
  border: 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-left: 1px;
  width: 100%;
  display: block;
}

.inputFieldSelect {
/*  border: 1px solid #807F83;
  height: 17px;
  overflow: hidden;
  position: relative;
  width: 229px;
  margin-left: 1px;*/
}
.inputFieldSelect select {
  color: #807F83;
  font-size: 9px;
/*  color: #807F83;
  height: 20px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 233px;
  font-size: 12px;
  line-height: 16px;
  padding-left: 1px;
  padding-top: 1px;*/
}













/*********************** BEHIN HEADER ***********************/
#header { /* Header overall container */
  background: #FFCC00;
  margin-bottom: 32px;
}

#logo { /* Logo container */
  height: 104px;
  text-align: left;
  display: block;
  background: url('../images/topBarBg.gif') no-repeat top right;
}

#nav { /* Nav container */
  width: 100%;
  background: #6699CC;
  display: block;
  padding: 2px 0px;
}

#navBg {
  background: #333333;
  height: 36px;
}

#navHolder {
  width: 100%;
}

#navLinks td {
  height: 36px;
  vertical-align: middle !important;
}

#navLinks td a { /* Nav block links */
  color: #FFFFFF;
  padding: 10px 10px 10px 12px;
  font-size: 13px;
  display: block;
  text-transform: uppercase;
}

#navLinks td a:hover {
  color: #6699CC;
}


#navSearch {
  vertical-align: middle !important;
}
#navSearchInput {
  background: #FFFFFF;
  vertical-align: middle !important;
}
#navSearchInput input {
  border: 0px;
  margin: 0px;
  padding: 3px 6px 2px 6px;
  width: 114px;
  font-size: 10px;
}
#navSearchButton {
  background: #6699CC;
  vertical-align: middle !important;
}
#navSearchButton div {
  width: 100%;
}
#navSearchButton a {
  padding: 2px 6px 1px 6px;
  display: block;
  font-size: 10px;
}
#navSearchButton a, #navSearchButton a:hover {
  color: #FFFFFF;
}
/*********************** END HEADER ***********************/














/*********************** BEGIN CENTER CONTENT ***********************/
.minHeightDiv {
  min-height: 500px;
  height: auto !important;
  height: 500px;
}

hr {
  color: #6699CC;
  background-color: #6699CC;
  height: 2px;
  border: none;
  padding: 0px;
}


.blueBg {
  background: #6699CC;  
  color: #FFFFFF;
}
.yellowBg {
  background: #FFCC00;
  color: #666666;
}

#hp_bottomBoxes, .boxBorder, .boxTable, .travelTable {
  width: 100%;
}
#hp_bottomBoxes .boxTable {
  /*height: 132px;*/
}

#hp_bottomBox1 {
  width: 234px;
}
#hp_bottomBox2 {
  width: 470px;
}

#hp_bottomBox1, #hp_bottomBox2 {
  padding-right: 16px;
}


.boxTitle, .boxTitleImage {
  border: 2px solid #CCCCCC;
  border-bottom: 0px;
}
.boxTitle {
  height: 19px;
  padding: 0px 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.boxContent {
  background: #FFFFFF;
  padding: 15px 5px 15px 15px;
  border: 2px solid #CCCCCC;
  overflow: auto;
}
.boxTable, .boxTable td, .boxTable div, .boxTable span, .boxTable p, .boxTable li, .boxTable a {
  font-size: 13px;
}


.boxTable td {
  vertical-align: middle !important;
}
.boxTable table td {
  vertical-align: top !important;
}

.tsLocation {
  padding-right: 10px;
}

.tsLocation div {
  float: right;
}

.boxBorder {
  background: #CCCCCC;
}




.pageOptions {
  width: 100%;
}
.pageOptions td {
  vertical-align: middle !important;
}
.pageOptions td, .pageOptions td a {
  text-transform: uppercase;
  font-size: 10px;
}
.pageOptions .poText {
  width: 50%;
  padding-left: 10px;
}

.pageSubLinks p, .pageSubLinks p a {
  text-transform: uppercase;
  font-size: 13px;
}

.lastItem {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.loneHr {
  margin-top: 10px !important;
}

.tsListingDate {
  width: 150px;
}



/*********************** END CENTER CONTENT ***********************/










/*********************** BEGIN FOOTER ***********************/
#footer {
  display: block;
  background: #CCCCCC;
  margin-top: 8px;
}

#footer, #footer a, #footer div, #footer td {
  font-size: 10px;
  color: #666666;
}

#footer table {
  width: 100%;
}
#footer td {
  height: 37px;
  vertical-align: middle !important;
}

#footerCopyright {
  padding-left: 7px;
}

#footerLinks {
  /*padding: 0px 10px;*/
  text-align: right;
}
#footerLinks li {
  display: inline;
}
#footerLinks a {
  margin-left: 15px;
}

#cpLogo {
  text-align: right;
  padding: 4px 0px;
}

/*********************** END FOOTER ***********************/









/*
  COLORS:
    BLUE: #6699CC
    GRAY: #333333 (top nav bg, interior text)
    GRAY: #666666 (border header, footer text)
    GRAY: #CCCCCC (box borders, bottom nav bg)
  YELLOW: #FFCC00
*/











/*********************** BEGIN VE OVERRIDES ***********************/
div.portal-page-area {
  margin: 0px !important;
}
#content td {
  vertical-align: top;
  text-align: left;
}
.wide-col {
  width: 644px !important;
}
.narrow-col {
  width: 254px !important;
}
.page-colA {
  padding-left: 5px;
  padding-right: 92px;
}

.page-colA .portal-page-area, .page-colB .portal-page-area {
  padding-bottom: 20px;
}


h1, .h1, .portlet-area-title, h1 span, .h1 span, .portlet-area-title span {
  font-size: 24px;
  text-transform: uppercase;
  color: #333333;
  padding-bottom: 3px;
  font-weight: bold;
  line-height: normal !important;
}
h1, .h1, .portlet-area-title {
  display: block;
}
h2, .h2, h2 span, .h2 span,
h3, .h3, h3 span, .h3 span,
h4, .h4, h4 span, .h4 span,
h5, .h5, h5 span, .h5 span,
h6, .h6, h6 span, .h6 span {
  font-size: 16px;
  text-transform: uppercase;
  color: #333333;
  /*padding-bottom: 3px;*/
  font-weight: bold;
  line-height: normal !important;
}
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  display: block;
}
h3, .h3 {
  font-size: 16px;
  color: #000000;
  padding-bottom: 6px;
  font-weight: bold;
  line-height: normal !important;
  display: block;
}

/*.page-colB h1, .page-colB .h1, .page-colB .portlet-area-title {
  color: #5C8727 !important;
}*/


.portal-page-area p, .portal-page-area ul, .portal-page-area hr {
  margin: 0px 0px 15px 0px;
}
.portal-page-area ul {
  padding: 0px;
  list-style-type: none;
}
.portal-page-area li {
  background: url('../images/ul_bullet.gif') no-repeat 2px 8px;
  padding-left: 10px;
}

.portal-page-area ul ul {
  margin: 0px;
}
.portal-page-area li ul li {
  margin-left: 10px;
}
ul.tabular-as-links li {
  background: none;
  margin: 0px;
  padding-left: 0px;
}

li.noBullet, ul.noBullet li {
  background: none !important;
  padding-left: 0px !important;
}

/* Site map */
#siteMap li {
  margin-bottom: 10px;
  font-size: 15px !important;
}
#siteMap ul, #siteMap ul ul {
  margin: 0px;
}
#siteMap li li {
  margin-bottom: 0px;
  padding-left: 10px;
  font-size: 13px !important;
}


.narrow-col ul {
  margin-bottom: 0px;
}

.top-col {
  padding-bottom: 25px;
}

.layout-1Column .wide-col {
  width: 100% !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.webtemplate-toolbar {
  display: none;
}

.page-colArow2 {
  width: 736px !important;
  vertical-align: bottom !important;
  padding: 0px 0px 0px 5px !important;
}
/*********************** END VE OVERRIDES ***********************/