/****************************************

Project			MDC Rescource Center
Author			Monica Christopher
Version			1.0
Last Change		10.30.09 Form Styles

TOC
1. Core Styles
2. Header Styles
3. Nav Styles
4. Content Styles
5. Footer Styles
6. Slider Styles
7. Form Styles

Colors
Base Text	#666666
Green Text	#A1DF82

/***************************************/

/* 1. Core Styles */
*				{ margin: 0; padding: 0; font-size: 12px; font-family: Arial, sans-serif; color: #666; outline: none; }
body 			{ background: #fff url(../images/bg-body.jpg) top left repeat-x; }
img				{ border: none; }

p				{ font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em 0; }
h1				{ font-size: 2em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0em; }
h2				{ font-size: 1.8333em; line-height: 1.6364em; margin-top: 0.8182em; margin-bottom: 0em; }
h3				{ font-size: 1.6667em; line-height: 1.8em; margin-top: 0.9em; margin-bottom: 0em; }
h4				{ font-size: 1.5em; line-height: 1em; margin-top: 1em; margin-bottom: 0em; }
h5				{ font-size: 1.3333em; line-height: 1.125em; margin-top: 1.125em; margin-bottom: 0em; }
h6				{ font-size: 1.1667em; line-height: 1.2857em; margin-top: 1.2857em; margin-bottom: 0em; }

strong			{ font-size: inherit !important; color: inherit !important; font-weight: bold; }
em				{ font-style: italic; }
sup				{ font-size: 0.75em; color: inherit !important; }
p.footnote		{ font-size: 0.8em; margin-top: 2em; }

hr				{ visibility: hidden; clear: both; }
.float-right	{ float: right; }
.float-left		{ float: left; }

a:link, a:visited	{ text-decoration: none; }
a:hover				{ color: #A1DF82; }

p a:link		{ border-bottom: 1px solid #A1DF82; }
.page p a.button:link, .page p a.longbutton:link	{ border-bottom: none; }

#wrapper		{ width: 960px; margin: 0 auto; }
#header-wrap	{  }
#nav-wrap		{  }
#content-wrap	{  }
#footer-wrap	{  }


/* 2. Header Styles */
#header			{  }
#header h1		{ margin: 0; }
#header h1 a	{ display: block; width: 385px; height: 105px; text-indent: -3000px; background: url(../images/logo.png) center center no-repeat; }


/* 3. Nav Styles */
#nav				{ overflow: auto; zoom: 1; }
#nav sup			{ color: #fff; }
#nav ul				{ margin-top: 5px; list-style: none; }
#nav ul li			{ float: left; background: url(../images/nav-off.jpg) top left repeat-x; text-align: center; }
#nav ul li.first	{ background: url(../images/nav-first-off.jpg) top left no-repeat; }
#nav ul li.first a:hover	{ background: url(../images/nav-first-on.jpg) top left no-repeat; }
#nav ul li.last		{ background: url(../images/nav-last-off.jpg) top right no-repeat; }
#nav ul li.last a:hover		{ background: url(../images/nav-last-on.jpg) top right no-repeat; }
#nav ul li a		{ float: left; padding: 12px 10px 0px; color: #fff; }
#nav ul li a:hover			{ background: url(../images/nav-on.jpg) top left repeat-x; }
#nav ul li ul		{ display: none; }

#nav ul#search		{ float: right; height: auto; margin-top: 10px; }
#nav ul#search li	{ background: none; }
#nav ul#search li input.search-box	{ width: 175px; height: 18px; background: url(../images/bg-textbox.png) top left repeat-x; border: 1px solid #000; }
#nav ul#search li.button input		{ width: 75px; height: 20px; color: #fff; margin: 1px 3px 0; background: url(../images/bg-inputbutton.png) top left repeat-x; border: 1px solid #7A7A7A; }
#nav ul#search li.button input:hover		{ cursor: pointer; }

#sidebar			{ float: left; width: 260px; height: 800px; background: url(../images/divider-sidebar.gif) right center no-repeat; }
#sidebar h5			{ font-weight: normal; background: url(../images/bg-sidebar-head.png) top left no-repeat; padding: 45px 0 23px 20px; }
#sidebar ul			{ list-style: none; background: url(../images/bg-sidebar-body.png) top left repeat-y; padding: 10px 0 30px 25px; }
#sidebar ul li 		{ padding-bottom: 15px; }
#sidebar ul li a	{ font-weight: bold; }
#sidebar ul li ul	{ list-style: disc outside; background: none; padding: 0 0 0 30px; }
#sidebar ul li ul li	{ padding-bottom: 0; }
#sidebar ul li ul li a	{ font-weight: normal; }
#sidebar .sidebar-foot	{ height: 46px; background: url(../images/bg-sidebar-foot.png) top left no-repeat; }

#category			{ margin-left: 280px; }
#category h2		{ padding: 10px 0 10px 15px; color: #90D06F; background: url(../images/category-header.png) -4px 0px no-repeat; }
#category h5		{ padding: 0 0 0 15px; margin-top: 0; }

.page 				{ width: 600px; padding: 20px 15px; border-bottom: 1px solid #eee; overflow: auto; zoom: 1; }
.page:last-child 	{ border: none; }
.page .copy			{ float: left; width: 320px; padding-right: 15px; }
.page .copy h3		{ margin: 10px 0 0 0; padding: 15px 0; font-weight: normal;  background: url(../images/bg-pagetitle.gif) top left no-repeat; }
.page img			{ float: left; clear: none; }
.page a.button		{ margin-top: 70px; float: left; width: 80px; padding: 6px; font-size: 0.9em; color: #fff; text-align: center; background: url(../images/slider-button.png) center center no-repeat; }
.page a.button:hover	{ background: url(../images/slider-button-hover.png) center center no-repeat; }

.page h4			{ margin-bottom: 1em; margin-top: 0; }
.page p span		{ font-weight: bold; color: #90D06F; font-size: 1.3em; display: block; }
.page p a.button	{ margin-top: 0; float: none; width: auto; padding: 6px; font-size: 0.9em; color: #fff; text-align: center; background: url(../images/slider-button.png) center center no-repeat; }
.page p a.button:hover	{ background: url(../images/slider-button-hover.png) center center no-repeat; }
.page .float-right	{ margin-left: 10px; }

.page p a.longbutton		{ float: left; margin-top: 0; width: 300px; margin-right: 10px; padding: 20px 0; font-size: 1.2em; font-weight: bold; color: #fff; text-align: center; background: url(../images/long-button.png) center center no-repeat; }
.page p a.longbutton:hover	{ background: url(../images/long-button-hover.png) center center no-repeat; }

.page ul			{ padding: 0 20px; }
.page ul li			{ font-size: 1.2em; line-height: 1.5em; }

.page p span.sale	{ display: inline; font-size: 1.2em; color: #666; font-weight: bold; line-height: 1em; }

.contact img		{ float: right; }
.contact h3			{ margin-top: 0; float: none; }


/* 4. Content Styles */
#content			{  }

#home				{ overflow: auto; zoom: 1; }
#home img			{ float: left; }
#home .mrcopy		{ margin: 26px 0 0 337px; height: 326px; padding: 0; background: #F5F5F5; border-top: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; }
#home .mrcopy h2	{ font-size: 20px; line-height: 20px; text-transform: uppercase; font-weight: normal; color: #2C2C2C; margin: 40px 0 0 0; background: #FCFCFC; padding: 15px 5px 5px 20px; border-top: 1px solid #dfdfdf; }
#home .mrcopy h4	{ font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: normal; color: #646464; margin: 0 0 10px 0; background: #FCFCFC; padding: 0 0 15px 20px; border-bottom: 1px solid #dfdfdf; }
#home .mrcopy p		{ padding: 0 20px; }
#home .mrcopy p a:link, #home .mrcopy p a:visited	{ display: block; width: 140px; text-align: center; font-size: 16px; line-height: 40px; color: #fff; background: url(../images/download-button.png) top left no-repeat; text-decoration: none; }
#home .mrcopy p a:hover		{ text-decoration: none; }


/* 5. Footer Styles */
#footer				{ clear: both; padding-top: 40px; }
#footer p			{ text-align: center; color: #333; }


/* 6. Slider Styles */

#slider-wrap	{ margin: 20px 0 0 5px; width: 949px; height: 278px; background: url(../images/bg-slider.png) top center no-repeat; }

#slider			{ margin-left: 10px; overflow: hidden; }

#slider ul, #slider li, #slider2 ul, #slider2 li	{ margin:0; padding:0; list-style:none; }
#slider2						{ margin-top:1em; }
#slider li, #slider2 li			{ width: 925px; height: 278px; overflow:hidden; } /* this dictates size of the whole slider */

.slidingstuff		{ margin: 7px 0 0 11px; height: 250px; }
.slidingstuff .box	{ margin-top: 5px; width: 348px; height: 245px; padding: 5px 40px 0 20px; background: url(../images/slider-box3.png) top left no-repeat; }

.box h3				{ font-weight: normal; font-size: 30px; margin: 10px 0 0 8px; color: #fff; }
.box p				{ color: #fff; margin: 20px 0 0 8px; font-size: 1.4em; line-height: 1.3em; }
.box p sup			{ color: #fff; }
.box p.cta			{ font-size: 20px; margin-top: 20px; text-align: right; margin-right: 100px; }
.box p.cta strong	{ font-size: 20px; color: #fff; font-weight: bold; }
.box a.button		{ margin-top: 15px; float: right; width: 102px; padding: 10px; font-size: 1.2em; font-weight: bold; color: #C53338; text-align: center; background: url(../images/slider-button2.png) center center no-repeat; }
.box a.button:hover	{  }
.slidingstuff *		{ margin: 0; padding: 0; }
	
/* buttons */
#prevBtn, #nextBtn, #slider1next, #slider1prev	{ float: left; margin: -11px 0 0 35px; }	
#nextBtn, #slider1next							{ margin-left: 0; }
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a	{ float: left; width: 96px; height: 37px; background: url(../images/slider-prev.png) top left no-repeat; text-indent: -3000px; }	
#nextBtn a, #slider1next a						{ width: 76px; background: url(../images/slider-next.png) top left no-repeat; }	
	
/* numeric controls */
ol#controls				{ float: right; margin:0; padding: 0 12px 0 0; height:10px; }
ol#controls li			{ margin:0; padding:0; float:left; list-style:none; height:8px; line-height:8px; }
ol#controls li a		{ float:left; height:8px; text-indent: -3000px; background: url(../images/bg-sliderpagination-off.png) center center no-repeat; padding:0 7px; text-decoration:none; }
ol#controls li.current a{ background: url(../images/bg-sliderpagination-on.png) center center no-repeat; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus	{ outline:none; }


/* 7. Form Styles */
form		{ padding-top: 30px; clear: right;}
fieldset	{ border: none; width: 500px; }
legend		{ display: none; }
form ul		{ list-style: none; }
form li		{ margin-bottom: 7px; overflow: auto; zoom: 1; }
label		{ float: left; width: 150px; text-align: right; padding-right: 7px; }
input		{ border: 1px solid #ccc; padding: 1px; width: 300px; }
select		{ border: 1px solid #ccc; width: 50px; margin-left: 8px; }
li.submit input		{ width: 70px; padding: 6px; font-size: 0.9em; color: #fff; border: none; text-align: center; background: url(../images/slider-button.png) center center no-repeat; }
li.submit input.reset	{ float: right; margin-right: 40px; color: #fff; border: none; text-align: center; background: url(../images/gray-button.png) center center no-repeat; }
li.submit input:hover		{ cursor: pointer; background: url(../images/slider-button-hover.png) center center no-repeat; }
li.submit input.reset:hover	{ cursor: pointer; background: url(../images/gray-button-hover.png) center center no-repeat; }