﻿body {
	background-color: #232f3e;
	padding: 0px;
	margin: 0px;
}

h1, h3, h4 {
	font-family: "Monotype Corsiva";
	color: #660000;
	margin: 0;
	padding: 0;
}

p {
	font-family: Verdana, Trebuchet, sans-serif;
	font-size: .7em;
}

a {
	color: #660000;
	text-decoration: none;
}

a:hover 
{
	text-decoration: none;
	color: #e9dcb9;
}

#pageBorder {
	padding: 10px;
	position: relative;
	width: 880px;
	background-color: #FFFFFF;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background-image: url('Images/MySmartyCatHeader.jpg');
	position: relative;
	width: 880px;
	height: 150px;
	margin-bottom: 0;
}

#navBar {
	background-color: #e9dcb9;
	position: relative;
	width: 860px;
	height: 25px;
	margin-top: 0;
	padding-left: 20px;
	padding-top: 5px;
}

#navBar ul {
	margin: 0;
	padding: 0;
}

#navBar li {
	display: inline;
	list-style-type: none;
	padding-left: 20px;
	margin:0;
	font-family: verdana, trebuchet, sans-serif;
	font-size: small;
}

#navBar a:link, #navBar a:visited {
	text-decoration: none;
	color: #2e3f53;
}

#navBar a:hover {
	text-decoration: none;
	color: #f5eedd;
}

#container2 {
	background-image: url('Images/RightColGradientBlue.jpg');
	background-repeat: repeat-y;
	background-position: right;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

#container1 {
	background-image: url('Images/ContentGradientBeigeRight.jpg');
	background-repeat: repeat-y;
	
	float: left;
	width: 100%;
	position: relative;
	right: 25%;

}

#homeContent {
	position: relative;
	left: 25%;
	width: 658px;	
	float: left;
	border-top: 1px #e9dcb9 solid;
	border-right: 1px #e9dcb9 solid;
	overflow: hidden;
}

#rightCol {
	position: relative;
	left: 25%; 
	width: 219px;
	float: left;
	border-top: 1px #cbcdd4 solid;
	border-right: 1px #cbcdd4 solid;
}

#advertisement 
{
	margin: 0 0 0 30px;
}

#footer {
	height: 20px;
	width: 840px;
	background-color: #e9dcb9;
	clear: both;
	font-family: Verdana, Trebuchet, sans-serif;
	font-size: xx-small;
	color: #2e3f53;
	padding: 15px 0 10px 40px;
}
 
#footer ul {
	padding: 0;
	margin: 0;
}

#footer li {
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: none;
	color: #f5eedd;
}

/**************Default Home Page********************/

#iqTest {
	width: 100%;
}

#iqTestImage {
	float: left;
	display: inline;
	margin: 10px 0 10px 40px;
	/*background-image: url('Images/BabyPhotoSmall.jpg');*/
	background-repeat: no-repeat;
	width: 23%;
	height: 100px;
}

#iqTestText {
	float: left;
	margin: 10px;
	width: 65%;
	height: 100px;
	border-bottom: 1px #e9dcb9 solid;
}

#iqTestText h1, #intelArticleText h1, #catFactsText h1, #catQuotesText h1, #catVideosText h1
{
	margin-top: 20px;
}

#iqTestText p, #intelArticleText p, #catFactsText p, #catQuotesText p, #catVideosText p
{
	margin-top: 0;
}

#intelArticle {
	clear: both;
	width: 100%;
}

#intelArticleImage{
	float: left;
	display: inline;
	margin: 10px 0 10px 40px;
	/*background-image: url('Images/AbbyPhotoSmall.jpg');*/
	background-repeat: no-repeat;
	width: 23%;
	height: 100px;
}

#intelArticleText{
	float: left;
	margin: 10px;
	width: 65%;
	height: 100px;
	border-bottom: 1px #e9dcb9 solid;
}

#catFacts {
	clear: both;
	width: 100%;
}

#catFactsImage {	
	float: left;
	display: inline;
	margin: 10px 0 10px 40px;
	/*background-image: url('Images/DaisyPhotoSmall.jpg');*/
	background-repeat: no-repeat;
	width: 23%;
	height: 100px;
}

#catFactsText {
	float: left;
	margin: 10px;
	width: 65%;
	height: 100px;
	border-bottom: 1px #e9dcb9 solid;

}

#catQuotes {
	clear: both;
	width: 100%;
}

#catQuotesImage {	
	float: left;
	display: inline;
	margin: 10px 0 10px 40px;
	/*background-image: url('Images/SimonPhotoSmall.jpg');*/
	background-repeat: no-repeat;
	width: 23%;
	height: 100px;	
}

#catQuotesText {
	float: left;
	margin: 10px;
	width: 65%;
	height: 100px;
	border-bottom: 1px #e9dcb9 solid;
}

#catVideos {
	clear: both;
	width:100%;
}

#catVideosImage {
	float: left;
	display: inline;
	margin: 10px 0 10px 40px;
	/*background-image: url('Images/JackPhotoSmall.jpg');*/
	background-repeat: no-repeat;
	width: 23%;
	height: 100px;
}

#catVideosText {
	float: left;
	margin: 10px;
	width: 65%;
	height: 100px;
}

/*********Common Page ******************************/

#catQuoteIntro, #catFactsIntro, #catIQTestIntro, #catVideosIntro, #gamesIntro {
	margin: 20px 40px 0 40px;
	border-bottom: 1px #660000 solid;
}

#catQuoteIntro p, #catIQTestIntro p, #gamesIntro p {
	font-size:  1em;
	padding: 0;
	margin-top: 0;
}

#interestingFactQuote {
	margin: 30px;
	font-size: small;
	border-bottom: 1px #2e3f53 solid;
}

#interestingFactQuote p {
	padding-top: 0;
	margin-top: 0;
}

/************Intelligence Article Page***************/

#article {
	margin: 30px 40px;
}

#resources 
{
	margin: 20px 40px;
}

#resources ul
{
	margin: 0 0 0 20px;
	padding: 0;
}

#resources li 
{
	font-family: Verdana, Trebuchet, Sans-Serif;
	font-size: x-small;
}

/**************Cat IQ Test Page**********************/

#testQuestions {
	margin: 30px 40px 0 40px;
}

#orderedList {
	padding-left: 0;
	margin-left: 20px;
}

#orderedList li {
	padding-bottom: 30px;
}

#testResultUP 
{
	margin: 0 40px 0 40px;
	position: relative;
}

#submitButton 
{
	margin-left: 225px;
}

#iqResultLabel 
{
	margin-left: 100px;
	margin-top: 20px;
	height: 40px;
	font-family: Verdana, Trebuchet, sans-serif;
}

#testResultsStats {
	position: relative;
	margin: 0 40px 40px 40px;
	font-family: Verdana, Trebuchet, sans-serif;
	font-size: x-small;
}

/***************Cat Quotes Page*********************/

#allQuotes {
}

.pHidden {
	padding: 0;
	margin: 0;
}

#allQuotes p {
	background-color: #efe5cb;
	border-left: 10px #660000 solid;
	margin: 10px 40px 0 40px; 
	padding: 5px 20px 5px 20px;
	display: inline-block;
	width: 530px;
}

#allQuotes span {
	font-family: "Monotype Corsiva";
	font-size: 1.3em;
}

#paddingDiv {
	height: 10px;	
}

/**********************Cat Facts Page***************/

#allFacts p{
	margin:10px 40px 0 40px;

}
#catAge {
	margin: 10px 40px 10px 40px;
	background-color: #efe5cb;
	padding: 0 10px 5px 10px;
}

#catAge p {
	font-size: x-small;
}

table {
	font-family: verdana, trebuchet, sans-serif;
	font-size: x-small;
	width: 550px;
	margin-top: 0;
}

tr.beige td {
	background-color: #e9dcb9;
	color: #2e3f53;
}

tr.blue td {
	background-color: #cbcdd4;
	color: #2e3f53;
}

/*****************Cat Video Page********************/

#catVideosIntro {
	margin-left: 40px;
}

#allVideos {
	margin-left: 40px;
}


/*****************Game Page************************/

#allGames 
{
	margin:0;
	padding:0;
	margin-left: 40px;
} 

#gameImage {
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#gameName {
	float:left;
	margin-top: 50px;
	margin-left: 20px;
}







