/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*                  BODY                 */
/**************************************/

//reset

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}

body {
    background: url(../images/background.png);
    background-repeat: repeat-x;
    background-color: #FFF;
    padding: 0px;
    margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.container{
	width: 980px;
	height:auto;
	margin-left: auto; margin-right:auto;
	line-height: 1.5;
}




/**************************************/
/*              GLOBALS               */
/**************************************/

.container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:1.5;
	color:#333;
}

/*.container li{*/
/*	font-size: 14px;*/
/*	line-height: 22px;*/
/*}*/

.container h1, h2, h3, h4, h5{
	padding:0px;
	color:#003;
	font-family:Arial, Helvetica, sans-serif;
}

.container h1{
	font-size: 22px;
	font-weight:bolder;
}

.container h2 { font-size: 18px; }
.container h3 { font-size: 16px; }
.container h4 { font-size: 12px; }
.container h5 { font-size: 1.2em; }
.container h6 { font-size: 1em; }

.container a:link { color: #006;}
.container a:visited { color: #006; }
.container a:hover { color: #c33; }
.container a:active, .container a:focus { color: #000; }
.container code, .container pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */


/**************************************/
/*              HEADER                */
/**************************************/

#header{
	float:left;
	width: 980px; height:135px;
}

/** Top part of header div (Logo & Login) **/

.top{
	float: left;
	height: 91px; width:inherit;
}

.logo{
	float: left;
}

.login{
	float:left;
	width:118px; height:91px;
	background: url(../images/login_back.png);
	background-repeat:no-repeat;
}

.login .text{
	height: 50px;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:8px;
}

.login a{
	text-decoration:none;
	color:#FFF;
}

.login a:hover{
	text-decoration:underline;
	color: #FFF;
}

.login a:visited{
	text-decoration:none;
	color:#FFF;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#header .nav{
	float:left;
	height: 44px;
	width: auto;
}

.button_container{
    float: left;
    width:auto;
    height: 27px;
    margin-top:9px;
    margin-left: 20px;
}


.button_space{
	width: 8px;
	height: 27px;
	float: left;
}

.button_left{
	width: 8px;
	height: 27px;
	float: left;
	background-image: url(../images/select_left.png);
	background-repeat: no-repeat;
	margin-top:1px;
}

.button_right{
	width: 8px;
	height: 27px;
	float: left;
	background-image: url(../images/select_right.png);
	background-repeat: no-repeat;
	margin-top:1px;
}

.button_main{
	width: auto;
	height: 24px;
	float: left;
	background-image: url(../images/select_back.png);
	background-repeat: repeat-x;
	margin-top:1px;
	padding-top:3px;
	font-size: 14px;
	color:#FFF;
	text-decoration:none;
}

.button_main a{
    text-decoration: none;
}

.button{
	float:left;
	height: 20px;
	width:auto;
	padding-top: 5px; padding-bottom: 3px;
}

.button a{
	 height:27px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#333;
	 text-decoration:none;
}

.button a:visited{
	color: #333;
}

.button a:hover{
	color: #c33;
}


.notice{
	float: right;
	height: 34px;
	width: auto;
	margin-top: 5px;
	margin-left: 238px;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/


/*** Content Body for Home Page & Other Pages ***/

#body_content{
	float:left;
	width:980px; min-height: 400px;
	margin-top: 0px;
	/*background-image: url(../images/splash.png);*/
	background-repeat: no-repeat;
}

#body_content_rest{
	float:left;
	width:980px; min-height: 400px;
	margin-top: 10px;
}




.splash_area{
	width: 970px;
	height: 580px;
	float:left;
}

.splash_top{
	float:left;
 	width: 970px;
	height: 180px;
}

.splash_content{
    float:left;
	width:960px;
	height: 220px;
	font-size:18px;
	color:#006;
	font-weight:bold;
	padding-left: 10px;
}

.splash_bottom{
	float: left;
	width: 970px;
	height: 140px;
}

.splash_button{
	float: left;
	width: 245px;
	height: 80px;
	background: url(../images/bigOrangeButton.png);
	background-repeat:no-repeat;
	cursor:pointer;
}


/****** Left Panel (subnav) ******/
/************************************/


.left_panel{
	float: left;
	width: 254px; min-height: 500px;
	margin-right: 20px; margin-top: 20px;
}


/*** Left Side Sub-Navigation ***/

.subMenu_top{
	float:left;
	width: 252px; height: 14px;
	background: url(../images/sidebar_top.png);
	background-repeat:no-repeat;
	margin-top: 20px;
}

.subMenu_center{
	float:left;
	width: 252px; height: auto;
	background: url(../images/sidebar_body.png);
	background-repeat: repeat-y;
	color: #333;
}

.subMenu_bottom{
	float:left;
	width: 252px; height: 14px;
	background: url(../images/sidebar_bottom.png);
	background-repeat:no-repeat;
}

.subMenu_text{
	float:left;
	width: 214px; height: auto;
	margin-left: 28px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

.subMenu_cell{
	float:left;
	width: 218px; height: 38px;
	margin-left: 24px;
	border-bottom: dotted 1px;
	border-bottom-color:#CC3;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

.subMenu_cell a{
	text-decoration: none;
	color:#333;
	font-size: 13px;
}

.subMenu_cell a:hover{
	/*background: #e46c2f;*/
	color:#c33;
}

.subMenu_on{
	float:left;
	width: 252px; height: 41px;
	padding-left: 12px;
	background: url(../images/sidebar_foldx.png);
	background-repeat: no-repeat;
	color: #fff;
	font-weight:900;
	font-size:14px;
}

.subMenu_on a {
    text-decoration: none;
}

.subMenu_txt{
	float:left;
	width: auto; height: 28px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 4px;
}



/******* Right Side (Content Area) *******/
/*********************************************/


.right_panel{
	float: left;
	width: 690px; min-height: 300px;
	margin-left: 14px;
	line-height: 1.5;
}

/*** Box in Right Content with Star ***/

.news_box{
	 width: 690px;
	 height: auto;
	 float:left;
	 margin-right:auto; margin-left:auto;
	 margin-top: 10px; margin-bottom:30px;
}

.news_box_top{
	width: 670px;
	height: 31px;
	float:left;
	background: url(../images/news_top.png);
	background-repeat:no-repeat;
}

.news_box_main{
	width: 670px;
	height: auto;
	float:left;
	background: url(../images/news_body.png);
	background-repeat: repeat-y;
}

.news_box_content{
	width: 630px;
	height:auto;
	padding-left: 24px; padding-right: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

.news_box_bottom{
	width: 670px;
	height: 31px;
	float:left;
	background: url(../images/news_bottom.png);
	background-repeat:no-repeat;
}


/***** Text Areas on Home Page *****/
/*****************************************/


/*** Row Carrying Each Content Pod (it has a fixed height) ***/

.pod_row{
	float: left;
	width: 960px;
	height: 290px;
}

/***** Small Pod *****/

.podSmall_container{
	float:left;
	width:252px;
	height: auto;
	margin-top:2px;
}

.podSmall_top{
	float:left;
	width: 252px; height: 31px;
	background: url(../images/main250_top.png);
	background-repeat:no-repeat;
}

.podSmall_body{
	float:left;
	width: 252px; height: auto;
	background: url(../images/main250_body.png);
	background-repeat:repeat-y;
}

.podSmall_content{
	width:220px; height: 258px;
	color: #333;
	margin-left: 16px;
	float: left;
}

.podSmall_bottom{
	float:left;
	width: 252px; height: 31px;
	background: url(../images/main250_bottom.png);
	background-repeat:no-repeat;
}

/***** Big Pod *****/

.podHalf_container{
	float: left;
	width: 462px;
	height: 240px;
}

.podHalf_top{
	float:left;
	width: 462px; height: 30px;
	background: url(../images/podHalf_top.png);
	background-repeat:no-repeat;
}

.podHalf_body{
	float:left;
	width: 462px; height: 240px;;
	background: url(../images/podHalf_body.png);
	background-repeat:repeat-y;
}

.podHalf_content{
	width:426px; height: auto;
	color: #333;
	margin-left: 20px;
}

.podHalf_bottom{
	float:left;
	width: 462px; height: 30px;
	background: url(../images/podHalf_bottom.png);
	background-repeat:no-repeat;
}



/**************************************/
/*               FOOTER               */
/**************************************/

#footer{
	width: 100%;
    clear:both;
    height:auto;
    /*background-image: url(../images/footer.png);
    background-repeat: repeat-x;*/
    background-color: #f1f1eb;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    float: left;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
}

.footer_content{
    width: 932px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
	color:#666;
}

/*.footer_content h1, h2, h3, h4, h5, p, div, ol, ul, li {
	margin:auto;padding:0;border:0; vertical-align: bottom;
}*/

.footer_content a{
	color:#666;
	text-decoration:none;
}

.footer_content a:hover{
	color: #c33;
	text-decoration: underline;
}

.footer_content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	margin-bottom: 4px;
}

.footer_content h3, h4{
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 1px;
}

.footer_title{
	float:left;
	width: 140px;
	height: 32px;
	border-bottom: dotted 1px;
	border-bottom-color:#CC3;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

.footer_column{
	float: left;
	width: 160px;
	height:auto;
	margin-right:10px;
}

.footer_contact{
	float: left;
	width: 250px;
	height:auto;
}


/**** Copyright ****/

#copyright{
	width: 100%;
    clear:both;
    height:60px;
    background-color:#f9f9f9;
	margin-top:0px; margin-bottom:0px;
    margin-left: auto;
    margin-right: auto;
    float: left;
	line-height:1.5;
	}

.privacy_content{
	width: 960px;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}

.privacy_content p{
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	font-size:11px;

}

.bluetrip table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.bluetrip th, .bluetrip td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ccc;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 4px;
}

.right {
	text-align:right;
}

.ui_table {
   float: left; 
}

.ui_table .ui_row {
    float: left;
    width: 100%;    
}

.ui_table .ui_cell {
    float: left;
    width: 90px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-align: right;
    border-right: 1px dotted #B85700;
    padding: 10px 5px;
}

.ui_superscript {
    position: relative;
    top: -5px;
    font-size: 10px;
}