/**************************************************************************
Name:        nav.css
Description: Navigation CSS definitions
Created:     Roxanne Martinez, 9/28/2011
Modified:    11/14/2011
**************************************************************************/

@media all
{
	td.topNav, td.topNavblue, td.topNavgold
	{
		background-image: url(../images/layout/nav_bg_x.jpg);
		background-repeat:repeat-x;
		height:37px;
		padding: 0;
		margin:  0;
	}

	td.topNavblue
	{
		background-image: url(../images/layout/nav_bg_blue.jpg);
	}

	td.topNavgold
	{
		background-image: url(../images/layout/nav_bg_gold.jpg);
	}

	ul.navigation
	{
		margin:          0;
		padding:         0;
		list-style-type: none;
		height:          26px;
		display:         inline;
	}

	ul.navigation li.header
	{
		display:      block;
		float:        left;
		margin-right: 3px;
	}

	ul.navigation li.header a
	{
		display:             block;
		height:              26px;
		background-position: top left;
		background-repeat:   no-repeat;
		text-indent:         -9999px;
		overflow:            hidden;
		margin-right:        13px;
	}

	input.searchBar
	{
		color:            #999;
		margin-left:      15px;
		vertical-align: middle;
	}

	a.home1{ width: 82px; background: url(/images/layout/topnavGrey/a2.jpg); margin-left: 10px;	}
	a.home2{ width: 82px; background: url(/images/layout/topnavGrey/a1.jpg); margin-left: 10px; } a.home2:hover{ background: url(/images/layout/topnavGrey/a2.jpg); }
	a.about1{ width: 82px; background: url(/images/layout/topnavGrey/b2.jpg);}
	a.about2{ width: 82px; background: url(/images/layout/topnavGrey/b1.jpg);} a.about2:hover{background: url(/images/layout/topnavGrey/b2.jpg);}
	a.faq1{ width: 82px; background: url(/images/layout/topnavGrey/c2.jpg);}
	a.faq2{ width:  82px; background: url(/images/layout/topnavGrey/c1.jpg);} a.faq2:hover{background: url(/images/layout/topnavGrey/c2.jpg);}
	a.resources1{ width: 104px; background: url(/images/layout/topnavGrey/d2.jpg);}
	a.resources2{ width: 104px; background: url(/images/layout/topnavGrey/d1.jpg);} a.resources2:hover{background: url(/images/layout/topnavGrey/d2.jpg);}
	a.contact1{ width: 104px; background: url(/images/layout/topnavGrey/e2.jpg);}
	a.contact2{ width:  104px; background: url(/images/layout/topnavGrey/e1.jpg);} a.contact2:hover{background: url(/images/layout/topnavGrey/e2.jpg);}
	a.instructorzone1{ width: 134px; background: url(/images/layout/topnavGrey/f2.jpg);}
	a.instructorzone2{ width: 134px; background: url(/images/layout/topnavGrey/f1.jpg);} a.instructorzone2:hover{background: url(/images/layout/topnavGrey/f2.jpg);}

	a.home1gold{ width: 82px; background: url(/images/layout/topnavGold/a2.jpg); margin-left: 10px;	}
	a.home2gold{ width: 82px; background: url(/images/layout/topnavGold/a1.jpg); margin-left: 10px; } a.home2gold:hover{ background: url(/images/layout/topnavGold/a2.jpg); }
	a.about1gold{ width: 82px; background: url(/images/layout/topnavGold/b2.jpg);}
	a.about2gold{ width: 82px; background: url(/images/layout/topnavGold/b1.jpg);} a.about2gold:hover{background: url(/images/layout/topnavGold/b2.jpg);}
	a.faq1gold{ width: 82px; background: url(/images/layout/topnavGold/c2.jpg);}
	a.faq2gold{ width:  82px; background: url(/images/layout/topnavGold/c1.jpg);} a.faq2gold:hover{background: url(/images/layout/topnavGold/c2.jpg);}
	a.resources1gold{ width: 104px; background: url(/images/layout/topnavGold/d2.jpg);}
	a.resources2gold{ width: 104px; background: url(/images/layout/topnavGold/d1.jpg);} a.resources2gold:hover{background: url(/images/layout/topnavGold/d2.jpg);}
	a.contact1gold{ width: 104px; background: url(/images/layout/topnavGold/e2.jpg);}
	a.contact2gold{ width:  104px; background: url(/images/layout/topnavGold/e1.jpg);} a.contact2gold:hover{background: url(/images/layout/topnavGold/e2.jpg);}
	a.instructorzone1gold{ width: 134px; background: url(/images/layout/topnavGold/f2.jpg);}
	a.instructorzone2gold{ width: 134px; background: url(/images/layout/topnavGold/f1.jpg);} a.instructorzone2gold:hover{background: url(/images/layout/topnavGold/f2.jpg);}

	a.home1blue{ width: 82px; background: url(/images/layout/topnavBlue/a2.jpg); margin-left: 10px;	}
	a.home2blue{ width: 82px; background: url(/images/layout/topnavBlue/a1.jpg); margin-left: 10px; } a.home2blue:hover{ background: url(/images/layout/topnavBlue/a2.jpg); }
	a.about1blue{ width: 82px; background: url(/images/layout/topnavBlue/b2.jpg);}
	a.about2blue{ width: 82px; background: url(/images/layout/topnavBlue/b1.jpg);} a.about2blue:hover{background: url(/images/layout/topnavBlue/b2.jpg);}
	a.faq1blue{ width: 82px; background: url(/images/layout/topnavBlue/c2.jpg);}
	a.faq2blue{ width:  82px; background: url(/images/layout/topnavBlue/c1.jpg);} a.faq2blue:hover{background: url(/images/layout/topnavBlue/c2.jpg);}
	a.resources1blue{ width: 104px; background: url(/images/layout/topnavBlue/d2.jpg);}
	a.resources2blue{ width: 104px; background: url(/images/layout/topnavBlue/d1.jpg);} a.resources2blue:hover{background: url(/images/layout/topnavBlue/d2.jpg);}
	a.contact1blue{ width: 104px; background: url(/images/layout/topnavBlue/e2.jpg);}
	a.contact2blue{ width:  104px; background: url(/images/layout/topnavBlue/e1.jpg);} a.contact2blue:hover{background: url(/images/layout/topnavBlue/e2.jpg);}
	a.instructorzone1blue{ width: 134px; background: url(/images/layout/topnavBlue/f2.jpg);}
	a.instructorzone2blue{ width: 134px; background: url(/images/layout/topnavBlue/f1.jpg);} a.instructorzone2blue:hover{background: url(/images/layout/topnavBlue/f2.jpg);}

	.navHome
	{
		padding-left:  15px;
	}

	input.searchGo
	{
		height:           27px;
		width:            27px;
		background:       transparent url(/images/layout/go1.png) no-repeat center top;
		overflow:         hidden;
		margin:           0;
		border:           0;
		cursor:           pointer; /* hand-shaped cursor */
 		cursor:           hand; /* for IE 5.x */
 		vertical-align: middle;
	}

	input.searchGo:hover
	{
		background:       transparent url(/images/layout/go2.png) no-repeat center top;
	}

	ul.navigation li.header ul
	{
		position:         absolute;
		z-index:          9999;
		color:            #fff;
		margin:           0;
		padding:          0;
		list-style-type:  none;
		visibility:       hidden;
		padding-top:      2px;
		width:            162px;

	}

	ul.navigation li.header:hover ul
	{
		visibility: visible;
	}

	ul.navigation li.header ul li
	{
		/*min-height:      25px;
		line-height: 25px;*/
		height: auto;
		margin:      0;
		padding:     0;
		width:       160px;
		border-bottom: 1px solid #666;
		background:       url(/images/layout/dd_bgRepeat.png) repeat;
	}

	ul.navigation li.header ul li a
	{
		/*display:         block;*/
		/*width:           150px !important;*/ height: auto;
		/*padding:         5px 15px 0px 15px;*/
		padding-left:     10px;
		padding-top:      5px;
		padding-bottom:   5px;
		text-indent:     0;
		/*overflow:        visible;*/
		color:           #fff;
		font-size:       14px;
		font-weight:     bold;
		text-decoration: none;
		/**white-space:    nowrap;*/
	}

	ul.navigation li.header ul li:hover
	{
		background-color: #333;
	}

	li.ddpadding
	{
		border-left:    1px solid #000;
		border-right:   1px solid #000;
		border-bottom:  none !important;
	}

	ul.navigation li.header ul li.ddpadding:hover
	{
		background-color: transparent;
	}

	/* Left Navigation **************************************/

	img.arrow
	{
		width:          29px;
		height:         29px;
		vertical-align: middle;
	}

	a.arrowBtn
	{
		width:               29px;
		height:              29px;
		background:          url(../images/layout/arrow1.png);
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -1000px;
		display:             block;
		float:               right;
		margin-right:        10px;
	}

	a.arrowBtn:hover
	{
		background:          url(../images/layout/arrow2.png);
	}

	a.arrowBtn2
	{
		width:               29px;
		height:              29px;
		background:          url(../images/layout/arrow3.png);
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -1000px;
		display:             block;
		float:               right;
		margin-right:        10px;
	}

	tr.leftContent td div
	{
		padding-left:15px; padding-top:2px;
	}

	a.sideLink h3, h3.sideHeader
	{
		color:               #fff;
		font-size:           14px;
		text-decoration:     none !important;
	}

	h3.sideheader

	div.contactInfo
	{
		padding-top:60px !important; padding-right:15px;font-size:11px
	}

	ul.leftList
	{
		list-style-image:   url(/images/layout/arrowSmall.jpg);
		margin: 	 11px 0;
		margin-left: -10px;
		padding-left: 40px;
	}

	ul.leftList li
	{
		list-style-image: url(/images/layout/arrowSmall.jpg);
		padding-bottom:   10px;
	}

	ul.leftList li a
	{
		text-decoration:   none;
	}
}