@charset "utf-8";

/*********************************
		GLOBAL PROPERTIES
**********************************/

	body {
		background: #276280;
		color: #003f5f;
		font: 12px Arial, Helvetica, sans-serif;
		line-height: 18px;		
	}

	h1 {
		color: #003f5f;
		font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0px;
		letter-spacing: -1px;
	}
	
	h2 {
		color: #5b9b98;
		font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 0px;
		letter-spacing: -1px;
	}
	
	h3 {
		color: #5b9b98;
		font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin: 5px 0;
		letter-spacing: -1px;
	}	
	
	h4 {
	    color: #003f5f;
	    font-size: 12px;
	    margin: 0px;
	}
	
	a {
		color: #5b9b98;
	}
	
	a:hover {
		text-decoration: none;
	}
	
	em {
	    color: #999;
	}
	/* For table properties, see table section below */	

/*********************************
		CANVAS PROPERTIES
**********************************/

	#canvas {
		width: 990px;
		margin: 0 auto;
	}
	
	.colLeft, .colMain, .colSub, .colRight {
		float: left;
	}
	
	.clearfix {
		clear: both;
	}

/*********************************
		FRAME PROPERTIES
**********************************/

	/*********** FRAME TOP *********/
	
	#frameTop {
		height: 43px;
	}
	
	#frameTop .colLeft {
		background: url(/images/frame_header_left.jpg) no-repeat bottom ;
		width: 25px;
		height: 43px;
	}
	
	#frameTop .colMain {
		background: url(/images/frame_header_bg.jpg) repeat-x bottom;
		width: 864px;
		height: 35px;
		padding: 8px 0 0 76px;
	}
	
	#frameTop .colRight {
		background: url(/images/frame_header_right.jpg) no-repeat bottom ;
		width: 25px;
		height: 43px;
	}

	/*********** FRAME MAIN *********/
	
	#frameMain {
		background: url(/images/frame_bg.jpg) repeat-y;
		padding: 0 40px 30px 40px;
	}
	
	#frameMain h1 {
	    font-size: 28px;
	    border-bottom: 1px #ccc solid;
	}
	
	#frameMain h1 span {
	    font-size: 18px; 
	    color: #5b9b98;   
	}
	
	#frameMain h1 span div {
	    display: inline;
	    font-weight: bold;
	    color: #990000;
	}
	
	#frameMain h3 {
	    padding-top: 15px;
	}
	#frameMain h5 {
	    border-bottom: 1px #ccc solid;
	    color: #5b9b98;
	    font-size: 20px;
	    font-family: "trebuchet ms", arial;
	    padding-bottom: 3px;
	    margin: 20px 0 35px 0;
	}
		
	#frameMain .colLeft {
		background: url(/images/frame_main_left.jpg) no-repeat;
		width: 15px;
		height: 15px;
	}
	
	#frameMain .colMain {
		background: #fff;
		width: 960px;
	}
	
	#frameMain .colMain th {
	    padding-left: 0px;
	}
	
	#frameMain .colRight {
		background: url(/images/frame_main_right.jpg) no-repeat;
		width: 15px;
		height: 15px;
	}

	/*********** FRAME BOTTOM *********/
	
	#frameBottom {
		height: 43px;
	}
	
	#frameBottom .colLeft {
		background: url(/images/frame_footer_left.jpg) no-repeat;
		width: 25px;
		height: 43px;
	}
	
	#frameBottom .colMain {
		background: url(/images/frame_footer_bg.jpg) repeat-x;
		width: 864px;
		height: 35px;
		padding: 8px 0 0 76px;
	}
	
	#frameBottom .colRight {
		background: url(/images/frame_footer_right.jpg) no-repeat;
		width: 25px;
		height: 43px;
	}

/*********************************
		HEADER PROPERTIES
**********************************/

	#header {
		height: 67px;
	}
	
	#header .colLeft {
		background: url(/images/header_left.jpg) no-repeat;
		width: 25px;
		height: 67px;
	}
	
	#header .colMain {
		background: #fff url(/images/header_bg.jpg) repeat-x bottom;
		width: 940px;
		height: 67px;
	}
	
	#header .colMain img {
		float: left;
		padding-right: 33px;
	}
	
	#header .colMain h1 {
		padding-top: 15px;
	}
	
	#header .colMain span {
	    display: block;
	    padding-top: 22px;
	}
	
	#header .colRight {
		background: url(/images/header_right.jpg) no-repeat;
		width: 25px;
		height: 67px;
	}
	
	#logoBtm {
		background: url(/images/logo_bottom.jpg) no-repeat 60px 0px;
		height: 43px;
	}
	
/*********************************
		PRIMARY NAVIGATION
**********************************/	
	
	#primaryNav {
	    margin: 7px 0 0 487px;
	    padding: 0 0 0 16px;
	    list-style: none;
	    height: 50px;
	    background: url(/images/prim_nav_lt.jpg) no-repeat;
	    font-size: 16px;

	}
	
    #primaryNav li {
        float: left;
        padding-right: 1px;
        background: url(/images/prim_nav_sep.jpg) no-repeat right;
    }	
    
    #primaryNav a {
        display: block;
        float: left;
        padding: 17px 12px 15px 12px;
        background: url(/images/prim_nav_bg.jpg) repeat-x;
        color: #cae2e1;
        text-decoration: none;
		white-space:nowrap;
    }
    
    #primaryNav a.selected {
    	color: #fff;
    }
    
    #primaryNav a:hover {
        background-position: bottom;
        color: #fff;
    }    
    
    #primaryNav .last {
        background: url(/images/prim_nav_rt.jpg) no-repeat right;
        padding-right: 16px;
    }	

/*********************************
		PROMO PROPERTIES
**********************************/

	#promo {
		padding-bottom: 15px;
	}
	
	#promo span {
		float: left;
		padding-right: 35px;
	}
	
	#promo img {
	    padding-bottom: 8px;
	}
	
	#promoImg {
		float: left;
		width: 418px;		
	}
	
	#promoContent {
		float: left;
		width: 492px;
	}


/*********************************
		CONTENT PROPERTIES
**********************************/

	#content {
		border-top: 1px #dadada solid;
	}
	
	#content h3 {
		padding: 0 0 0 10px;
	}

	#content li {
		font-size: 16px;
		line-height: 20px;
	}

	#content .colLeft {
		width: 375px;
		height: auto;
		background: #fff;
		border-right: 1px #dadada solid;
		padding: 15px 20px 20px 0;
	}	
	
	#content .colMain {
		width: 494px;
		padding: 20px 0 0px 20px;
		border-left: 1px #dadada solid;
		margin-left: -1px;
	}
	
	#content .colMain tr:hover {
	    background: #fffbcf;
	    cursor: pointer;
	    border-top: 1px #fce9ae solid;
	    border-bottom: 1px #fce9ae solid;
	}
	
	#content .colMain tr {
	    border-top: 1px #efefef solid;
	    border-bottom: 1px #efefef solid;
	}
	
	#content .colMain h4 a:hover {
	    color: #1c8cc4;
	    text-decoration: underline;
	}
	
	#content .colMain p {
	    font-size: 14px;
	    font-weight: bold;
	    padding-top: 50px;
	    text-align: center;
	    color: #990000;
	    line-height: 22px;
	}	

/*********************************
		5 DAY
**********************************/

	#fiveDay {
		margin: 0;	
		padding: 0 0 0 0px;
		list-style: none;
	}
	
	#fiveDay li {
		margin-bottom: 10px;
	}
	#fiveDay li span {
		margin: 0;
		padding: 0;
		font-weight: bold;
		display: block;
		margin-bottom: 10px;
		float: left;
		width: 45px;
	}

/*********************************
		CITY LISTS
**********************************/	

    #cityList {
        margin: 0px;
        padding: 20px 0 0 0;
        list-style: none;    
    }
        
    #cityList a {
        width: 294px;
        height: 72px;
        display: block;
        padding: 32px 0 0 200px;
        text-decoration: none;
        font-size: 30px;
        color: #666;
        margin-bottom: 20px;
    }
    
    #cityList a:hover {
        color: #003f5f;
        background-position: bottom;
    }
    
    #cityList span {
        font-size: 20px;
        display: block;
        color: #999;
        font-weight: normal;
        padding-top: 7px;
    }
    
    #cityList a:hover span {
        color: #478acc;
    }
    
    /* SMALL */
    
    #cityListSmall {
        padding: 20px 0 0 0;
    }
    #cityListSmall a {
        display: block;
        width: 213px;
        float: left;
        font-size: 20px;
        color: #003f5f;
        text-decoration: none;
        margin: 0 7px 7px 0;
        padding: 10px 0 10px 25px;
        background: #efefef url(/images/city_houston.jpg) no-repeat -200px -1px;
        border: 1px #bbb solid;
    }
    
    #cityListSmall a span {
        display: block;
        padding-left: 20px;
        font-style: italic;
        font-size: 14px;
        color: #999;
    }
    
    #cityListSmall a:hover {
        color: #990000;
        background: #aacee4 url(/images/city_houston.jpg) no-repeat -200px -105px;
        border-color: #336699;
    }
/*********************************
		FORM PROPERTIES
**********************************/	

    #formBox p {
        font-size: 14px;
        color: #990000; 
    }
    #formBox p span {
        color: #ff0000;
        font-size: 20px;
    }
    
    #formBox ul {
        list-style: none;
        height: 70px;
        margin: 0 0 0 200px;
        padding: 0px;
        font-family: "trebuchet ms", arial;
    }
    
    #formBox li, #formBox li div {
        float: left;
    }

    #formBox label {
	    font-weight: bold;
	    color: #666;
	    display: block;
	    font-size: 13px;
	    padding-bottom: 5px;
	}
	
	#formBox label.radio {
	    display: inline;
	    padding-right: 10px;
	    color: #5b9b98;
	}
	
	#formBox label span {
	    color: #ff0000;
	    padding-left: 5px;
	}
	
	#formBox label.error {
	    color: #990000;
	}
	
	#formBox .require {
	    background: #fffde3 ;
	}

	#formBox input, select {
	    margin-right: 10px;
	    font-size: 18px;
	}
	
	#FirstName, #LastName, #City { width: 250px; }
	#Address, #EmailName, #EmailName2      { width: 514px; }
	#StateOrProvince { width: 169px; }
	#PostalCode { width: 70px; }
	#Country { width: 517px; }
	
	#BestNumber1, #BestNumber2, #BestNumber3, #BestNumberExt,
	#AltNumber1, #AltNumber2, #AltNumber3, #AltNumberExt
	{ width: 55px; }
	
	#TimeZone, #BestTime, #InsuranceType, #Source,
	#HowMany { width: 225px; }
	
	#SourceInternet { width: 180px; }
	#Source-Internet, #SourcePrint-Other { white-space: nowrap; }
	#SourceInternet-Other, #Source-PatientReferral {
	    display: inline;
	}

/*********************************
		TABLE PROPERTIES
**********************************/	

	table {
		border-collapse: collapse;
		width: 100%;
		margin: 15px 0 0 0;
	}
	
	th {
		background: #003f5f;
		color: #fff;
		font-weight: normal;
		font-size: 14px;
		text-align: left;
		padding: 3px 3px 3px 0;
		white-space: nowrap;
	}
	
	th.tableLeft {
		width: 10px;
		height: 25px;
		padding: 0px;
		background: #003f5f url(/images/table_left.jpg) no-repeat;
	}
	
	th.tableBar {
	    background: #003f5f url(/images/table_left.jpg) no-repeat;
	}
	
	th.tableRight {
		width: 5px;
		height: 25px;
		padding: 0px;
		background: url(/images/table_right.jpg) no-repeat;
	}

	th.semDate 		{	width: 60px;	}
	th.semDesc 		{	width: 145px;	}
	th.semButton 	{	width: 140px;	}
    
	td {
		padding: 4px 0;
	}
	
	td.semDesc {   
	    color: #8b8b8b; 
	    font-size: 11px;
	    line-height: normal;
    }
    
    td.semSeats {
        color: #5b9b98;
        font-weight: bold;
    }
    
    td.semSeats span {
        color: #c60c01;
    }

/*********************************
		EVENT PROPERTIES
**********************************/	

	.calendar {
		width: 46px;
		height: 49px;
		background: url(/images/calander.gif) no-repeat;
		padding-top: 8px;
		text-align: center;		
	}
	
	
	.month {
		height: 18px;
		width: 42px;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	
	.day {
		width: 42px;
		height: 26px;
		font-size: 22px;
		font-weight: bold;
		color: #45413f;
	}
	
	.time {
		font-weight: bold;
		color: #362f2d;
		font-size: 11px;
	}
	
	a.semReg,
	a.semRegSpa {
		height: 48px;
        width: 149px;
        display: block;
	}
	
	a.semReg {
        background: url(/images/more_info.png) no-repeat top;
	}
	
	a.semRegSpa {
		background: url(/images/more_info_spa.png) no-repeat top;
	}
	
	a.semReg:hover,
	a.semRegSpa:hover {
	    background-position: bottom;
	}

    #backToMain {
        margin-top: 20px;
        text-align: right;
    }

/*********************************
		BOX PROPERTIES
**********************************/	
	
	.box {
		background: #003f5f;
		margin: 5px 0 10px 0;
		color: #fff;
	}
	
	.boxTop {
		background:  url(/images/b_tr.jpg) no-repeat right;
	}
	
	.boxMain {
		padding: 7px 15px;
	}
	
	.boxBottom {
		background:  url(/images/b_br.jpg) no-repeat right;
	}	
	
    .infoBox {
	    border: 1px #fce9ae solid;
	    padding: 12px 12px 12px 65px;
	    background: #fffbcf url(/images/info_icon.jpg) no-repeat 15px 15px;
	    margin: 20px 0;
    }
    
    .infoBox h4 {
        font-size: 14px;
        padding-bottom: 10px;
    }
    
    .errBox {
	    border: 1px #5e0606 solid;
	    padding: 12px 12px 12px 65px;
	    background: #990000 url(/images/err_icon.jpg) no-repeat 15px 15px;
	    margin: 20px 0;
	    color: #fff;
    }
    
    .errBox h4 {
        font-size: 14px;
        padding-bottom: 10px;
        color: #fff;
    }
    
    .errBox ul {
        margin: 0px;
        padding: 0 0 0 15px;
    }
    
    .errBox li {
        margin: 0px;
    }
        
/*********************************
		FOOTER PROPERTIES
**********************************/

	#footer {
		height: 80px;
	}
	
	#footer .colLeft {
		background: url(/images/footer_left.jpg) no-repeat;
		width: 25px;
		height: 84px;
	}
	
	#footer .colMain {
		background: #fff url(/images/footer_bg.jpg) repeat-x;
		width: 910px;
		height: 69px;
		padding: 15px 15px 0 15px;
	}
		
	#footer .colMain span {
		float: right;
		padding-top: 17px;
	}
	
	#footer .colRight {
		background: url(/images/footer_right.jpg) no-repeat;
		width: 25px;
		height: 84px;
	}