/* CSS Document Layout Styles*/

/* TOC */

/*

TAGS

body
html, body

DIVS

wrapper
holder
header
headerContact
slogan
logo
nav
content
commenttext
secondary content
footer
footerNav
copyright
jumpLinksContent
jumpLinks1
jumpLinks2
main-content
youranswer
questionlist

HELPER DIVS 

helper(1-5)

CLASSES
brclear class
formContent

STORAGE
universal selector

*/


/* html body */

body {
	background: #CCCCCC url(../../images/transGifs/ccc.gif) repeat;
/*	font: Tahoma, Arial, Verdana, sans-serif; */
/*  font-family:  Tahoma, Arial, Verdana, sans-serif; */
/*	font-size: 1em; */

	font-size: 77%;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin: 0px;
}

html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
}


/* DIVS */

/* wrapper styles */
#wrapper {
	width: 800px;
	/* This image creates the three column faux effect */
	text-align: left;
	margin: 0 auto 0 auto;

}

/* holder styles */
#holder {
	background-color: #FFFFFF;
	width: 800px;
	/* This image creates the three column faux effect */
	text-align: left;
	margin: 0 auto 0 auto;

}

/* header styles */
#header {
	height: 156px;
	background-color: #99CCFF;
	background-position: left top;
	background-image: url(../../images/bgCSS/headerBG.jpg);
}

/* logo styles */

#logo {

}

/* headerContact styles */

#headerContact {
	font-weight: bold;
	font-size: 2em;
	color: #FFF;
	padding: 10px 0px 10px 20px;
	display: none;
}


/* slogan styles */



#slogan {
	display: none;
	font-weight: bold;
	font-size: 1.5em;
	color: #FFF;
	padding: 10px 0px 10px 20px;
/* 	padding: 20px 20px; */
}


#commenttext {

	color: #B0B0B0;

}



/* logo styles */

#logo {
	display: none;

}

/* navigation styles */

#navWrapper {
	float: left;
	height: 500px;
	width: 150px;
}

#nav {
	width: 140px;
	padding: 15px 10px;
}

#nav, #nav * {
	padding: 0px;
	margin: 0px;
}


#leftcategoriesnav {
	float: center;
	height: 500px;
	width: 150px;
}


/* content styles */

#contentWrap {
	width: 425px;
	margin: 0 165px;
	padding: 15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #006699;
	border-left-color: #006699;

}


#main-content {
	width:415px;
	background: #FFFFFF;
	background-color: #FFFFFF;
	left:auto;
	line-height: 120%;
	font-size: 1em;
	


}

#contentreturn {
	width:600px;
	background: #FFFFFF;
	text-align:right;
	background-color: #FFFFFF;

}



#date {


}
    


#content {
	background-color: #FFFFFF;
}


#content p {
	line-height: 120%;
}



/* secondary content styles */
#secondaryContentWrapper {
	width: 144px;
	float:right;
}

#secondaryContent {
	width: 140px;
	margin: 0px;
	padding: 15px 8px 8px;

}

/* footer styles */
#footer {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	height: 55px;
	font-size: 1em;
	color: #FFFFFF;

}

/* footer Nav styles */
#footerNav {
	padding: 5px 0px 0px 0px;
	line-height: 15px;
	height: 40px;
	text-align: center;
	background-image: none;
	background-color: #99CCFF;
}

#footerNav a {
	color: #FFFFFF;
	
}


/* clear Class */

.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}


/* section1 contains survey form for google gadget */

.Section1 { 



}


/* text styles */

p {
/*	font-size: 1em; */
	font-size: 1em;
	font-size: 12px;
}

hr {

}

h1 {
	font: bold 2.3em Tahoma, Arial, Verdana, sans-serif;
	color: #E2C511;
	margin: 0;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

h2 {
	font: bold 1.30em Tahoma, Arial, Verdana, sans-serif;
	font-size: 18px;
	color: #006699;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;

}


#nav h3 {
	text-align: left;
	padding: 0px 0px 0px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;

}

#nav ul {
	padding: 25px 0px 0px 20px;
	text-align: left;
  	border: none;
	font-size: 1.25em;
}

#nav ul li a {
	height: 1.25em;
	display: block;
}

#nav ul li {
	list-style-type: none
}


#nav p {
	padding: 0px 20px;
	font-size: 1.25em;
}

#nav #categoryNav ul li a {

font-size: .75em;

}


h3 {
	font: bold 1.25em Tahoma, Arial, Verdana, sans-serif;
	color: #006699;
	margin: 0px;
	padding: 10px 0px 5px 0px;

}

h4 {
	font: bold 1em Tahoma, Arial, Verdana, sans-serif;
	color: #006699;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h5 {
	font: bold .75em Tahoma, Arial, Verdana, sans-serif;
	color: #006699;
	margin: 0;
}

h6 {
	font: bold 1.25em Tahoma, Arial, Verdana, sans-serif;
	color: #006699;
	margin: 0;
	padding: 20px 0px 0px 0px;
}

em {
	font-style: italic;
	font-weight: bold;
	color: #000000;

}


li {

color: #006699;
/*	color: #E2C511; */
	line-height: 1.5; 


}

ul {

color: #006699;
/*	color: #E2C511; */


}


/* questionsSearchResults.php */

#qsr br {
	line-height: 1;

}


/* questionsSearchResults.php */
#qsr li {

  	color: #006699;

}


strong {
/*	font-style: normal; */
/*	font-weight: bold; */
	color: #000000;
}


/* Question Results - Your Answer */

#youranswer {

	color: #75B570;

}

/* Question Results - The Answer */

#answer {

	color: #75B570;

}


/* On questionSearchResults.php */
#questionlist {

	font: Tahoma, Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1;

}



/* CLASSES */


/* forms */

.formContent {
	padding-top: 10px;

}


.formContent ul {
	list-style-type: none;
}


.formContent p {
	font-weight: bold;
}

.formContent input {
	color: #006699;
	background-color: #FFFFFF;
	border: 1px solid #745f2d;
}

.formHR {
	width: 250px;
	text-align: left;
	color: #006699;
}

.formRequired {
	text-align: left;
	color:#006699;
}



/* other */

.returnToTop {
	text-align: right;
}

.imageShiftLeft {
	padding: 0px 20px 0px 0px;
}

.imageShiftRight {
	padding: 0px 0px 0px 20px;
}

/* normal link styles */


#holder a:hover, a:active, a:focus {
	text-decoration: underline;	
}

a:link {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
	
} 

a:visited { 
	color: #006699;
	text-decoration: none;
	font-weight: bold;
	
}


/* copyright styles */
#copyright p {
	color:#006699;

}

#copyright a:link, a:visited {
	color:#006699;
}

.copyright {
	color: #006699;
	}

#copyright a:hover, #footerNav a:active, #footerNav a:focus {  
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	border-bottom: none;
}




/* jumpLinks styles */



#jumpLinksContent, #jumpLinksContent * {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#jumpLinksContent {
	padding: 40px 0px 40px 0px;
	float:left;
	width: 400px;
	
}


#jumpLinks1 {
	float:left;

}

#jumpLinks2 {
	float:left;	
	padding: 0px 0px 0px 40px;

}



/* Helper divs */

#helper1 {

}



#extraLinksTop ul {
	padding: 15px 0px 15px 15px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
}

#extraLinksBottom ul {
	padding: 15px 0px 15px 15px;
	margin: 0px;
	text-align: left;
	list-style-type: none;
}



/* secondary content styles */

#secondaryContent p {
	color: #666666;
}

#secondaryContent h3 {
	padding: 5px 0px 10px 0px;
}

#secondaryContent ul li {

}




/* Bread Crumb spacer */

#breadcrumbspacer {

	color: #75B570;

}



/* storage

insert asterisk here for universal selectorness
{
margin:0;
padding:0;
}

*/




/* google toolbar form fix using Important -  add more form elements as necessary
toolbar auto colors most used fields yellow - match desired color */

/* input { 

background-color: #CDE5F4! important;

} */


/* select {

background-color: #39B8C2! important;

} */