﻿/* 

	Amazing Grades Splash Page CSS
	
	Author: Andy Fear 
	
	Copyright: Amazing Learning (c) 2008
	
*/

:focus 
{
    outline:0;
}

body
{
    font-family:Verdana, Helvetica, Sans-Serif;
    font-size:0.75em;
    color:#707070;
	text-align:center;
}

a, a:visited
{
    color:#707070;
    text-decoration:underline;
}

a:hover
{
    color:#328d9b;
}

img
{
    border:none;
}

div
{
    text-align:center;
}

#splashWrapper
{
	width:763px;
	margin:auto;
	margin-top:20px;
	position:relative;
}

#splashTop
{
	background-image:url(images/splash_header.gif);
	height:146px;
}

#splashNav
{
	background-image:url(images/splash_nav.gif);
	height:35px;
}

#splashBody
{
	background-image:url(images/splash_bg.gif);
	background-repeat:no-repeat;
	height:301px;
}

#searchBar
{
	text-align:center;
	padding-top:160px;
}

#searchControls
{
	width:320px;
	height:40px;
	margin:auto;
}

#enterGrades
{
    width:274px;
    margin:auto;
    margin-top:40px;
}

#splashPostIt
{
    width:172px;
    height:174px;
    background-image:url(images/splash_postit.png);
    background-repeat:no-repeat;
    position:absolute;
    top:0px;
    left:550px;
    z-index:999;
}

.searchBoxContainer
{ 
	width:227px;
	height:33px;
}

.searchBox
{
    background-image:url(images/splash_box.gif);
    background-repeat:no-repeat;
    border:0;
    width:220px;
	height:26px;
	padding-top:7px;
	padding-left:3px;
	margin-left:10px;
	margin-right:10px;
}

.searchButton
{
    background-image:url(images/splash_search.gif);
    background-repeat:no-repeat;
    width:32px;
    height:33px;
}

#instruct
{
	padding-top:8px;
}

#enterLink
{
	margin-top:66px;
	margin-left:470px;
}

#splashFooter
{
	height:100px;
}

#copyright
{
    padding-left:4px;
}

#login
{
    padding-right:7px;
}

#find
{
    padding-top:3px;
}

.fLeft
{
	position:relative;
	float:left;
}

.fRight
{
	position:relative;
	float:right;
}

.clear
{
	overflow:auto;
}