/* Greenville Jumpstart */


body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, a, form,
#header, .thumbnail-list-header, .thumbnail-list ul, .thumbnail-list li 

{
	margin: 0;		/* Set margin and padding to 0 to even out browser differences. */
	padding: 0;
}

body {
	background:  #D8E4E4  url(../images/GreenBackground.jpg); 	/* background color and tiled image */
	color: #333;												/* font color is gray */
	font: 80%/1.25 Arial, Helvetica, sans-serif;				/* font size is 80% of the browser default; line height is 1.25; font is set here too */
}

h1, h2 {
	margin: 0.5em 0 0 0.5em;		/* add some space around the headings */
	color: #030;					/* font color dark green */
	text-align:center;
}

/** container **/
/* This div contains all the real content on the page. It contains the header div, the column-wrapper div, and the footer div. */
#container { 
	margin: 0 auto 0 auto; 							/* Centered layout: See Snippets > CMX CSS Collection > Cheats and Productivity > Centered Layout */
	width: 960px;									/* Width is also needed for the centered layout. */
}

/** header **/
/* This div is just the header (banner) image across the top of the container div */
/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#header {
	text-align:center;
	border: solid 1px #036;									/* The header has borders on three sides, but not the bottom. */
	border-bottom: none;
	height: 125px;											/* The header height corresponds to the height of the image displayed as the background image. */
	background: url(../images/plasticsurgeryofpasadena.jpg) 0 0 no-repeat;	/* This is the background image. See the WinIE stylesheets for the IE-only solution to the problem of IE not supporting transparent pngs. See the MacIE comments at the bottom of this file to see the background-color alternative. */
	background-color: #F8F9FB;
}


/** column-wrapper **/
/* wraps both columns (secondary-content and main-content) */
/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#column-wrapper {
	border: solid 1px #036;										/* We have borders on three sides, but not the top (which is where the header is). */
	border-top: none;
	background: transparent url(../images/StripedTransparentBG.png) 0 0 repeat-y;	/* This is the background image. See the WinIE stylesheets for the IE-only solution to the problem of IE not supporting transparent pngs. See the MacIE comments at the bottom of this file to see the background-color alternative. */
	background-color: #FFFFFF;
}


/** secondary-content **/
/* This column has the thumbnail lists and login form. */
#secondary-content {
	float: left;	/* The side-by-side columns are achieved by floating the secondary-content column and */
	width: 190px;	/* giving the main-content column a left margin equal to the width of the secondary-content column. */
}

/* The .thumbnail-list-header class has the vertical green stripes in the background. */
/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#secondary-content .thumbnail-list-header {
	padding: 8px 0 8px 0;										/* Add a little padding (top and bottom only) to the thumbnail list's headers in the secondary-content column. */
 /*	background: url(../images/GreenStripes.png) 0 0 repeat-y; */	/* This is the background image. See the WinIE stylesheets for the IE-only solution to the problem of IE not supporting transparent pngs. See the MacIE comments at the bottom of this file to see the background-color alternative. */
}

#secondary-content .thumbnail-list-header h2 {
	font-size: 100%;	/* Set the size of the headers in the secondary-content column. */
	text-align:center;
}

/* There are two unordered lists in this column. Both use the same styling. Each item in the list has an h3, image, and link. */ 
#secondary-content .thumbnail-list ul {
	list-style: none;	/* Don't use bullets for the lists. */
}

#secondary-content .thumbnail-list li {
	padding: 5px;		/* Add some padding all around the list item. */
}

#secondary-content .thumbnail-list h3 {
	float: right;			/* Float the header to the right */
	width: 120px;			/* Combined with the float, this value for the width puts a little space between the image and the h3. */
	font-weight: normal;	/* Don't bold the h3. */
	font-size: 1em; 		/* See Zoe's explanation in her article on thumbnail lists (included with the JumpStart). */
}

#secondary-content .thumbnail-list p {
	margin: 1em 0 1em 60px; /* This adds space above and below the paragraph and pushes the paragraph to the right so that it sits next to the image. */
}

#secondary-content .thumbnail-list img {
	float: left;				/* The images are floated to the left. */
	border: solid 2px #039;		/* The images have a 2px blue border. */
}

#secondary-content .thumbnail-list img:hover {
	border: solid 2px #FFF;		/* Change the border to white on hover. Note that Win IE ignores this rule. The border remains blue on hover. */
}
 
#secondary-content  .thumbnail-list li a:link,
#secondary-content  .thumbnail-list li a:visited {
	color: #039;				/* Link color. */
}

#secondary-content  .thumbnail-list li a:hover { 
	color: #FFF;				/* Link color. */
	background-color: #039;		/* Background color. */
}

/* The secondary-content also has a login form */
/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#secondary-content .login-form {									
	padding: 4px 4px 0 0;									/* The form is wrapped in a div with padding on top and right sides. */
 	background: url(../images/TinyWhite.png) 0 0 repeat;	/* The background of the form uses this partially transparent white background. */
	text-align:center;
}

#secondary-content fieldset {
	border: none;			/* Remove the usual border around the fieldset since we don't need it. */
	text-align: right;		/* Align the elements in the from to the right. */
}

#secondary-content input {
	border: solid 1px #360;	/* Add a border and margin around the form elements. */
	margin: 1px;
}

/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#secondary-content .login-button {
	padding: 2px 1px;										/* Give the button a little more padding between the text on the button and the border around the button. */
	color: #060;											/* Color for the button text. */
	border: 1px solid #360;									/* Border around the button. */
	background-color: #FFF;
}

#secondary-content p {
	font-size:9px;
}

/** main-content column **/
/* This column has the nav div and the main content div. */
#main-content {
	margin-left: 190px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
}

#content p {
	margin: 1em;			/* Add a bit a white space around the paragraphs. */
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#content a {
	color: #039;			/* Links in the main content area are blue and are not underlined. */
	text-decoration: none;
}
#content a:visited {
	color: #039;			/* Visited links remain the same blue color. */
}
#content a:hover { 
	color: #FFF;			/* On hover, the link color becomes white with a blue background. */
	background-color: #039;
}

#content ul {padding-left:30px}

#content h2 {padding-bottom: 10px; padding-top:10px;}

#content h3 {padding:10px; font-size:18px; font-weight:600;}

#content h4 {padding:10px; font-size:14px; font-weight:600;}


/* The nav div contains the unordered list of nav links */
#content #nav  {
	height: 75px;												/* Set an explicit height for the div. */
	background: #D8E4E4  url(../images/small_header_home.jpg);		/* The background of the nav area is the image of the tulips and grass. */
	background-repeat:no-repeat;
	background-color: #FFFFFF;
}

#content #nav ul {
	list-style: none;		/* The nav links are in an unordered list. Don't use bullets. */
	float: right;			/* This makes the nav links right aligned. */
}

/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#content #nav  li {
	float: left;											/* This makes the nav links list out horizontally rather than vertically. */
	text-align: center;										/* Center the text within each bordered list item. */
	border: solid 1px #999;									/* Adds a gray border around each it. */
	width: 70px;											/* Needed by all browsers, which is convenient since the filter requires the div to have layout (and height gives it layout). */
 	background: url(../images/TinyWhite.png) 0 0 repeat;	/* The background of the list items uses this partially transparent white background. */
}

#content #nav a {
	display: block;			/* Making the links block elements makes the whole list item clickable (rather than just the text itself). */
	color: #060;			/* The links in the nav area are green and are not underlined. */
	text-decoration: none;
}

#content #nav a:visited {
	color: #060;			/* Visited links remain the same green color. */
}
#content #nav a:hover { 
	color: #300;			/* On hover, the link text changes to this maroon color and the background becomes solid white. */
	background: #FFF;
}


/** footer **/
/* The footer is another unordered list. */
#footer {
	margin: 10px;  			/* Adds a bit of space around the entire footer region. */
	white-space: nowrap;	/* Footer items are not allowed to wrap. */ 
	/*float: right;			 The footer list items are right aligned. */
	text-align:center;
}
	
#footer li {
	list-style: none;		/* Don't use bullets for the list items in the footer. */
	float: left; 			/* This makes the footer links list out horizontally rather than vertically. */
}

/* #footer a {
	display: block;			/* Making the links block elements makes the whole list item clickable (rather than just the text itself). 
	padding: 4px;			/* Adds a bit of padding all around the link text. 
	color: #039;			/* Link text is the same blue color as used in the secondary-content column's thumbnail list. 
	background: transparent;/* Allows the green textured background image to show through. 
	text-decoration: none;	/* Don't underline the links. 
	font-weight: bold;		/* Make the links bold. 
	border: solid 1px #FFF;	/* Adds a border around each list item. 
} 

  #footer a:hover { 
	color: #FFF; 
	background: #01228D; 
} */


/** miscellaneous **/

.brclear { 				/* This rule is from Snippets > Community MX > CMX CSS Collection > Cheats and Productivity > Clearing Element for Floats */
     clear:both; 		/* Clearing element for a float: this fix uses a break in the markup as a clearing element, */
     height:0; 			/* but it ensures that the break does not disturb the layout by reducing its values to 0. */
     margin:0;			/* Add this class to breaks as needed to clear a float. */
     font-size: 1px;	/* Please note that the container of the break needs a dimension on it. */     	
}

.print-header {			/* This class is applied to the h1 and first h2 on the page. They are hidden in the screen stylesheet and you see the header banner image instead. */
	display: none;
	visibility: hidden;
}

.image-on-right {			
	float: right;		/* Floats images to the right side of the page. */
	margin-left: 10px;	/* Add some space on the left side of the image. */
}

#skiplinks {
	color: #666666;			/* Link color. */
	text-decoration: none;	/* The link is not underlined. */
	display: block;			/* Making the links block elements makes the whole list item clickable (rather than just the text itself). */
	text-align: center;		/* Centered text */
	margin: 0 auto 0 auto; 	/* See Snippets > CMX CSS Collection > Cheats and Productivity > Centered Layout */
}

.specials_column {
	width:98%;
	text-align: center;
	margin: 15px 4px 20px 4px;
	background-color: #ffffff;
	color:#FF0000;
	}
	
.input {
	font: 12px Verdana, Helvetica, sans-serif;
	background: #FFFCE5;
	color: #003300;	
	border: #999999 solid 1px;
	width: 200; 
	padding: 2px;
}

input.btn {
	font: bold 10px Verdana, Helvetica, sans-serif;
	background: #42516C;
	color: #ffffff;
	border: #999999 solid 1px;
	cursor: hand;	
}
input.btn1 {
	font: 9px arial, Verdana, Helvetica, sans-serif;
	background: #42516C;
	color: #ffffff;
	border: #999999 solid 1px;
	cursor: hand;	
}
.input-nl {
	font: 10px Verdana, Helvetica, sans-serif;
	background: #FEFFE9;
	color: #003300;	
	border: #999999 solid 1px;
	width: 170; 
	padding: 2px;
}



/** IE MAC ONLY **/
/* This technique comes from the CMX CSS Collection > Hacks and Hiding > IE Mac Only 2 snippet */
/* (These comments are in the same order as the rules.) */
/* Since IE Mac doesn't understand the IE filter for transparent bg's, use solid bg's instead. */
/*  - White for the column-wrapper (which takes care of the main-content column and the space below the secondary-content column (if there is any). */
/*  - Gray for the secondary-content column and thumbnail list. */
/*  - Light green for the thumnail list header. */
/* Need to zero out the margin for the ul's classes wtih thumbnail-list inside the secondary-content div. */
/* Because of a browser bug, we need to clear the float in the paragraph. MacIE doesn't handle floated content very well. When we clear the float we're telling the browser to put the paragraph below the image. The bug manifests itself but placing the text in the paragraph coincident with the text in the h3. */
/* Remove the top padding from the login form. */
/* Need to zero out the margin for the form. */
/* Because of MacIE's problem with floats, the footer links are given a width. */

/*\*//*/
#column-wrapper {
	background-color: #FFF;
}
#secondary-content,
#secondary-content .thumbnail-list {
	background-color: #EEE;
}
#secondary-content .thumbnail-list-header {
	background-color: #D3E8A8;
}
#secondary-content .thumbnail-list ul {
	margin: 0;
}
#secondary-content .thumbnail-list p {
	clear: both;
}
#secondary-content .login-form {
	padding: 0 4px 0 0;
}
#secondary-content form {
	margin: 0;
}
#footer li {
	margin: 0;  
	width: 140px;
	text-align: center;
}
/* */