/* CSS Document */

body	{
	background-color : #9999FF;
	background-image : url(images/pageBackground.gif);
	color : Black;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	background-repeat : no-repeat;
}

ul, ol	{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	
}

ul 	{
	list-style-image : url(images/bullet.gif);
}

a.nav:active, a.nav:visited, a.nav:link, a.nav:focus	{
	font-family : "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FFD700;
	font-size : 90%;
	text-decoration : none;
}

a.nav:hover	{
	font-family : "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #FFCC33;
	font-size : 90%;
	text-decoration : underline;
}

.sub	{
	font-family : "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #CCCCFF;
	font-size : 90%;
}

.disclaimer	{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : black;
}

a:link, a:active, a:visited, a:hover	{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : underline;	
}

a:link, a:active	{
	color : #FFCC33;
}

a:visited	{
	color : #FFFF33;
}

a:hover	{
	color : #FFFFFF;
}



H1, H3, H5	{
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height	: 150%;
	padding-left : 15px;
}

H2, H4, H6	{
	font-family : Garamond, Georgia, "Times New Roman", serif;
	line-height : 125%;
	padding-left : 15px;
}

H1	{
	color : #FFCC33;
	font-size : 125%;
}

H3	{
	color : #CCCCFF;
	font-size : 100%;
}

H5	{
	color : #000000;
	font-size : 75%;
}

H2	{
	color : #CCCCFF;
	font-size : 150%;
}

H4	{
	color : #000000;
	font-size : 125%;
}

H6	{
	color : #FFCC33;
	font-size : 100%;
}

/* This is for the text of the  fom box itself. */
.field			{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 70%;
	color : #000066;
	background-color: white;
}


/* This is the text around the  form and the link description on the results page. */
.text					{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : #333333;
	margin-left: 10px;
	padding-left: 5px;
	background-color: transparent;
}

/* This controls the color of " for Websites" text and the keyword in the title on the results page. */
.highlight1			{
	color : #CCCCFF;
	background-color: transparent;
}

/* This is the page title on the results page. ( Results for "keyword") */


/* This is the website title on the results page.  */
#results H6	{
	font-family: Georgia, Garamond, "Times New Roman", Times, serif;	
	font-size: 95%;
	color: #666699;
	line-height: 100%;
	margin-right: 15px;
	padding-right: 15px;
	background-color: transparent;
}

/* The next four classes control the results page. As they stand now, they produce the results as seen on 
http://teach.fcps.net/trt20. You can set the banner headlines, alignment, or size as you see fit. */

/* This is just to save space for font declarations and set the entire width */
#results	{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: black;
	width : 490px;
	margin-left : 10px;
}

/* The articles results will be affected by this class */
#articleResults	{
	/* I modified the background properties to produce a banner effect on all of these */
	background-image : url(http://teach.fcps.net/trt2/images/articles.gif);
	background-position : top left;
	background-repeat : no-repeat;
	margin-top: 0px;
	padding-top: 32px;
	background-color : transparent;
	width : 240px;
	float : left;
}

/* Training results that appear will look like this */
#trainingResults	{
	background-image : url(http://teach.fcps.net/trt2/images/training.gif);
	background-position : top left;
	background-repeat : no-repeat;
	margin-top: 0px;
	padding-top: 32px;
	background-color : transparent;
	width : 240px;
	float : right;
}
 /* The website list will be controlled by this */
#websiteResults	{
	background-color : transparent;
	background-image : url(http://teach.fcps.net/trt2/images/website.gif);
	background-position : top left;
	background-repeat : no-repeat;
	margin-top: 25px;
	padding-top: 32px;
	width: 490px;
}