
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/


h1 {
font-size:20px;
margin-bottom:5px;
}

h2 {
font-size:19px;
text-align:left
}

h2.center {
text-align:center;
}

h1, h2, h3 {
font-weight:normal;
margin:0 0 20px 0;
text-shadow: 0px 1px 1px #ccc;
}

p {
text-align:left;
font-size:13px;
margin-bottom:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.6em;
}

a {
text-decoration:underline;
color:#669d4f;
}

a:hover {
color:#4D433B;
}



/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */


* {
margin:0;
padding:0;
}

body {
background:#fff;
text-align:center;
font-family:"Palatino Linotype", "Times New Roman", Times, serif;
color:#4D433B;
text-shadow: 0px 1px 1px #fff;
}

#container {
width:960px;
margin:0 auto;
}

a#schedule {
display:block;
background:#72ad5d;
width:200px;
margin:-10px auto 15px;
padding:7px;
text-align:center;
color:#333;
font-weight:bold;
font-size:15px;
text-decoration:none;
margin-bottom:15px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow:0px 1px 4px #999;
-webkit-box-shadow:0px 1px 4px #999;
text-shadow:0px 1px 1px #c6e8ba;
-webkit-transition:all;
float:right;
}

a#schedule:hover {
background:#7eb769;
}

img#logo {
display:block;
margin:0 auto;
}

#list1 li, #list2 li {
margin-bottom:3px;
}

#list1 {
float:left;
text-align:left;
margin-left:130px;
margin-right:110px;
margin-bottom:20px;
}

#list2 {
float:left;
text-align:left;
margin-bottom:20px;
}

br.clear {
clear:both;
}

em {
font-style:normal;
color:#71ac5c;
}

p#sig {
font-size:11px;
text-align:center;
}

#gform_wrapper_1 .ginput_complex .ginput_left, #gform_wrapper_1 .ginput_complex .ginput_right { width:250px; }

#gform_wrapper_1 li.phone input {
width:225px;
}

#gform_wrapper_1 li.reason textarea {
width:400px;
}

#gform_wrapper_1 li.time ul#input_1_6 li {
float:left;
margin-right:50px
}


#gform_wrapper_1 li.assist ul#input_1_9 li {
float:left;
margin-right:30px
}
#gform_wrapper_1 li.reason, #gform_wrapper_1 li.terms {
clear:both;

}

#gform_wrapper_1 li.modalities1 .ginput_container ul#input_1_7 {
float:left;
width:350px;
}

#gform_wrapper_1 li.modalities2 .ginput_container ul#input_1_8 {
float:left;
margin-top:-5px;
}

#gform_wrapper_1 li.modalities2 label {
clear:none;
}

#gform_wrapper_1 li.assist, #gform_wrapper_1 li#field_1_11 {
clear:both;
}

#gform_wrapper_1 li, #gform_wrapper_1 form li {
overflow:visible;
}

#gform_wrapper_1 {
max-width:850px;
width:735px;
margin-left:50px;
}

#gform_wrapper_1 input#gform_submit_button_1 {
display:block;
background:#72ad5d;
width:100px;
margin:-10px auto 15px;
padding:7px;
text-align:center;
color:#333;
font-weight:bold;
font-size:15px;
text-decoration:none;
margin-bottom:15px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-moz-box-shadow:0px 1px 4px #999;
-webkit-box-shadow:0px 1px 4px #999;
text-shadow:0px 1px 1px #c6e8ba;
-webkit-transition:all;
float:left;
border:none;
cursor:pointer;
}

#gform_wrapper_1 input#gform_submit_button_1:hover {
background:#7eb769;
}

#gform_wrapper_1 .gform_footer {
	clear:both; 
}
