@import url(../styles/fonts.css);

/* CSS Document */
body {
background: #F8ECDE;
}

#container {
margin: auto;
padding: auto;
background: #F8ECDE url(../images/background.jpg) repeat-y;
width: 815px;
}

#mainContent {
float: left;
margin: 0 0 0 7px;
width: 587px;
}

#rightSidebar {
float: right;
width: 212px;
margin: 0 7px 0 0;
}

div#newsletter img, div#buttons img {
border: none;
}

/*Searchbox*/

#searchBox {
margin: 10px auto;
text-align: right;
}

#find {
border: none;
background: #3A6BA6;
font-family: Arial, Tahoma, sans-serif;
font-size: 14px;
color: white;
}

/*Newsletter button*/
#newsletter {
float: right;
background: url(../images/newsletter.jpg) no-repeat bottom left;
width: 114px;
height: 54px;
padding-left: 14px;
margin: 5px 0px;
border: 1px #3A6DA6 solid; /* this prevents margin collapsing */
}

#newsletter a{

text-decoration: none;
color: black;
font-size: 14px;
width: 114px;
height: 48px;
margin-top: 6px; 
}


span.newsletter {
 color: #006699; 
}


#menu {
padding: 10px;
}

div#menu ul ul {
	margin-left: -200px;
padding: 5px 5px 0px 5px;
	background-color: #3A6DA6;
	line-height:15px;
}

div#menu ul ul li {
		margin-bottom: 5px;
}


/*Buttons*/
#buttons {
margin: 20px auto;
text-align: center;
}

#buttons a{
background: url(../images/beveledButton.gif);
text-decoration: none;
color: white;
font-size: 16px;
display:block;
padding: 10px;
margin: 5px 10px;
}




.sidebar h2{
	font-size: 16px;
	color: #FFFFFF;
	background-color: #B09158;
	width: 194px;
	text-align: center;
	padding: 5px 0;
	margin: 0;
}

.sidebar h3 {
	color: #000000;
	padding: 5px 0;
	font-size: 14px;
	font-weight: normal;
	background-color: white;
	margin: 0;
}

/*Header Styles*/


span.language a {
text-decoration: none;
color: silver;
font-weight: normal;
display: block;
padding: 10px 5px;
}


#pageHeader {
text-align: right;
}


#pageContent {
width: 567px;
margin: 10px;
padding-bottom: 10px;
}

#pageFooter {
padding-bottom: 10px;
margin: auto;
background: #F8ECDE url(../images/background.jpg) repeat-y;
width: 815px;
clear: both;
}

#footerText {
border-top: thin #993333 solid;
width: 567px;
margin: 20px 10px 20px 17px;
padding-top: 10px;
text-align: center;
}



.clearingBlock {
	width: 0px;
	height: 0px;
	clear: both;
}

span.pageTitle h2 {
font-family: Arial, Tahoma, sans-serif;
color: #006699;
margin: 0px;
}


span.pageSubtitle h3 {
font-family: Arial, Tahoma, sans-serif;
color: #006699;
margin: 0px;
}


#leftSidebar {
float: left;
width:  358px;
}

div.blurbFAQs {
width: 348px;
}

#leftSidebar h2.question_title, h2.leftTitle {
font-size: 16px;
border-bottom: thin #993333 solid;
background-color: white;
color: #005A9B;
font-weight: bold;
text-align: left;
width: auto;
}

.q, .a {
color: #A63A31;
font-size: 18px;
font-family: Arial, sans-serif;
margin-right: 10px;
}

div.question{
margin-top: 10px;
}

div.qa {
margin-bottom: 10px;
}

/*For multiple FAQs of the same type*/
div.first {
margin-top: 15px;

}



#leftSidebar img.faq {
border: thin black solid;
padding: 4px;
background-color: white;
}

#middleSidebar {
margin-left: 10px;
float: right;
border-bottom: thin black solid;
width: 199px;
}

div.sideMid {
border-right: thin black solid;
border-left: thin black solid;
padding-bottom: 10px;
}

div.sideMid h2 {
border-top: thin black solid;
border-bottom: thin black solid;
width: 192px;
text-align: left;
padding: 5px 0px 5px 5px;
}

div#rightSidebar div.blurbFAQs {
width: 194px;
margin: auto;
background-color: white;
padding-bottom: 5px;
}

div#middleSidebar div.blurbFAQs {
width: 199px;
}

div.sideRight {
width: 194px;
margin: 10px auto;
background: white;
}

.sideItem {
	padding: 0 5px 5px 5px;
}

div.sideLeft .newsItem {
	padding: 0;
}

div.sideRight h3 {
width: 184px;
padding: 5px 0;
}

div.sideLeft {
width: 348px;
margin-bottom: 15px;
}

div.text {
padding: 5px;
}

div.sideLeft div.text {
padding: 5px 0;
}

span.language a {
width: 50px;
margin: 2px;
float: right;
}

a.home:link, a.home:hover, a.home:visited, a.home:active {
font-size: 1px;
width: 400px;
color: white;
float: left;
height: 45px;
text-decoration: none;
}

div.sideRight div.question, div.sideMid div.question, div.sideRight div.answer, div.sideMid div.answer  {
margin: 10px;
}

.resourceDisclaimer {
font-size: smaller;
}