html { 
	width: 100%; 
	height: 100%; 
	margin-bottom: 1px; 
	text-align: center; 
	} 

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: left; 
	font-family: verdana, "trebuchet ms", tahoma, arial, sans-serif; 
	font-size: medium; 
	line-height: 140%; 
	color: #3c2604; 
	background: #ccccd2 url(images/body.gif) repeat-x 0 0; 
	color: #440e0e; 
	background: #ccccd2 url(redimages/body.gif) repeat-x 0 0; 
	} 




/* << main structural elements >> */ 


#container  { 
	width: 760px; 
	margin: 0 auto; 
	} 

#accessnav  { 
	float: right; 
	width: 720px; 
	margin: 0; 
	padding: 0.2em 40px 0.4em 0; 
	font-size: 80%; 
	text-align: right; 
	color: #fff; 
	background: transparent; 
	} 

ul#nav  { 
	float: left; 
	width: 720px; 
	margin: 0; 
	padding: 0 0 0 40px; 
	list-style-type: none; 
	background: #ca7e06; 
	background: #b61c08; 
	} 

#main  { 
	float: left; 
	width: 750px; 
	} 

#inner  { 
	float: left; 
	width: 680px; 
	padding: 20px 40px; 
	background: #fff url(images/main.gif) repeat-y 0 0; 
	background: #fff url(redimages/main.gif) repeat-y 0 0; 
	border-top: 5px solid #f3b047; 
	border-top: 5px solid #f04242; 
	} 

ul#siteinfo  { 
	clear: both; 
	float: left; 
	width: 720px; 
	padding: 20px; 
	line-height: 140%; 
	list-style-type: none; 
	font-size: 80%; 
	text-align: center; 
	background: #ccccd2 url(images/siteinfo.gif) no-repeat 0 0; 
	background: #ccccd2 url(redimages/siteinfo.gif) no-repeat 0 0; 
	} 

.piccaption  { 
	float: right; 
	width: 330px; 
	margin: 0 0 20px 20px; 
	font-style: italic; 
	text-align: center; 
	} 

.piccaption img  { 
	margin: 0; 
	} 




/* << links >> */ 


a:link  { 
	color: #b75b32; 
	color: #4261a1; 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #7f3c1e; 
	} 

a:hover { 
	color: #711a96; 
	} 

a:focus  { 
	color: #0a0f62; 
	outline: none; 
	} 

a:active  { 
	color: #0a0f62; 
	} 

#accessnav a:link  { 
	color: #fff; 
	} 

#accessnav a:hover { 
	color: #f9e507; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	width: 100px; 
	margin: 0 5px 0 0; 
	padding: 0.4em 0 0.3em 0; 
	color: #fff; 
	text-decoration: none; 
	} /* beware the IE6 double-margin float bug! */ 

#nav a:hover  { 
	color: #3c2604; 
	background: #f3c680 url(images/nav100.gif) no-repeat 0 0; 
	color: #440e0e; 
	background: #df7d7d url(redimages/nav_hover.png) no-repeat 0 0; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

#nav li#navtuition a  { 
	width: 150px; 
	} 

#nav li#navtuition a:hover  { 
	width: 150px; 
	background: #f3c680 url(images/nav150.gif) no-repeat 0 0; 
	background: #df7d7d url(redimages/nav_hover.png) no-repeat -220px 0; 
	} 

#nav li#navcompetition a  { 
	width: 190px; 
	} 

#nav li#navcompetition a:hover  { 
	width: 190px; 
	background: #f3c680 url(images/nav190.gif) no-repeat 0 0; 
	background: #df7d7d url(redimages/nav_hover.png) no-repeat -370px 0; 
	} 

#nav li#navcontact a  { 
	width: 120px; 
	} 

#nav li#navcontact a:hover  { 
	width: 120px; 
	background: #f3c680 url(images/nav120.gif) no-repeat 0 0; 
	background: #df7d7d url(redimages/nav_hover.png) no-repeat -100px 0; 
	} 

body#index #nav li#navindex a, 
body#about #nav li#navabout a  { 
	color: #3c2604; 
	background: #f3b047 url(images/nav100_on.gif) no-repeat 0 0; 
	background: #f04242 url(redimages/nav_on.png) no-repeat 0 0; 
	} 

body#tuition #nav li#navtuition a  { 
	color: #3c2604; 
	background: #f3b047 url(images/nav150_on.gif) no-repeat 0 0; 
	background: #f04242 url(redimages/nav_on.png) no-repeat -220px 0; 
	} 

body#competition #nav li#navcompetition a  { 
	color: #3c2604; 
	background: #f3b047 url(images/nav190_on.gif) no-repeat 0 0; 
	background: #f04242 url(redimages/nav_on.png) no-repeat -370px 0; 
	} 

body#contact #nav li#navcontact a  { 
	color: #3c2604; 
	background: #f3b047 url(images/nav120_on.gif) no-repeat 0 0; 
	background: #f04242 url(redimages/nav_on.png) no-repeat -100px 0; 
	} 

body#index #nav li#navindex a:hover, 
body#about #nav li#navabout a:hover  {  
	color: #3c2604; 
	background: #f3b047 url(images/nav100_on.gif) no-repeat 0 0; 
	cursor: default; 
	background: #f04242 url(redimages/nav_on.png) no-repeat 0 0; 
	} 

body#tuition #nav li#navtuition a:hover  {  
	color: #3c2604; 
	background: #f3b047 url(images/nav150_on.gif) no-repeat 0 0; 
	cursor: default; 
	background: #f04242 url(redimages/nav_on.png) no-repeat -220px 0; 
	} 

body#competition #nav li#navcompetition a:hover  {  
	color: #3c2604; 
	background: #f3b047 url(images/nav190_on.gif) no-repeat 0 0; 
	cursor: default; 
	background: #f04242 url(redimages/nav_on.png) no-repeat -370px 0; 
	} 

body#contact #nav li#navcontact a:hover  { 
	color: #3c2604; 
	background: #f3b047 url(images/nav120_on.gif) no-repeat 0 0; 
	cursor: default; 
	background: #f04242 url(redimages/nav_on.png) no-repeat -100px 0; 
	} 

h1 a  { 
	float: left; 
	width: 760px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: #fff url(images/logo2.gif) no-repeat 0 0;   
	background: url(redimages/logo3.png) no-repeat 0 0; 
	} 

a#tuition  { 
	float: left; 
	width: 320px; 
	height: 70px; 
	text-indent: -5000px; 
	background: #fff url(images/tuition1.gif) no-repeat 0 0; 
	background: #fff url(redimages/homelinks.png) no-repeat 0 0; 
	} 

a#tuition:hover  { 
	float: left; 
	width: 320px; 
	height: 70px; 
	text-indent: -5000px; 
	background: #fff url(images/tuition1.gif) no-repeat 0 -70px; 
	background: #fff url(redimages/homelinks.png) no-repeat 0 -70px; 
	} 

a#competition  { 
	float: left; 
	width: 320px; 
	height: 70px; 
	text-indent: -5000px; 
	background: #fff url(images/competition1.gif) no-repeat 0 0; 
	background: #fff url(redimages/homelinks.png) no-repeat 100% 0; 
	} 

a#competition:hover  { 
	float: left; 
	width: 320px; 
	height: 70px; 
	text-indent: -5000px; 
	background: #fff url(images/competition1.gif) no-repeat 0 -70px; 
	background: #fff url(redimages/homelinks.png) no-repeat 100% -70px; 
	} 




/* << secondary elements >> */ 


h1  { 
	float: left; 
	width: 760px; 
	height: 100px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: #fff url(images/logo2.gif) no-repeat 0 0;   
	background: #fff url(redimages/logo.png) no-repeat 0 0;   
	background: url(redimages/logo3.png) no-repeat 0 0; 
	} 

h2  { 
	margin: 15px 0; 
	padding: 0 0 10px 0; 
	font-size: 170%; 
	line-height: 130%; 
	border-bottom: 1px solid #f3b047; 
	border-bottom: 1px solid #f04242; 
	} 

h3  { 
	margin: 15px 0 10px 0; 
	padding: 0; 
	font-size: 130%; 
	line-height: 130%; 
	} 

h4  { 
	margin: 15px 0 10px 0; 
	padding: 0; 
	font-size: 110%; 
	line-height: 130%; 
	} 




/* << paragraphs >> */ 


p  { 
	margin: 0.7em 0 0 0; 
	} 

#accessnav p  { 
	display: inline; 
	} 

p#reminder  { 
	margin: 0 0 20px 0; 
	padding: 10px 20px; 
	font-weight: bold; 
	background: #babce7; 
	border: 1px solid #8d91e3; 
	color: #fff; 
	background: #f04242; 
	border: 1px solid #b61c08; 
	} 



/* << lists >> */ 


ul  { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	} 

li  { 
	margin: 0; 
	padding: 0.3em 0 0 0; 
	} 

#accessnav ul  { 
	display: inline; 
	} 

#accessnav li  { 
	display: inline; 
	margin: 0 0 0 1em; 
	} 

ul#nav li  { 
	float: left; 
	width: 100px; 
	margin: 0 5px 0 0; 
	padding: 0; 
	text-align: center; 
	} /* beware the IE6 double-margin float bug! */ 

ul#nav li#navtuition  { 
	width: 150px; 
	} 

ul#nav li#navcompetition  { 
	width: 190px; 
	} 

ul#nav li#navcontact  { 
	width: 120px; 
	} 

#main ul { 
	margin: 0; 
	padding: 0 0 10px 20px; 
	list-style-type: circle; 
	} 

#main ul#pics  { 
	float: left; 
	width: 680px; 
	padding: 0; 
	list-style-type: none; 
	} 

#main ul#pics li  { 
	float: left; 
	width: 680px; 
	margin: 20px 0; 
	font-style: italic; 
	} 

#main ul.sectionlist  { 
	position: relative; 
	float: left; 
	width: 680px; 
	margin: 0; 
	padding: 20px 0 10px 0; 
	list-style-type: none; 
	} 

#main ul.sectionlist li  { 
	margin: 0; 
	padding: 0; 
	} 

#main ul.sectionlist li#no1of2  { 
	float: left; 
	width: 320px; 
	height: 70px; 
	} 

#main ul.sectionlist li#no2of2  { 
	position: absolute; 
	top: 20px; 
	left: 350px; 
	width: 320px; 
	height: 70px; 
	} 

ul#siteinfo li  { 
	margin: 0.5em 0 0 0; 
	} 

dl  { 
	float: right; 
	width: 180px; 
	margin: 0; 
	padding: 0; 
	} 

dt  { 
	font-weight: bold; 
	margin: 0; 
	padding: 1em 0 0.2em 0; 
	} 

dd  { 
	margin: 0; 
	padding: 0 0 0 1em; 
	} 





/* << forms >> */ 



#paypalform  { 
	float: left; 
	width: 100%; 
	margin: 20px 0; 
	} 

body#contact form  { 
	float: left; 
	width: 430px; 
	margin: 0 0 20px 0; 
	padding: 0 20px 20px 20px; 
	border-right: 1px dotted #f3b047; 
	border-right: 1px dotted #f04242; 
	} 

body#competition form  { 
	float: left; 
	width: 630px; 
	margin: 0; 
	padding: 0 20px; 
	} 

body#contact fieldset, 
body#competition fieldset  { 
	border: 1px solid #fff; 
	} 

body#contact legend, 
body#competition legend  { 
	visibility: hidden; 
	} 

body#contact form div, 
body#competition form div  { 
	margin: 0.7em 0 0 0; 
	} 

body#contact label, 
body#competition label  { 
	float: left; 
	width: 8em; 
	} 

body#contact label.zemTextarea  { 
	width: auto; 
	} 

body#contact input, 
body#competition input  { 
	width: 300px; 
	} 

body#contact input.zemRadio  { 
	width: auto; 
	margin: 0 0.3em 0 1em; 
	} 

body#contact #preferences input.zemRadio  { 
	width: auto; 
	margin: 0 3em 0 0.3em; 
	} 

body#contact input.zemSubmit, 
body#competition input.zemSubmit  { 
	width: auto; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

input.zemSubmit:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

body#contact input:focus, 
body#competition input:focus  { 
	color: #171a3a; 
	background: #e9e9f0; 
	background: #f6e4e4; 
	} 

body#contact textarea  { 
	width: 400px; 
	height: 100px; 
	margin-top: 5px; 
	} 

textarea:focus  { 
	background: #e9e9f0; 
	background: #f6e4e4; 
	} 





/* << minor, decorative elements >> */ 



img  { 
	float: right; 
	margin: 0 0 20px 20px; 
	padding: 3px; 
	border: 1px solid #f3b047; 
	border: 1px solid #f04242; 
	} 

body#competition img  { 
	float: left; 
	margin: 0 20px 0 0; 
	} 

img.noborder  { 
	border: none; 
	} 

strong  { 
	font-weight: bold; 
	} 

em, 
cite  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #3c2604; 
	border-bottom: 1px dotted #0a0f62; 
	cursor: help; 
	} 




/* << instructions page >> */ 



.piccontainer  { 
	float: left; 
	width: 100%; 
	padding: 10px 0; 
	} 

body#instructions img  { 
	float: left; 
	margin: 0; 
	} 

ol  { 
	margin: 0 0 0 20px; 
	} 

p.eg  { 
	padding: 0 0 0 20px; 
	} 


