/* Pride Academy Charter School - Screen layout.*/	

	/*  General rules */
	
img	{
	border:			0px none;
	padding:		0;
	margin:			0;
	display: 		block;
}

p {
	margin-top:		0px;
	margin-bottom:		.5em;
	padding:		0px;
}

em	{
	font-weight:		bold;
}

h1	{ 
	font-size: 		medium;  
	font-weight:		bold;
	color:			#b00;
	margin-top:		1em;
	margin-bottom:		.5em;
}

h1 a:link, h1 a:visited {
	color:			#b00;
}

h2	{ 
	font-size: 		small;  
	margin-top:		.5em;
	margin-bottom:		0px;
	color:			#b00;
}

h2 a:link, h2 a:visited {
	color:			#b00;
}

h3	{ 
	font-size: 		small;
	margin-bottom:		0px;
}

h4	{
	font-size: 		small;  
	font-weight: 		normal;
}

ol	{
	list-style:		decimal outside;
}

th	{
	font-weight: 		bold;
}

/* The background that appears outside the page. */	

body	{
	background: 		#fff;
	color: 			#333;
	margin: 		0;
	padding: 		0;
	border: 		0;
	text-align: 		center;
	font-family: 		"Century Gothic",Arial, Helvetica, sans-serif;
	padding-bottom: 	25px;
}
	

/*  The page wrapper. */

#wrapper	{
	background:		#fff;
	width: 			53em;
	margin: 		10px auto;
	padding: 		0;
	border: 		0px;
}

/*  The banner at the top of the page. */

#banner {
	width:			55em;
	float:			left;
}

#logo {
	left:			0;
	float:			left;
	padding:		0;
}

#banner-image  {
	float:			right;
	height:			70px;
	padding-top:		5px;
	padding-right:		50px;
}

/*  Horizontal navigation bar  */

#navigation  {
	width:			100%;
	margin: 		0;
	padding: 		0;
}

#navigation ul {
	border: 		0;
	margin: 		0;
	padding: 		0;
	padding-left: 		65px;
	list-style-type: 	none;
	text-align: 		center;
	clear: 			left;
}

#navigation ul li {
	display: 		block;
	float: 			left;
	text-align: 		center;
	padding: 		0;
	margin: 		0;
}

#navigation ul li a {
	background-image: 	url("/images/bluevert.jpg");
	background-repeat: 	repeat-x;
	color: 			#000;	
	border-top: 		1px solid #000;
	border-bottom: 		1px solid #000;
	width:			10em;
	height:			1.25em;
	padding: 		1px;
	margin-bottom: 		1px;
	text-decoration: 	none;
	display: 		block;
	text-align: 		center;
	letter-spacing: 	.05em;
	font-size:    		small;      
	font-weight: 		normal;
}

#navigation ul li a:hover {
	color: 			#55c;
	font-weight:		bold;
}

#navigation a:active	{
	color: 			#888;
        font-weight:		bold;
}

body#sectionone   #navigation li#one   a, 
body#sectiontwo   #navigation li#two   a,
body#sectionthree #navigation li#three a,
body#sectionfour  #navigation li#four  a,
body#sectionfive  #navigation li#five  a,
body#sectionsix   #navigation li#six   a {
	color: 			#000;
	font-weight: 		bold;
}
  
/* Links */
	
a:link, a:visited {
	font-weight:		bold;
	text-decoration: 	none;
	color:			#448;
	background:		transparent; 
}

a:hover, a:active {
	font-weight:		bold; 
	text-decoration:	underline;
	color:			#55c;
	background:		transparent; 
}

a:link.more, a:visited.more {
	font-weight:		normal;
	font-size:		80%;
	text-decoration:	underline;
	color:			#b00;
	background:		transparent;
}

a:hover.more, a:active.more {
	font-weight:		normal;
	font-size:		80%;
	text-decoration:	underline;
	color:			#448;
	background:		transparent;
}


#pagebody	{
	padding: 		0;
	margin: 		0;
	border: 		0;
	text-align:		left;
	clear:			both;
	font-size:		small;         
}

#pagebody p.fineprint	{
	font-size: 		11px;
}

#pagebody .trans		{
	margin: 		25px 0;
	padding-top: 	0;
}
	
#pagebody .trans dt  {
	font-weight:		normal;
	font-style:		italic;
	margin-bottom:		5px;
	padding-bottom: 	0;
	font-size:  		medium;      
	font-size:		large;  
}

#sidebar	{
	float:			left;
	padding: 		10px;
	padding-left: 		10px;
	padding-top:		20px;
	color:			#666;
	background:		transparent; 
	height: 		100%;		/* compensates for IE Win bungling */

}

#sidebar label	{
	font-size: x-small;
}


#menu	{
	color:			#fff;
	background:		#b00;
	margin: 		0;
	margin-left:		15px;
	margin-top:		10px;
	padding: 		0;
	border: 		0;
	font-size:		small;      
	width:			10em;
	height:			100%;
}

#menu ul	{
	list-style:		none;
	margin: 		0;
	padding: 		0;
}

#menu ul li	{
	border: 		1px solid #ccc;
	border-top:		0;
	padding-top:		.2em;
	padding-bottom:		.2em;
	font-family: 		"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:		normal;
	font-size:		small;      
}

#menu ul li a  {
	padding-left:		1em;
}

#menu ul li ul	{
	list-style:		disc outside;
	background:		#888;
	padding-left:		1.5em;
	padding-top:		.1em;
	padding-bottom:		.1em;
}
	
#menu ul li ul li	{
	margin: 		0;
	padding: 		0;
	border:			0;
	font-size:		small;
}	

#menu ul li ul li a {
	padding-left: 		0;
}	

#menu a {
	font-weight:		normal;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-weight:		normal;
	text-decoration: 	none;
	color:			#fff;
	background:		transparent; 
	padding-right:		20px;
}

#menu a:hover {
	color:			#aaf;
}


/*  The main content panel of the web page.  */

#maincontent	{
	margin: 		0px;
	margin-left:		14em;
	margin-right:           125px;
	padding: 		10px;
}

#maincontent-full	{
	margin: 		0px;
	margin-top:             10px;
	margin-left:		12em;
	margin-right:           0px;
	padding: 		10px;
}

#maincontent ol, #maincontent ul	{
	margin: 		.5em 0;
	padding-left:		10px;
	margin-left:		10px;
}
	
#maincontent li	{
	margin-bottom:		.5em;
	padding-left:		5px;
	margin-left:		5px;
	list-style:		disc outside;
	vertical-align: 	top;
}
	
#maincontent dl	{
	line-height: 		1.4em;
	margin: 		0;
	padding: 		0;
	padding-bottom:		.5em;
}

#maincontent dl.indent	{
	padding-left:		2em;
}

#maincontent dd	{
	margin-bottom: 		5px;
	padding-left: 		5px;
	margin-left: 		5px;
}


#maincontent a {
	margin:			0px;
	padding:		0px;
}

#maincontent span.value {
	color:			#080;
	font-family:		"Script MT Bold", "Century Gothic", Helvetica, Arial, sans-serif;
	font-size:		120%;
}

#maincontent p.keyquote {
	margin:			10px;
	margin-left:		20px;
	margin-right:		20px;
	font-size:		small;
	font-weight:		bold;
	font-style:		italic;
	color:			#007;
}

#maincontent dt {
	color:		#007;
	font-weight:	bold;
}

#maincontent table.calendar td b {
 	color:		#700;
}

#maincontent table.large td {
	padding:	4px;
}

#maincontent div.notice {
	border:			solid 1px #000;
	padding:		8px;
	padding-bottom:		2px;
	background-color:	#eee;
	margin-bottom:		5px;
	margin-right:		1em;
}

img.notice {
	width:			100%;
	margin:			5px;
	margin-bottom:		10px;
}

/*  The main content panel of a form page.  */

#formcontent	{
	margin: 		0px;
	margin-left:		10em;
	margin-right:           0px;
	padding: 		10px;
}

/* Sidebar buttons */

#buttons  {
	margin:			0px;
	margin-top:		20px;
	margin-left:		1em;
	padding:		0px;
	border:			0px;
	float:			right;
	height:			100%;
}

#buttons dd {
	margin-bottom:		10px;
}

/* Rounded corner box */

#buttons .box-bl {
	background: 		url("/images/red-bl.gif") 0 100% no-repeat;
}

#buttons .box-br {
	background: 		url("/images/red-br.gif") 100% 100% no-repeat;
}

#buttons .box-tl {
	background:		url("/images/red-tl.gif") 0 0 no-repeat;
}

#buttons .box-tr {
	background:		url("/images/red-tr.gif") 100% 0 no-repeat;
}

#buttons .box-t {
	width: 	       		9.5em;
	background:		url("/images/red-t.gif") 0 0 repeat-x;
}

#buttons .box-b {
	background:		url("/images/red-b.gif") 0 100% repeat-x;
}

#buttons .box-l {
	background:		url("/images/red-l.gif") 0 0 repeat-y;
}

#buttons .box-r {
	background:		url("/images/red-r.gif") 100% 0 repeat-y;
}

#buttons p.button {
	font-family:		"Bookman Old Style", Helvetica, Arial, sans-serif;
	text-align:		center;
	color:			#b00;
	font-size:		18px;
	font-weight:		bold;
}

#buttons a:link, #buttons a:visited, #buttons a:hover, #buttons a:active {
	font-family:		"Bookman Old Style", Helvetica, Arial, sans-serif;
	font-weight:		bold;
	text-decoration:	none;
	color:			#b00;
}

div.bordered-image {
        border:                 1px;
	color:                  #b00;
	padding:                3px;
}

img.initial {
	float:                  left;
	margin-top:             5px;
	margin-bottom:          2px;
	margin-right:           10px;
}

#footer {
	width:			52em;
	border: 		0;
	border-top: 		1px solid #ccc;
	color: 			#666;
	background: 		#eee;
	margin-left: 		65px;
	text-align: 		left;
	clear: 			both;
	font-size: 		x-small;	
}

#footer p	{
	margin: 		0;
	padding: 		0;
}


.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}