/* CSS Document */

/* html*/
body {
background: url(Images/MSWG3_bgBody_GrayGradient.png) repeat-x top;
font-family: Trebuchet MS, Lucidia Grande, Tahoma, Verdana;
}

h1 {
padding: 30px 0 0 0;
margin: 0px 0 5px 15px;
color: #ffffff;
font-size: 24px;
}


h2 {
font-size: 20px;
color: #ffffff;
margin: 5px 0 5px 15px;
}


h3 {
font-size: 20px;
text-transform: uppercase;
border-bottom: 2px solid #990000;
padding: 0 0 1px 0;
margin: 0;
color: #48321e;

}

h4 {
font-size: 15px;
margin: 2px 0 0 0;
padding: 0;
color:  #48321e;
}

h5 {
font-size: 18px;
text-transform: uppercase;
margin: 0;
color: #48321e;
}


p {
font-size: 14px;
font-family: Tahoma, Verdana, Arial, sans-serif;
line-height: 24px;
}


/* layout */

#container {
margin: 20px auto;
border: 2px solid #990000;
padding: 10px;
width: 900px;
background: #fff;
position: relative;
}

#logo {
margin: 10px 0px 15px 5px;
}


#header {
width: 900px;
height: 130px;
background: url(Images/MSWG3_bgHeader_RedGradient.gif) no-repeat;
position: relative;
}


#navigation {

}

#left {
float: left;
width: 450px;
margin: 20px 10px 10px 10px;
padding: 0 20px 0 0;
}

#right {
float: right;
width: 370px;
margin: 20px 0 10px 10px;
}

#footer {
width: 874px;
border-top: 1px solid #e6d9b3;
margin: 15px auto;
padding-top: 15px;
}

#footer p {
text-align: center;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #003366;

}
/* misc classes */

.clear {
clear:both;
}





/*****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.

Having trouble with CSS? We can take your photoshop layout and cut it into XHTML/CSS for you! 

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

/* This wrapper surrounds the entire survey*/
.SV_Survey {

}


/* This wraps the introductory text (if any) */
.SV_DisplayText {

}


/* This surrounds the entire survey - you can apply width, border, background color etc. */
.SV_QuestionsWrapper {
width: 270px;
border-top: 1px dotted #999999;
margin-top: 35px;
}

/* 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: 0px 0 5px 0;
padding: 0;
}

/* This wraps each question, both text and response. */
.SV_Question {
margin: 5px 0;
padding: 10px 0 15px 0;
border-bottom: 1px dotted #666666;
font-size: 12px;
}

/* This styles the text for the question */
.SV_QuestionText {
font-weight: bold;
font-size: 11px;
color: #333333;
font-family: Trebuchet MS, Lucidia Sans, Arial, Helvetica;
}


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

/* 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;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}

/* 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;
}

/* 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 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;
}

.SV_ErrorText, .SV_ErrorText p {
font-size: 12px !important;
color: #FF0000;
}

/* This sets the bullet styles for the list items of issues in the validation summary */
.ValidationSummary ul li {
list-style-type: none;
font-size: 12px !important;
color: #FF0000;
}


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

/* This includes styles for the contact form

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

/* 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-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px 0 0 0;
color:#000000;
}

/* 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***/