@charset "utf-8";
/*
NOTES:
- A92929 - red of intro page and intro menu
*/
/*BEGIN - GENERAL STYLES ------------------------------------------------------------*/

/*END - GENERAL STYLES --------------------------------------------------------------*/

/*BEGIN - CUSTOM CLASSES & IDS ------------------------------------------------------*/
#logoImage {padding-top:0;}

.curvy {position:relative; width:280px; height:160px; background:#A92425; color:#fff; /*margin:5em auto;*/}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#A92425; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#A92425; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}

a.redBox:link {color:#FFF; text-decoration:underline; font-weight:bold;}
a.redBox:visited {color:#FFF; text-decoration:underline; font-weight:bold;}
a.redBox:hover {color:#990000; text-decoration:none; background-color:#FFF; font-weight:bold;}
a.redBox:active {color:#990000; text-decoration:underline; background-color:#FFF; font-weight:bold;}
/*#logoImage {float:left; padding-top:10px;}*/

#cityPicture {float:left; width:546px; padding:9px 5px 0 0; display:block;}
/*END - CUSTOM CLASSES & IDS --------------------------------------------------------*/
/*BEGIN - ABOVE PAGE ----------------------------------------------------------------*/
div#navTop {
	padding:4px 4% 4px 0;}


#navTop a:link {color:#000; text-decoration:underline;}
#navTop a:visited {color:#000; text-decoration:underline;}
#navTop a:hover {color:#FFF; text-decoration:none; background-color:#990000;}
#navTop a:active {color:#FFF text-decoration:underline;}

/*END - ABOVE PAGE ------------------------------------------------------------------*/
/*BEGIN - HEADER --------------------------------------------------------------------*/
#bannerContainer {width:100%; border-left:none; border-right:none; left:0;}

/*had to comment out position:relative to get jquery slideshow to work properly*/
ul#menu2 {padding:0 50px 0 0; margin:0; list-style:none; height:40px; /*position:relative;*/ z-index:500; float:right; clear:right;}

ul#menu2 li {float:left; margin-right:1px;}
/*have to use px because em does not work properly in IE6*/
ul#menu2 li a {display:block; float:left; height:40px; line-height:40px; background:none; color:#FFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 19px 0 11px;}

ul#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

ul#menu2 li a:hover {z-index:200; position:relative;color:#fff; background-color:#be5454;}
ul#menu2 li:hover {position:relative; z-index:200;}

ul#menu2 li:hover > a {color:#fff; background:#be5454;}
ul#menu2 li:hover > a.sub {color:#fff; background-color:#be5454;}

#menu2 li.current a {color:#fff; background:#990000;}

ul#menu2 li a.sub {background:#A92929 url(../images/downArrowWhite.gif) no-repeat right center;}
ul#menu2 li.current a.sub {color:#fff; background:#A92929 url(../images/downArrowWhite.gif) no-repeat right center;}

/*i addded line below to provide hover effect for active menu item*/
ul#menu2 li.current a.sub:hover {color:#fff; background:#A92929 url(../images/downArrowWhite.gif) no-repeat right center;}

ul#menu2 :hover ul {left:0; top:40px; width:250px; background:#322d2d;}

/* keep the 'next' level invisible by placing it off screen. */
ul#menu2 ul, 
ul#menu2 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

ul#menu2 :hover ul :hover ul
{left:250px; top:-1px; background:#322d2d; white-space:nowrap; width:100px; z-index:200; height:auto;}

ul#menu2 :hover ul li {margin:0; border-top:1px solid #666;}
ul#menu2 :hover ul li a {width:250px; padding:0; text-indent:10px; background:#322d2d; color:#FFF; height:30px; line-height:30px;}
ul#menu2 :hover ul li a.fly {background:#322d2d url(../images/rightArrowWhite.gif) no-repeat right center;}

ul#menu2 :hover ul :hover {background-color:#be5454; color:#fff;}
ul#menu2 :hover ul :hover a.fly {background-color:#be5454; color:#fff;}

ul#menu2 :hover ul li.currentsub a {background:#A92929; color:#fff;}
ul#menu2 :hover ul li.currentsub a.fly {background:#A92929 url(../images/rightArrowWhite.gif) no-repeat right center; color:#fff;}

ul#menu2 :hover ul :hover ul li a {width:250px; padding:0; text-indent:10px; background:#322d2d; color:#FFF;}
ul#menu2 :hover ul :hover ul :hover {background-color:#be5454; color:#fff;}

ul#menu2 :hover ul :hover ul li.currentfly a,
ul#menu2 :hover ul :hover ul li.currentfly a:hover {background:#A92929; color:#fff;}
/*END - HEADER ----------------------------------------------------------------------*/

/*BEGIN - BODY ----------------------------------------------------------------------*/
.fullpage .col1 {
	width:100%;			/* page width minus left and right padding */
	left:0%;			/* page left padding */
	border-left:none;
	border-right:none;
	}

/*END - BODY ------------------------------------------------------------------------*/
/*BEGIN - FOOTER --------------------------------------------------------------------*/

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