/* BACKGROUND IMAGE  If you wish to change out your background image, simply delete "bgBody.gif" below and replace that with the name and file extension of your background image. Or, create a background image and name it the same way as in the style sheet - making sure the file extension (.jpg, .gif) is correct. When saving an image for web, it MUST be 72dpi and should not be over 100k in size. */

	
body {
margin: 0px auto;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;	
background: #4c6980  url(Images.bgBody.gif) repeat;

}

h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 16px;
font-style: italic;
}

p 
{
font-size: 16px;
}

img {
border: none;
}

.fineprint 
{
font-size: 9px;
font-style: italic;
}

/* IDs */

/* BACKGROUND IMAGE  If you wish to place in a photograph as a background image that is just slightly larger than the content, simply delete "bgContainer.jpg" below and replace that with the name and file extension of your background image, or create an image and name it the same way. This image is restricted to the container that surrounds your content (different than a background image), which is 950px wide. Your image should be 950px wide  - if it is far smaller, it will stretch but may appear pixilated. It can be as tall as you wish - remember that the content will stretch down on the page depending on how many questions/text/images you have. 

When saving an image for web, it MUST be 72dpi and should not be over 100k in size. */

#container {
margin: 0 auto;
width: 950px;
background: url(Images/bgContainer.jpg) no-repeat;
}

#contentWrap {
width: 755px;
margin: 0 auto;
border-none;
}

#header {
width: 755px;
height: 150px;
border: 5px solid #010812;
margin: 15px auto 35px auto;
background: #d3c393;
}

#header p {
margin: 0;
padding: 0;
}

.headerImage1 {
width: 120px;
height: 150px;
}

.headerContact {
width: 415px;
height: 90px;
padding: 0px 0 0 10px;
}

.headerImage2 {
width: 225px;
height: 150px;
}

#banner {
width: 755px;
margin: 0 auto 35px auto;
border: 5px solid #010812;
background: #d3c393;
}

#banner h1 
{
font-size: 26px;
text-align: center;
padding: 15px 0 10px 0;
}

#banner h2 {
font-size: 22px;
margin: 0px 0 0 0;
}

#banner p {
margin: 10px 0 0 0;
}

#content {
width: 755px;
margin: 0 auto;
padding: 10px 0 0 0;
border: 5px solid #010812;
background: #d3c393;
}


#content p {
margin: 0 0 10px 10px;
}


.left 
{
float: left;
width: 350px;
margin: 0 10px 0px 10px;
}


.right 
{
float: right;
width: 350px;
margin: 10px 20px 0px 0;
}

.clear 
{
clear: both;
}

#btnSubmit input{
width: 141px;
margin: 15px 0 10px 10px;
padding: 5px 10px 5px 10px;
background-color: #010812;
color: #d3c393;
border: none;
cursor: pointer;
}


#logo {
 width: 765px;
 margin: 10px auto;
}

#footer {
width: 765px;
margin: 10px auto;
padding-bottom: 5px;
border-bottom: 1px dotted #333333;
}
	
#footer p {
margin: 10px 0;
font-size: 10px;
color: #000000;
text-align: center;
}

#poweredBy h5 {
text-align: center;
margin: 10px 0;
font-size: 13px;
color: #666666;
}

/* misc Classes */

.img_float_left {
float: left;
margin: 0 15px 10px 0;
}

.img_float_right{
float: right;
margin: 0 5px 10px 15px;
}

/*****IMPORTANT: DO NOT DELETE THE BELOW COMMENT AND DO NOT INCLUDE OTHER STYLES IN THE SURVEY STYLES SECTION; DOING SO WILL LIMIT OUR ABILITY TO PROGRAMATICALLY UPDATE HOW YOUR SURVEYS LOOK*****/
/***BEGIN SURVEY STYLES***/
/*************************************************************************************************/
/*------------------------------------------Important--------------------------------------------*/

/* There are 3 basic types of survey questions: Check boxes(multiple choice), Radio Button(Single Choice),
and free form text entry. This portion of the stylesheet provides you with a basic style to start
with, and explanations of the classes that are generated in the page.

This is for advanced users only.

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


/* This surrounds the entire survey - you can apply width, border, background color etc. */
.SV_QuestionsWrapper {
width: 300px;
}

/* This styles the paragraph tags that surround the text within the questions; various default values for margins and padding are added to p tags in every browser */
.SV_QuestionsWrapper p {
margin: 15px 0 5px 0;
padding: 0;
}

/* This styles the text for the question */
.SV_QuestionText p {
font-weight: bold;
font-size: 13px;
padding: 5px 0 5px 5px;
background: #010812;
width: 350px;
margin-left: 0px;
color: #d3c393;
}

/* this styles the actual responses for a Question, such as the copy for your radio button or check box list */
.SV_Question {
font-size: 12px;
}

/* This styles the color and size of the question text and question responses for all required questions.  */
.SV_RequiredQuestion {
}

/* This styles the error message at the top of the survey that appears when required questions go unanswered */
.SV_ErrorHeader {
color:#FF0000;
}

/* This styles the "*" that appears if a question is required. If you do not wish this to appear, set this style to display:none;. The default is re*/
.SV_RequiredText {
}

/* This style surrounds the entire group of question responses for multiple choice checkboxes, single choice radio buttons., and the "Other" response option */
.SV_ResponseArea {
margin: 0 0 15px 10px;
padding: 0;
}

/* This styles a question that has no need of any question text, and is just a series of responses, such as a check box or radio button. Used often for questions such as "Please contact me by email" */
.SV_Question_NoQuestionText {
margin: 20px 0;
}

.SV_ErrorText {
color:#FF0000;
font-size: .85em;
}

/* This styles the actual box for the question response "other". The default style pushes the box away from the word "Other" in the label */
.SV_Other_TextBox {
margin: 0 0 0 10px;
}

/* This changes the width of the input area for the single and multiline text boxes */

.SV_TextResponse_MultiLine .SV_ResponseArea textarea {
width: 350px;
}


.SV_TextResponse_SingleLine .SV_ResponseArea input {
width: 350px;
}


/* This wraps the "other" option response for check box and radio button lists. A common style would be to put extra spacing between the top of the Other response and the bottom of the checkbox or radio button list.*/
.SV_Other_Wrapper{
}

/* This styles all question responses for multiple choice checkboxes and single choice radio buttons. This will not style the "Other" response options, nor does it style the question text.  */
.SV_OptionsWrapper {
}

/* This will style the text in your radio button list, and will override styles you have made to your Question Text */
.SV_SelectOne {
}

/* This will style the text in a single column radio button list ONLY, and will override styles you have made to your Question Text.*/
.SV_SelectOne_SingleColumn {
}

/* Free form text entry has a character limit. A count appears directly under the text box. This will style that count. */
.SV_TextResponse_CharacterCount {
font-size: 10px;
}


/*************************************************************************************************/
/*------------------------------------------Important--------------------------------------------*/

/* This includes styles for the contact form

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

.CF_OuterContainer {
width: 290px;
}


/* This styles the "*" for required questions. The current default is set to red. You may hide this by deleting the color below and inputing: display:block; */
.CF_ValidationSummary {
color:#FF0000;
}

/* This styles the "*" for required questions. The current default is set to red. You may hide this by deleting the color below and inputing: display:block; */
.CF_RequiredIndicator {
color:#FF0000;
}

/* This styles the row that the .CF_Label and the .CF_Input are nested in */
.CF_DataCollector {
margin: 10px 0;

}

/* This styles the text for the information collector. Example: First Name */
.CF_Label {
float: left;
width: 110px;
font-size: 12px;
padding: 3px 0 0 0;
}

/* This styles the free form text box where an individual will type in their information */
.CF_Input {

}

/* This clears the floats out of the above styles. If you are floating the labels or inputs, do not remove. */
.CF_BreakDiv {
clear: both;
}

/*****IMPORTANT - DON'T DELETE THE BELOW COMMENT IF YOU WISH US TO BE ABLE TO CHANGE YOUR SURVEY PROGRAMATICALLY IN THE FUTURE*****/
/***END SURVEY STYLES***/