/***********************************************************************
* Developer: Michael Richert 
* Email: mtrich28@hotmail.com
* Designer: Brent Barnett
* Email: brent@abrentisart.com
*
* Primary Colors:
*	Green: #005709,  Blue: #00106b, Content BG Color: #ddeffb
*	Wrapper BG Color: #40ca00, Margin Color: #C9F0B7
*   Top Nav Border: #007100;
************************************************************************/

/***** GLOBAL *****/
html, body, ul, img , div, h1, h2	{margin: 0; padding: 0;}
body 							{text-align: center; font-family: Arial,Verdana, Sans-serif; background-color: #C9F0B7}
a img , img						{border: none;}
body a 							{font-family: arial; }

/***** OVERRIDE DEFAULT STYLES *****/

a:link, a:visited				{text-decoration: none; font-weight:bold; font-size:13px; color:#00106b; background-color: inherit;}
a:hover							{text-decoration: underline; color: #00106b; background-color: inherit;}
a:active						{text-decoration: none; font-weight:bold; color:#00106b; background-color: inherit;}

a.SkinObject:link				{color:#00106b; }
a.SkinObject:visited			{color:#00106b; }

a.SkinObject:hover				{color:#00106b; text-decoration: underline; }

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled,
.NormalBold, .NormalRed,
h1, h2, h3, h4, h5, h6,
.head							{font-family: Arial,Verdana, Sans-serif; font-size: 100%; font-weight: normal; color: #00106b; line-height: 18px;}

/* text style used for rendered text which should appear disabled */
.NormalDisabled					{color: Silver;}


/* text style used for error messages */
.NormalRed						{color: #ff0000;}

h1, h2, h3, h4, h5, h6, .head , .NormalBold, .NormalRed {font-weight: bold;}

H1, H2, H3 		{margin: 15px 0 15px 0;}
H1				{margin-top: 0; line-height: 24px;}
H1				{font-size: 20px;}
H2				{font-size: 16px; line-height: 24px;}
H3				{font-size: 15px;}
H4				{font-size: 14px;}
H5, DT, H6 		{font-size: 11px;}

/* style for module titles */
.Head			{font-size: 20px;}
ul				{list-style: outside;}
ul li				{list-style-type: disc;}

hr				{color: #00106b;}
/***** WRAPPERS *****/
#wrapper-shadow					{position: relative; width:1098px; margin: 0 auto; background-image: url('Images/wrapper_footer.jpg'); background-repeat: repeat-y;}
#wrap-left						{position: absolute; top: 0; left: 0; width:64px; }
#wrap-right 						{position: absolute; top: 0; right: 0; width: 64px; }
#wrapper-content				{width: 970px; margin-left: 64px; background-image :url('Images/background_gradient.jpg'); background-repeat: repeat-x; text-align: left; background-color: #ddeffb;}

/*****CONTENT WRAPPER OUTER *****/
#content-wrapper-left			{float:left; width:16px; height: 100%; background:transparent url(Images/content_shadow_left.png) repeat-y;}
#content-wrapper				{float:left; width:100%; height: 100%; min-height: 960px; background:transparent url(Images/content_shadow_top.png) repeat-x;}
#content-wrapper-right			{float:left; width:16px; height: 100%; background:transparent url(Images/content_shadow_right.png) repeat-y;}
#content-wrapper-bottom			{float:left; width:100%; height:16px; background:transparent url(Images/content_shadow_bottom.png) repeat-x;}

/***** CONTENT WRAPPER INNER *****/
#main							{width: 970px; position: relative; clear: both;}
#banner							{position: relative; width:705px;}
/***** HEADER / LOGO *****/
#header							{width: 970px; position: relative; height: 87px; z-index:2;}
#header p						{float: right; font-size: 11px; color: #fff; width:20px;}
#logo 							{position: absolute; top: 10px; left: 10px; z-index: 1; width: 190px; height: 193px; background-image: url('Images/Curbside_logo.png'); background-repeat: no-repeat;}

/***** HORIZONTAL NAVIGATION *****/

#HouseMenuNav					{width: 762px; margin: 0 0 0 208px; list-style: none; display: block; position: relative; padding-top: 61px;}
#HouseMenuNav li					{background-image: url('Images/nav_background.png'); background-repeat: no-repeat; float: left; display: inline; width: 127px;}
#HouseMenuNav li a					{width: 127px; text-align: center; display: block; font-size: 12px; font-weight: bold; text-decoration: none; color: #01560b; line-height: 100%; padding: 5px 0;}
#HouseMenuNav a:hover			{color: #fff; text-decoration: none;}
#HouseMenuNav a:focus 			{outline: 0; color: #fff;}

/***** DROP-DOWN NAV *****/
#HouseMenuNav li ul				{display: none; border: 1px solid #007100; border-top: 0; overflow:hidden; position:absolute; width: 200px; z-index:1; background-color: #c8db5d; }
#HouseMenuNav ul li 				{display:block; background-image: none;  border-top:1px #007100 dotted; width:200px; position: relative; padding-right: 5px; height: auto;}
#HouseMenuNav ul li a				{color:#01560b; width:100%; text-align: left;  padding:.6em 0 .3em .8em;}
#HouseMenuNav ul li a:hover			{color: #fff; }
#HouseMenuNav li:hover ul ul			{display: none;}
#HouseMenuNav li:hover ul			{display: block; }



/***** DROP-DOWN SLIDE-OUT NAV *****/
#HouseMenuNav  ul ul li:hover ul {display: block; position: absolute; left: 100%;}

/*========================================================*/
/*  Verticle Menu                                 		  */
/*========================================================*/
/* ROOT LEVEL */

div#vertical-nav-container					{width: 220px; background-color: #2f74cf; border: 1px solid white; padding-bottom:10px; padding-top: 7px; min-height: 100px;}
#HouseMenuNavV li#HouseMenuNavVParentItem 		{text-align: center; padding:0; padding-bottom: 7px; }
#HouseMenuNavV li#HouseMenuNavVParentItem	a 	{text-align: center; font-family: Trebuchet MS; margin-top:3px; font-size:17px; font-weight: normal; color: #00106b; text-decoration: none; }
#HouseMenuNavV ul	         						{padding-left:25px;  padding-top:8px;}
ul#HouseMenuNavV  li a							{text-decoration: underline;}
/* All li in HouseMenuNavV */
ul#HouseMenuNavV li 							{list-style-type: none; padding-top: 2px; padding-bottom: 4px; padding-left: 15px; padding-right: 5px; background-color: #2f74cf;}

/*SUB-LEVEL 1*/

#HouseMenuNavV li ul li				{list-style-type: square; list-style-image: url(Images/arrow1.png); padding-left: 0; line-height:13px;}
#HouseMenuNavV ul li a:link 			{font-size: 12px; padding-left: 10x; text-decoration: none;}
#HouseMenuNavV ul li a:hover		{text-decoration: underline;}

/*SUB-LEVEL 2*/
#HouseMenuNavV ul ul li				{list-style-type: square; list-style-image: url(Images/arrow1.png); padding-left: 24px; }

#HouseMenuNavV a:active,
#HouseMenuNavV a:link,
#HouseMenuNavV a:visited 		{color:#fff;font-weight: bold; font-size: 12px; background-color: #2f74cf;}
#HouseMenuNavV a:hover 			{color:#fff; text-decoration: underline;}
#HouseMenuNavV a:focus 			{outline: 0; color: #fff;}




#content						{width: 970px; min-height: 780px; position: relative; clear: both;}

/***** RIGHT COLUMN *****/
#col-right						{width: 705px; float: right; padding-right: 8px; padding-top: 15px; position: relative; }

/***** CONTENT BOX *****/
#content-box					{font-size: 14px; float: left; width: 645px; height: 100%; min-height: 500px;  padding-left: 30px; padding-right: 30px; color:#00106b;
									background:transparent url(Images/content_box_shadow.png) repeat-y;}
#content-box ul					{font-size:13px; margin-left:30px;}
#content-top					{float: left; width: 705px; height: 27px; background:transparent url(Images/content_box_top.png) no-repeat;}
#content-bottom					{float: left; width: 705px; height: 27px; background:transparent url(Images/content_box_bottom.png) no-repeat;}
#content-box p					{font-size: 14px; font-weight: normal; line-height: 21px; margin: 7px 0; color: #00106b;}
#content-box h1					{font-size: 24px; margin-left: 0; margin-top:0; color: #00106b; line-height:24px;}

/***** CONTENT LINKS *****/
#content-link-box				{float: left; width: 648px; height: 347px; background:transparent url(Images/subnav1_gradient.png) repeat-x;}
#content-link-box ul 				{list-style: none; display: block; margin-top: 34px;}
#content-link-box ul li 			{float: left; display: inline; width: 122px; text-align: center; margin-left: 7px;}
#content-link-box a 				{font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; letter-spacing: .00001em;}
#content-link-box a:hover		{text-decoration: none;}

/***** SUBNAV 1 *****/
#subnav1						{width: 550px; margin-left: 33px;  position: relative;}
#subnav1 ul 						{list-style: none; display: block; margin-top: 34px; text-align: center;}
#subnav1 ul li 						{float: left; display: inline; width: 122px; text-align: center; margin-left: 7px;}
#sub-nav1-links a 				{font-size: 12px; font-weight: bold; color:#00106b; text-decoration: none; letter-spacing: .00001em;}
#sub-nav1-links a:hover			{text-decoration: underline;}

/***** SUBNAV 6 *****/
#subnav6						{width: 640px; margin-left: -15px; position: relative;}
#subnav6 ul 						{list-style: none; display: block; margin-top: 34px; text-align: center;}
#subnav6 ul li 						{float: left; display: inline; width: 122px; text-align: center; margin-left: 0;}
#sub-nav6-links a 				{font-size: 12px; font-weight: bold; color:#00106b; text-decoration: none; letter-spacing: .00001em;}
#sub-nav6-links a:hover			{text-decoration: underline;}	
/***** LEFT COLUMN *****/
#col-left						{width: 230px; float: left; padding-left: 22px; padding-top: 150px;}

/***** FOOTER *****/
#footer							{width: 655px; margin-left: 315px;  float: left; font-size: 11px; font-weight: bold; color: #00106b;}
p#footer						{margin-top: 15px; font-size: 11px; font-weight: bold; color: #00106b;}
#footer p a						{font-size: 11px; font-weight: bold; color: #00106b;}
p#login 		                				{text-align: right; margin-right: 76px; margin-top: 7px;}
p#login  a		                			{color: #fff;}

/**** CLASSES *****/
.clear							{clear: both;}
.clear-left						{clear: left;}
.clear-right					{clear: right;}