@charset "utf-8";
/* CSS Document */

body { 
			margin:  0px;
			margin-right: 50px;
			margin-left: 50px;
			font-family: Arial,Helvetica,sans-serif;
			background-color:#85b2ca;
			font-size: 12px;
			font-color:#3a4a54;
			line-height:2em;
		}

		h1 {
			color: #327199;
			font-size: 2em;
			margin-bottom: 0.4em;
			font-weight:normal;
		}
		
		h2 {
			color: #327199;
			font-size: 1.3em;
			margin: 2.5em 0 1em 0;

		}
		
		a {
			color: #0088B5;
			text-decoration: none;
		}
		
		a:hover {
			color: #8AB54A;
			text-decoration: none;
		}
		
		.body-container {
			padding: 30px 50px 100px 30px;
			margin-top: 10px;
			border: 6px solid #3a4a54;
			background-color: #fff;
		}
		
		.text-container {
			padding-left: 75px;
			padding-top:  20px;
		}
		
		.footer {
			position: absolute;
			left: 80px;
			bottom: 20px;
			font-size: 8pt;
			color: #fff;
		}
		
		#menu
		{
			float:right;
		}
		
		#menu li
		{
			list-style:none;
			float:left;
			margin-right:20px;
		}
		
		#menu a
		{
			text-decoration:none;
			font-size:14px;
			font-weight:bold;
		}
		
		/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}

#right{
	float:right;
	width:65%;
}

#left{
	float:left;
	width:30%;
}

.button {
  font-family: inherit;
  text-shadow: 0 1px 2px #FFFFFF;
  margin-left:10px;
}

/* CSS Document */
 
.textfield_effect    {
    /*we will first set the border styles.*/
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    /*we are now going to add in the shadow image that we created earlier*/
    background-image: url(back_field.gif);
    background-repeat: repeat-x;
    /*I am going to add some text formatting of my own*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    height: 15px;
    }
 
/*we are now going to style how the <strong class="highlight">textfield</strong> will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
/*you may also like to add some styles for the rest of the form*/
 
fieldset    {
    width: 400px;
    height: 200px;
    border-style: solid;
    border-width: 1px;
    border-color: #036399;
    margin-left: auto;
    margin-right: auto;
    background-color: #F5F5F5;
    }
fieldset:hover    {
    border-color: #0ca0ff;
    }
legend    {
    font-family: sans-serif;
    font-size: 18px;
    color: #097bc3;
    font-weight: bold;
    }
	
	#left li
	{
		list-style:url(http://www.preplogic.com/images/products/exams/pe_preview/free_pe_prev_list_bullet.png);
		margin-left:0px;
	}
	
	#left ul
	{
		margin-left:0px;
		padding-left:2.5em;
	}
	
	dt{
		font-size:9px;
	}
	
	.colorlink a
	{
		color:#000;
	}
	
	.red
	{
		color:#F00;
		clear:both;
	}