/* CSS Document */

/* resets default browser styles and defines global styles*/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strike, strong, sub, sup, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html{height:100%; width:100%;}
body {
	line-height: 1.5;
	color: black;
	background: white;
	font-size:67%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/tilingbg.jpg) center center #ccc repeat;
}

strong{ font-weight:bold;}
ul { list-style-type:disc; padding:0 0 0 15px; margin:0;}

ul ul{ list-style-type:disc; padding-left:15px;}
ul li{ margin:0 0 0 0;}
ul ul li{ margin:2px 0;}

ol{ list-style-type:decimal; padding-left:28px;}
ol li{ margin:3px 0;}

em{ font-style:italic; color:#666;}

a, a:visited{ text-decoration:none; color:#666; text-decoration:underline;}
a:active, a:focus, a:hover, a.current, a.current:visited{color:#732546; text-decoration:none;}
/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {
	text-align: left;
	font-weight: normal;
}


p{ margin:5px 0;}
p.green{color:#849835;}

/* sets site width and centers it , CHANGE TO 945PX for five pages, but will also require new images making */
#container{ width:919px; margin:0 auto;}

/*sets page backgrounds*/
#content{ width:100%; float:left; height:560px; margin:10px auto; background-repeat:no-repeat; position:relative;}
.home{ background-image:url(../images/page1.gif); background-position:bottom left;}
.intro{ background-image:url(../images/page2.gif); background-position:top left;}
.info{ background-image:url(../images/page3.gif); background-position:top left;}
.apply{ background-image:url(../images/page4.gif); background-position:top left;}
.five{ background-image:url(../images/pages5.gif); background-position:top left;}

/* main content for left and right sides */
.left{ float:left; margin:30px 40px 100px 80px; width:300px; max-height:430px; overflow:auto; height:430px; display:inline; }
.right{float:left; margin:90px 0 100px 35px; width:300px; max-height:430px; height:370px; overflow:auto;}

/* different width on the home page, can be remove if more text needs to be fitted in */
.home div.left{ width:200px; padding-right:100px;}

/* headers - not really important because they are just images now */
h1{margin:20px 0 10px 0;}
h1.homeheader{ width: 200px; height:65px; margin-bottom:20px; }
h1.introheader{ height:27px; }
h1.titleheader{ height:27px; }
h1.applyheader{ height:27px; }

h2{ color:#849835; font-size:110%; font-weight:bold; margin-bottom:10px; margin-left:2px;}
h3{ color:#000; font-size:100%; font-weight:bold; margin:0;}

/* navigation, its best not to touch this */
.home a.gointro, .home a.gointro:visited, .home a.goinfo, .home a.goinfo:visited,
.home a.goapply, .home a.goapply:visited, .home a.gofive, .home a.gofive:visited,
.info a.gohome, .info a.gohome:visited, .info a.gointro, .info a.gointro:visited,
.info a.goapply, .info a.goapply:visited, .info a.gofive, .info a.gofive:visited,
.apply a.gohome, .apply a.gohome:visited, .apply a.gointro, .apply a.gointro:visited,
.apply a.goinfo, .apply a.goinfo:visited, .apply a.gofive, .apply a.gofive:visited,
.intro a.gohome, .intro a.gohome:visited, .intro a.goapply, .intro a.goapply:visited,
.intro a.goinfo, .intro a.goinfo:visited, .intro a.gofive, .intro a.gofive:visited,
.five a.goinfo, .five a.goinfo:visited, .five a.gointro, .five a.gointro:visited,
.five a.gohome, .five a.gohome:visited, .five a.goapply, .five a.goapply:visited{ position:absolute; display:block; width:28px; text-indent:-9999px;}

.home a.gointro, .home a.gointro:visited, 
.apply a.gointro, .apply a.gointro:visited,
.five a.gointro, .five a.gointro:visited, 
.info a.gointro, .info a.gointro:visited,
.intro a.goinfo, .intro a.goinfo:visited{ height:119px; left:800px; top:65px;}

.home a.goinfo, .home a.goinfo:visited{ height:119px; left:835px; top:80px;}
.home a.goapply, .home a.goapply:visited{ height:55px; left:860px; top:45px;}
.home a.gofive, .home a.gofive:visited{ height:55px; left:903px; top:70px;}

.info a.gohome, .info a.gohome:visited, .apply a.gohome, .apply a.gohome:visited, 
.intro a.gohome, .intro a.gohome:visited, .five a.gohome, .five a.gohome:visited{ height:55px; left:6px; top:49px;}

.info a.gofive, .info a.gofive:visited, .apply a.gofive, .apply a.gofive:visited,
.intro a.gofive, .intro a.gofive:visited, .five a.goapply, .five a.goapply:visited { height:66px; top:70px; left:858px;}
.info a.goapply, .info a.goapply:visited, .intro a.goapply, .intro a.goapply:visited{ height:55px; top:48px; left:835px; }
.apply a.goinfo, .apply a.goinfo:visited, .five a.goinfo, .five a.goinfo:visited{ height:119px; top:48px; left:840px; }

/* footer */
ul#footer{ float:right; list-style-type:none; color:#93A54F;}
ul#footer li{float:left; padding:0 10px;}
ul#footer li a, ul#footer li a:visited{ color:#fff; text-decoration:none; text-transform:uppercase;}
ul#footer li a:hover, ul#footer li a:active, ul#footer li a:focus, ul#footer li a.current, ul#footer li a.current:visited{ color:#93A54F; text-decoration:underline;}
ul#footer li.pipe{ border-right:1px solid #fff;}
.num{ color:#fff; float:left;}

/* some random styles*/
p.forms a, p.forms a:visited{ text-decoration:none;}
p.forms a:active, p.forms a:focus, p.forms a:hover{ text-decoration:underline;}
p.forms img{ vertical-align:middle;}
.big{ font-size:120%;}
img.leftimg{ margin:20px 0 0 20px;}

/* for terms and conditions */
.tcmain{width:750px; margin:10px auto; background:#fff; border:1px solid #ccc; padding:20px; }
.tcfoot{ width:919px; margin:0 auto;}
h1.terms{ font-size:200%;}