/* ============================================================================

	Copyright (c) 2009 Addison Airport
	Designed and coded by Ariamedia
	Managed via LaunchPoint (http://getlaunchpoint.com)

============================================================================ */


/* ----------------------- COLORS ----------------------- */
/* 
Red: #FF3300
Gray Content Text: #666666
Blue Content Text: #0066cc
Gray Link Header: #333333
Gray Link Text: #898989
Gray Link Dividers: #898989
Gray Content Boxes: #DDDDDD
Gray Sidebar Boxes: #565656
*/



/* ----------------------- CSS IMPORTS ----------------------- */

@import url('reset.css');
@import url('text.css');
@import url('960.css');



/* ----------------------- GLOBALS / BLOCK LEVEL ----------------------- */
html	{ width: 100%; height: 100%; }
body	{ background:FFF; font: 12px Trebuchet MS, Verdana, Arial, sans-serif; color: #666666; }
.clear	{ clear:both; }

/* -----------------------  WRAPPER ----------------------- */
#wrapper	{ display: block; }



/* -----------------------  MASTHEAD ----------------------- */
#mastHead	{ display: block; }
/* #banner	{ display: block; background: #FFFFFF url("../../assets/images/topBanner.jpg") 0 0 no-repeat; width: 960px; height:140px; } */
#bannerLogo	{ display: block; float: left; width: 99px; height:88px; margin: 20px 0px 0px 20px; }
#bannerHeader	{ display: block; float: left; width: 258px; height:49px; margin: 20px 0px 0px 20px; }


#utility	{ color: #FFFFFF; display: block; float: right; width: 328px; height: 60px; margin:20px 10px 0 0; }
#utilityLinks	{ display: block;  float: left; width: 268px; padding: 0 0 0 60px; background: none; }
.utilityLink ul { display: block; float: left; border-right: 1px solid #FFFFFF; }
.utilityLink li	{ display: block; float: left; color: #FFFFFF; border-left: 1px solid #FFFFFF; }
.utilityLink li a	{ display: block; float: left; color: #FFFFFF !IMPORTANT; text-decoration: none; text-transform: uppercase; padding: 0 22px; }

#searchBox	{ display: block; float: left; width: 318px; padding-top: 20px; }
.searchType	{ display: block; float: left; color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding-top: 4px; }
#searchEntry	{ display: block; float: left; background: url("../../assets/images/searchEntry.png") 0 0 no-repeat; border: none; width: 214px; height: 23px; margin: 0 0 0 20px;  }
#searchBtn	{ display: block; float: left; background: url("../../assets/images/searchBtn.png") 0 0 no-repeat; color: #FFFFFF; text-transform: uppercase; width: 18px; height: 16px; margin: 0 0 0 10px; padding:4px 8px; }
#searchBtn:hover	{ background: url("../images/searchBtnHover.png") 0 0 no-repeat; }
#search	{ display: block; }


/* -----------------------  MARGINS ----------------------- */
.marTop_10 { margin-top: 10px; }
.marTop_20 { margin-top: 20px; }
.marTop_40 { margin-top: 40px; }
.marRight_10 { margin-right: 10px; }
.marRight_20 { margin-right: 20px; }
.marRight_40 { margin-right: 40px; }
.marBottom_10 { margin-bottom: 10px; }
.marBottom_20 { margin-bottom: 20px; }
.marBottom_40 { margin-bottom: 40px; }
.marLeft_10 { margin-left: 10px; }
.marLeft_20 { margin-left: 20px; }
.marLeft_40 { margin-left: 40px; }



/* ----------------------- BREADCRUMBS ----------------------- */
.breadcrumbs	{ display: block; float: left; width: 700px; color: #606162; font-size: 10px; font-weight: normal; line-height: 1.5em; margin: 10px 0 0 10px; }
.breadcrumbs li	{ float: left; padding: 0 4px; }
.breadcrumbs li a	{ color: #000000; }
.breadcrumbs li a:hover	{ text-decoration: underline !important; }


/* ----------------------- SOCIAL ICONS ----------------------- */
.socialIcons	{ display: block; float: right; margin: 0 6px 0 0; }
.socialIcon	{ display: block; float: left; width: 16px; margin: 10px 5px 0px 5px; }



/* ----------------------- NAVIGATION ----------------------- */
/*#navigation	{ display: block; float: right; color: #666666; width: 960px; margin: 5px 9px 0 0; }
#navigation ul	{ float: right; }
#navigation ul li	{ display: block; float: left; background: url(../../assets/images/tab_up.gif) 0 0 repeat-x; font-size: 14px; line-height: 18px; font-weight: bold; margin: 0 1px 0 1px; }
#navigation ul li ul	{ position: absolute; width:40em; left:-999em; }
#navigation ul li ul li	{  }
#navigation ul li a	{ display: block; color: #666666; padding: 5px 10px 4px 10px; }
#navigation ul li:hover	{ background: url(../../assets/images/tab_over.gif) 0 0 repeat-x; }
#navigation ul li.active a	{ background: #FFF; color: #000000; } */



/* ----------------------- CONTENT ----------------------- */
.redBar	{ display: block; float: left; background: #FF3300; width: 960px; height: 3px; }
#homeContent	{ display: block; width: 960px; }
#homeMain	{ display: block; float: left; width: 700px; margin: 0 0 0 10px; }
.vdoPlyr	{ display: block; float: left; width: 700px; height: 324px; background: #000000; }
.contentBox	{ display: block; float: left; width: 660px; background: #DDDDDD; margin: 20px 0 0 0; padding: 20px; }
.cont1	{ display: block; float: left; width: 310px; margin-right: 18px; }
.cont2	{ display: block; float: left; width: 310px; border-left: 2px solid #FFFFFF; padding-left: 20px; }
.contHeader	{ display: block; color: #262626; font-size: 20px; line-height: 24px; }
.contInfo	{ display: block; color: #666666; line-height: 18px; margin: 10px 0 0 0; }
.contentLinks a:hover	{ text-decoration: underline !IMPORTANT; }
.contLinks	{ display: block; float: left; width: 700px; }
.contLink	{ display: block; float: left; width: 220px; }
.contLinkHeader	{ display: block; float: left; font-size: 16px; line-height: 18px; color: #333333; padding: 0 0 4px 0; }
.contLinkInfo	{ display: block; float: left; font-size: 12px; line-height: 16px; color: #898989; width: 220px; padding: 0 0 10px 0; border-bottom: 2px solid #898989; }
.innerContentBox	{ display: block; float: left; width: 660px; margin: 20px 0 0 0; padding: 20px; }
.innerCont1	{ display: block; float: left; width: 310px; margin-right: 18px; }
.innerCont2	{ display: block; float: left; width: 310px; border-left: 2px solid #CCCCCC; padding-left: 20px; }
.innerContRow	{ display: block; float: left; width: 310px; margin-top: 20px; border-bottom: 2px solid #CCCCCC; padding-bottom: 20px; }


/* ----------------------- SIDE BAR ----------------------- */
#sideBar	{ display: block; float: right; background: #565656; width: 220px; margin: 0 10px 0 0; }
#sideBarVid	{ display: block; float: left; background: #000000; width: 200px; padding: 10px; }
.sideBarHeader	{ display: block; float: left; color: #FFFFFF; font-size: 20px; }
.sideBarDivR	{ display: block; float: left; background: #FF3300; width: 200px; height: 2px; }
.sideBarDivW	{ display: block; float: left; background: #FFFFFF; width: 200px; height: 2px; }
.sideBarDivN	{ display: block; float: left; background: none; width: 200px; height: 1px; }
.sideBarVidTn	{ display: block; float: left; width: 200px; margin: 10px 0 0 0; }
#sideBarContent	{ display: block; float: left; background: #565656; width: 200px; padding: 10px; }
#sideBarContact	{ display: block; float: left; background: #565656; width: 200px; padding: 10px; }
.sideBarLogo	{ display: block; float: left; color: #FFFFFF; width: 40px; }
.sideBarInfo	{ display: block; float: left; color: #FFFFFF; font-size: 10px; width: 200px; }
.sideBarInfoCont	{ display: block; float: left; color: #FFFFFF; font-size: 10px; width: 140px; }
.sideBarInfoReq	{ display: block; float: left; color: #CCCCCC; font-size: 12px; width: 180px; }
.sideBarInfoHeader	{ display: block; float: left; color: #FFFFFF; font-size: 14px; font-weight: normal; width: 180px; padding: 0 0 4px 0; }
#sideBarRequest	{ display: block; float: left; background: #565656; width: 200px; padding: 0 10px 10px 10px; }
.assistBtn	{ display: block; float: right;  color: #FFFFFF; font-size: 10px; text-align: center; width: 63px; height: 15px; padding: 2px; }


/* ----------------------- FOOTER ----------------------- */
#footer	{ display: block; float: left; background: #000000; width: 960px; height: 40px; padding: 10px 0; }
.footerLeft	{ display: block; float: left; color: #FFFFFF; font-size: 18px; line-height: 22px; margin: 10px; }
.footerRight	{ display: block; float: right; color: #FFFFFF; font-size: 10px; line-height: 12px; 22px; margin: 14px 10px 10px 10px; }