/* GLOBAL ELEMENTS */
body {
	background: #777;
	margin: 30px auto;
}

img {
	display: block;
	margin: 0;
	padding: 0;
}

p, td, ul, h1, h2, h3, div {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align: left;
	line-height: 16px;
}

a	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
                                                                                                                 
a:link {
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	background: transparent;
}

a:active {
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}


/* TOP & HEAD ELEMENTS */
#top {
	width: 755px;
	height: 69px;
	border: 3px solid #fff;
	background: #F4F4F4 url(../images/topBG.gif) repeat-x scroll top left;
}

#schools {
	text-align: center;
	margin: 13px auto;
	padding: 0;
}

#schools img {
	display: inline;
	margin: 0 20px;
}

#head {
	width: 755px;
	height: 112px;
	border: 3px solid #fff;
	border-top: 0;
	background: #fff url(../images/headBG.gif) repeat-x scroll top left;
	text-align: center;
}

#head img {
	display: inline;
}


/* NAV ELEMENTS */
#nav {
	width: 755px;
	height: 42px;
	border: 3px solid #fff;
	border-top: 0;
	background: #fff url(../images/navBG.gif) repeat-x scroll top left;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#nav a {
	margin: 0 28px;
	color: #fff;
}

#nav a:hover {
	color: #FFE8C4;
	background: transparent;
}


/* CONTENT AREA */
#content {
	width: 755px;
	border: 3px solid #fff;
	border-top: 0;
}

#space1 {
	width: 27px;
	background: #E2E2E2 url(../images/topGreyBG.gif) repeat-x scroll top left;
}

#welcome {
	width: 230px;
	background: #fff url(../images/topWhiteBG.gif) repeat-x scroll top left;
}

#intro {
	width: 471px;
	background: #E2E2E2 url(../images/topGreyBG.gif) repeat-x scroll top left;
	vertical-align: top;
	text-align: center;
}

#space2 {
	width: 27px;
	background: #fff url(../images/topWhiteBG.gif) repeat-x scroll top left;
}

#space3 {
	width: 27px;
	background: #E2E2E2 url(../images/bottGreyBG.gif) repeat-x scroll bottom left;
}

#welcome2 {
	width: 230px;
	background: #fff url(../images/bottWhiteBG.gif) repeat-x scroll bottom left;
}

#intro2 {
	width: 471px;
	background: #E2E2E2 url(../images/bottGreyBG.gif) repeat-x scroll bottom left;
}

#space4 {
	width: 27px;
	background: #fff url(../images/bottWhiteBG.gif) repeat-x scroll bottom left;
}

/* CONTENT ELEMENTS*/

#welcome {
	vertical-align: top;
}

#welcome img {
	margin: 24px auto;
}

#login {
	margin: 0 0 20px 0;
}

#login img {
	display: inline;
	margin: 0 0 0 12px;	
}

#intro table {
	margin: 24px auto;
}

#intro table td {
	vertical-align: top;
}

#intro p {
	margin: 5px 10px 15px 20px;
}

#choice img, #flex img {
	margin: 13px 0 0 20px;
}

#choice {
	border-right: #C0C0C0 dotted 2px;
	border-bottom: #C0C0C0 dotted 2px;
	background: #E2E2E2 url(../images/upLeft.gif) no-repeat scroll top left;
}

#flex {
	border-right: #C0C0C0 dotted 2px;
	background: #E2E2E2 url(../images/bottLeft.gif) no-repeat scroll bottom left;
}

#quote {
	background: #E2E2E2 url(../images/bottRight.gif) no-repeat scroll bottom right;
}

#quote img {
	margin: 0;
	padding: 0;
	border-bottom: #C0C0C0 dotted 2px;
}

#quote h2, #quote p {
	margin: 10px 0 10px 12px;
	font-size: 10px;
}

#quote a {
	font-size: 10px;
	color: #357AB0;
	margin-right: 20px;
}


/* FOOTER ELEMENTS */
#foot {
	width: 755px;
	height: 25px;
	border: 3px solid #fff;
	border-top: 0;
	background: #4F8FC1 url(../images/footBG.gif) repeat-x scroll top left;
	text-align: center;
	font-size: 10px;
	color: #fff;
}

#foot a {
	margin: 0 28px;
	font-size: 10px;
	color: #fff;
}

#foot a:hover {
	color: #E3F9FF;
	background: transparent;
}