/* CSS Document */

/* basic elements */

body { 
	font-size: 76%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (especially on a Mac) */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin: 0 0 0 0; /* positions the content in the top left */
	padding: 0; /* used by Opera */
	text-align:center;
	}
	
p, ol, li, dd, div, {	
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.5em;
	text-align: left; /* compensates for an IE 6 bug */
	margin-top: 1em;
	margin-bottom: 1em;	
	font-weight : normal;
	}
	
body#blue { 
	background-color: #313552;

	}
	
body#red { 
	background-color: #870329;

	}
	
body#purple { 
	background-color: #402744;

	}
	
body#turq { 
	background-color: #215464;

	}
	
body#popup { 
	background: #0682aa url(images/imagespage/popup_bg.jpg) no-repeat top center;
	}
	
body#popup2 { 
	background: #683671 url(images/imagespage/popup_bg_purp.jpg) no-repeat top center;
	}
	
body#green { 
	background-color: #1c7449;

	}

#red .imagespecial {
	border: 1px solid #fff;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	


#blue .imagespecial {
	border: 1px solid #40a0bf;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
#purple .imagespecial {
	border: 1px solid #9e72bf;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
#turq .imagespecial {
	border: 1px solid #19d0c5;
	margin-right: 10px;
	margin-bottom: 3px;
	}
	
#popup .imagespecial {
	border: 1px solid #19d0c5;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 25px;
	}
	
#popup2 .imagespecial {
	border: 1px solid #19d0c5;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-top: 25px;
	}


#turq .imagespecialright {
	border: 1px solid #19d0c5;
	margin-left: 10px;
	margin-bottom: 3px;
	}
	
#purple .imagespecialright {
	border: 1px solid #9e72bf;
	margin-left: 10px;
	margin-bottom: 3px;
	}
	
a:link { 
	color: #fff;
	text-decoration:underline;
	font-weight : bold;
}

a:visited { 
	color: #fff;
	text-decoration:underline;
	font-weight : bold;
}

a:hover, a:active, a:focus {  
	color: #fff;
	text-decoration:underline;
	font-weight : bold;
}

#minornav a:link, #minornav a:visited, #minornav a:active, #minornav a:focus {
	text-decoration:none;	
	}

	
#holder {
	width: 764px;
	text-align: left;
	margin: 0 auto 0 auto;
}

#minornav {
	text-align: right;
	margin: 10px 3px 0 0;
	font-size: .8em;
	font-weight : bold;
}
	

#blue #header {
	text-align: right;
	width: 753px;
	margin: 0 0 0 9px;
	border-left: 1px solid #40a0bf;
	border-top: 1px solid #40a0bf;
	border-right: 1px solid #40a0bf;
}

#red #header {
	text-align: right;
	width: 753px;
	margin: 0 0 0 9px;
	border-left: 1px solid #e62e64;
	border-top: 1px solid #e62e64;
	border-right: 1px solid #e62e64;
}

#purple #header {
	text-align: right;
	width: 753px;
	margin: 0 0 0 9px;
	border-left: 1px solid #9e72bf;
	border-top: 1px solid #9e72bf;
	border-right: 1px solid #9e72bf;
}

#turq #header {
	text-align: right;
	width: 753px;
	margin: 0 0 0 9px;
	border-left: 1px solid #19d0c5;
	border-top: 1px solid #19d0c5;
	border-right: 1px solid #19d0c5;
}

#green #header {
	text-align: right;
	width: 753px;
	margin: 0 0 0 9px;
	border-left: 1px solid #83e864;
	border-top: 1px solid #83e864;
	border-right: 1px solid #83e864;
}


#navtabs {
	width: 9px;
	float: left;
	padding: 0;
	margin: 0;
}

#blue #content {
	background: #52598b url(images/bg_blue.jpg) no-repeat top center;
	margin: 0 0 0 9px;
	padding: 0 0 30px 0;
	border-left: 1px solid #40a0bf;
	border-right: 1px solid #40a0bf;
	border-bottom: 1px solid #40a0bf;
}

#red #content {
	background: #a20431 url(images/bg_red.jpg) no-repeat center top;
	margin: 0 0 0 9px;
	padding: 0 0 30px 0;
	border-left: 1px solid #e62e64;
	border-right: 1px solid #e62e64;
	border-bottom: 1px solid #e62e64;
}

#purple #content {
	background: #693770 url(images/bg_purple.jpg) no-repeat center top;
	margin: 0 0 0 9px;
	padding: 0 0 30px 0;
	border-left: 1px solid #9e72bf;
	border-right: 1px solid #9e72bf;
	border-bottom: 1px solid #9e72bf;
}

#turq #content {
	background: #0682aa url(images/bg_turq.jpg) no-repeat center top;
	margin: 0 0 0 9px;
	padding: 0 0 30px 0;
	border-left: 1px solid #19d0c5;
	border-right: 1px solid #19d0c5;
	border-bottom: 1px solid #19d0c5;
}

#green #content {
	background: #06a95a url(images/bg_green.jpg) no-repeat center top;
	margin: 0 0 0 9px;
	padding: 0 0 30px 0;
	border-left: 1px solid #83e864;
	border-right: 1px solid #83e864;
	border-bottom: 1px solid #83e864;
}

.mainnav {

	padding: 0 0 0 0;

} 

.textcontent {

	padding: 94px 0 0 0;
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.5em;
	text-align: left; /* compensates for an IE 6 bug */
	margin-top: 1em;
	margin-bottom: 1em;	
	font-weight : normal;

} 

#blue .quote {

	padding: 210px 40px 0 35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color:#40a0bf;
	font-style: italic;
	font-weight:bold;
	text-align: left;
}

#red .quote {

	padding: 210px 40px 0 35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color:#fd808e;
	font-style: italic;
	font-weight:bold;
	text-align: left;
}

#purple .quote {

	padding: 210px 40px 0 35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color:#9e72bf;
	font-style: italic;
	font-weight:bold;
	text-align: left;
}

#turq .quote {

	padding: 210px 40px 0 35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color:#19d0c5;
	font-style: italic;
	font-weight:bold;
	text-align: left;
}

#green .quote {

	padding: 210px 40px 0 35px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.5em;
	color:#90eb74;
	font-style: italic;
	font-weight:bold;
	text-align: left;
}

.review {

	margin-top: 1.2em;
	margin-bottom: 0em;	

}


.quotename {
	font-size: .8em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1em;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
} 
 
#footer {
	text-align: center;
	margin: 10px 0 10px 9px;
	font-size: .8em;
	color: #ffffff;
	font-weight:bold;
}

#copyright {
	text-align: center;
	margin: 10px 0 10px 9px;
	font-size: .8em;
	color: #ffffff;
}

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

h1 {
	margin-top: 0px;
	margin-bottom: 12px;
}

h2 {
	color:#fff;
	font-size: 1.3em;
	font-weight:bold;
	font-style:italic;
	margin-top: 15px;
	margin-bottom: 8px;
}

#blue h3 {
	color:#40a0bf;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

#red h3 {
	color:#fd808e;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

#purple h3 {
	color:#c5a7dc;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

#purple h4 {
	color:#c5a7dc;
	font-size: 1em;
	font-weight:bold;
	padding-top: 0px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 4px;
}

#turq h3 {
	color:#19d0c5;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

#green h3 {
	color:#83e864;
	font-size: 1.2em;
	font-weight:bold;
	margin-top: 4px;
	margin-bottom: 4px;
}

.smalltext  {
	
	font-size: .8em;

}

.smalltextcenter  {
	
	font-size: .8em;
	text-align: center;

}

.smallertext  {
	font-size: 0.8em;

}


#turq hr {
	color: #6eb6ce; /* incorrectly used by IE */
	background: #6eb6ce; /* used by Gecko, Opera browsers */
	border: 0; 
	height: 1px;
	margin-top: 1.3em;
	margin-bottom: 1.1em;
}

#green hr {
	color: #a0ec86; /* incorrectly used by IE */
	background: #a0ec86; /* used by Gecko, Opera browsers */
	border: 0; 
	height: 1px;
	margin-top: 1.3em;
	margin-bottom: 1.6em;
}

.imagetable  {

	font-size: .8em;

}

.indent {
	margin-left: 30px;
	
}