/* Rays of Sunshine 2008 */

@import url(reset.css);
@import url(fonts.css);

body				{ background: #c11271 url(../images/bg.jpg) repeat-x bottom left; padding:none; margin:0; font-family:"Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:11px; line-height:2em; color:#666; }

br 					{
	clear:both;
	background-image: url(../images/bullet_char.jpg);
}

.invisible			{ display:none; }

strong				{ font-weight:bold; }

.strong				{ font-weight:bold; }

.green				{ background:#6ad093; }

.fl-l				{ float:left; }
.fl-r				{ float:right; }

.fl-lm				{ float:left; margin:0 10px 0 0; }
.fl-rm				{ float:right; margin:5px 0 5px 5px; }

.fl-lands			{ float:right; margin:-8px 0 0 0; }


/* Link styles */

a 					{ color:#d62385; text-decoration:none; }
a:hover 			{ color:#e6a712; text-decoration:none; }
a span { display: none; }

/* Header styles & Misc styles */

h1 					{ margin-left:15px; height:104px; width:520px; }
.container .header a.register {
	height: 70px;
	width: 83px;
	display: block;
	outline: none;
	position: absolute;
	top: 17px;
	left: 328px;
	z-index: 99;
	background-color: Transparent;
}

h3					{ color:#3d3e99; font-size:13px; }

h4					{ color:#3d3e99; font-size:13px; margin:15px 0 3px 0; }

h5					{ color:#3d3e99; font-size:11px; margin:15px 0 0 0; }

h6					{ color:#d5137c; font-size:11px; margin:15px 0 0 0; }


/* Text size selection */

.text-size			{ width:100px; text-align:right; float:right; margin:5px 10px 0 0; font-weight:bold; color:#5e8595; }
.text-size ul		{ float:right; width:100px; }
.text-size ul li	{ float:right; margin-right:3px; }

.text-size a		{ color:#5e8595; text-decoration:underline; }
.text-size a:hover	{ color:#666; text-decoration:none; }

#small				{ font-size:10px; }
#medium				{ font-size:11px; }
#large				{ font-size:12px; }


/* List */

.list 				{
	width:500px;
	margin-left:10px;	padding-left:25px;
	list-style-position: outside;
	list-style-type: disc;
}

.list_number		{ width:520px; list-style: decimal; margin-left:25px; margin-top:10px; }


/* Link list */

.single				{ width:260px; float:left; }

.link_list 			{ width:240px; float:left; }

.link_list_home		{
	width:240px;
	float:left;
	margin-left: 10px;	padding-left: 20px;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: none;
}

.link_list_links	{ width:500px; float:left; list-style: disc inside; }


/* Container styles */

.container 			{ width:909px; margin:0 auto; }

.ie6 .header		{ width:909px; height:140px; margin:0 0 -50px 0; background: url(../images/header_bg.jpg) no-repeat top left; }
.header				{ width:909px; height:140px; margin:0; background: url(../images/header_bg.jpg) no-repeat top left; position: relative; }

#content_top 		{ margin:10px 0 0 0; }

.header_text 		{ margin:20px 0 0 0; }

.character 			{ float:right; margin:15px 5px 0 0; }

.left_col 			{
	width:562px;
	padding:0 10px 10px 10px;
	background-color: white;
	border-right:4px solid #2e2e2e;
	border-left:4px solid #2e2e2e;
	border-bottom:4px solid #2e2e2e;
	margin:-2px 19px 0 0;
	float:left;
}

.right_col 			{
	width:291px;
	background-color: white;
	border-right:4px solid #2e2e2e;
	border-left:4px solid #2e2e2e;
	border-bottom:4px solid #2e2e2e;
	margin:-2px 0 0 0;
	float:left;
}

.right_col div 			{ width:260px; border-bottom:1px solid #ccc; margin:0 auto 14px auto; }

.right_col p 			{ width:135px; float:left; margin:5px 5px 14px 0; }

/* Text styles */

.text_left 				{ width:250px; margin:20px 20px 20px 0; float:left; padding-right:10px; }

.text_right 			{ width:270px; margin:20px 0 20px 0; float:left; }

.text_full				{ width:370px; margin:20px 20px 0 0; float:left; }

.text 					{ margin:10px 0 10px 0; }
.text-poem				{ margin:10px 0 10px 0; font-style: italic; }

.footer_links 			{ width:450px; margin:10px auto 15px auto; text-align:center; color:white; }

.footer_links a 		{ color:#dadada; text-decoration:none; }
.footer_links a:hover 	{ color:#fff; text-decoration:underline; }


/* Poem holder */

.poem					{ width:540px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eaeaea; padding:0 10px 0 10px; }


/* Section holder */

.section				{ width:540px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eaeaea; padding:10px; }


/* Downloads UL LI */

.downloads				{ width:560px; }
.downloads li			{ background:#eaeaea; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:3px; margin:0 0 5px 0; }
.downloads li a			{ display:block; }


/* FAQ table styles */

.faq					{ width:560px; }

.faq tr.q 				{ background:#eaeaea; border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important; }
.faq tr.q td			{ font-weight:bold; }

.faq tr.a td			{ margin-bottom:5px; }

.faq td					{ padding:2px; }


/* CSS hack styles */

.ie #content_top 		{ margin:50px 0 0 0; }

.gecko .left_col 	{
	width:562px;
	padding:0 10px 10px 10px;
	background-color: white;
	border-right:4px solid #2e2e2e;
	border-left:4px solid #2e2e2e;
	border-bottom:4px solid #2e2e2e;
	margin:-3px 19px 0 0;
	float:left;
}

.gecko .right_col 	{
	width:291px;
	background-color: white;
	border-right:4px solid #2e2e2e;
	border-left:4px solid #2e2e2e;
	border-bottom:4px solid #2e2e2e;
	margin:-3px 0 0 0;
	float:left;
}

.ie .left_col 		{
	width:562px;
	padding:0 10px 10px 10px;
	background-color: white;
	border-right:4px solid #2e2e2e;
	border-left:4px solid #2e2e2e;
	border-bottom:4px solid #2e2e2e;
	margin:-3px 19px 0 0;
	float:left;
}

.ie .right_col 		{
	width:291px;
	background-color: white;
	border-right:4px solid #2e2e2e;
	border-left:4px solid #2e2e2e;
	border-bottom:4px solid #2e2e2e;
	margin:-3px 0 0 0;
	float:left;
}


/* Navigation */

.nav 				{ width:909px; height:57px; margin:4px 0 0 0; }

.nav li 			{ display:inline; }

.nav li a 			{ float:left; display:block; height:57px; margin:0; }

.nav li.l1 a		{ width:67px; background: url(../images/butt_home.jpg) no-repeat left -57px; }
.nav li.l1 a:hover	{ width:67px; background: url(../images/butt_home.jpg) no-repeat left 1px; }

.nav li.l2 a		{ width:109px; background: url(../images/butt_aboutPAP.jpg) no-repeat left -57px; }
.nav li.l2 a:hover	{ width:109px; background: url(../images/butt_aboutPAP.jpg) no-repeat left 1px; }

.nav li.l3 a		{ width:106px; background: url(../images/butt_aboutROS.jpg) no-repeat left -57px; }
.nav li.l3 a:hover	{ width:106px; background: url(../images/butt_aboutROS.jpg) no-repeat left 1px; }

.nav li.l4 a		{ width:133px; background: url(../images/butt_teacherinfo.jpg) no-repeat left -57px; }
.nav li.l4 a:hover	{ width:133px; background: url(../images/butt_teacherinfo.jpg) no-repeat left 1px; }

.nav li.l5 a		{ width:144px; background: url(../images/butt_studentinfo.jpg) no-repeat left -57px; }
.nav li.l5 a:hover	{ width:144px; background: url(../images/butt_studentinfo.jpg) no-repeat left 1px; }

.nav li.l6 a		{
	width:145px;
	background-image: url(butt_pap2007.jpg);
	background-repeat: no-repeat;
	background-position: left -57px;
}
.nav li.l6 a:hover	{
	width:145px;
	background-image: url(butt_pap2007.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
}

.nav li.l7 a		{
	width:98px;
	background-image: url(butt_links.jpg);
	background-repeat: no-repeat;
	background-position: left -57px;
}
.nav li.l7 a:hover	{
	width:98px;
	background-image: url(butt_links_hover.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
}

.nav li.l8 a		{ width:106px; background: url(../images/butt_contact.jpg) no-repeat left -57px; }
.nav li.l8 a:hover	{ width:106px; background: url(../images/butt_contact.jpg) no-repeat left 1px; }


/* Top navigation (anchored links) */

.top_nav			{ width:550px; margin:15px 0 0 -5px; }
.top_nav li			{ float:left; padding:0 0 0 8px; margin:0 1px 0 3px; background: #fff url(../images/chevron.gif) no-repeat; }
.ie .top_nav li			{ float:left; padding:0 0 0 8px; margin:0 2px 0 2px; background: #fff url(../images/chevron.gif) no-repeat 0 1px; }
.top_nav li.last	{ float:left; padding:0 0 0 8px; margin:0 2px 0 2px; }

.lift { position: relative; top: -10px; }
.image-map-holder { position: relative; }
.image-map-holder a {
	height: 30px;
	width: 170px;
	position: absolute;
	top: -15px;
	left: 8px;
	display: block;
}
.style1 {
	list-style-position: inside;
	list-style-type: disc;
}
