/*
	RESET AND BASICS
*/
*									{ margin: 0; padding: 0; }
body								{ font-family: Georgia, serif; 
					 				  background: #DADADA; }

a, a:visited						{ text-decoration: none; outline: none; color: #900; }
a:hover								{ color: #8E7733; border-bottom: 1px dotted #8E7733;}
a img								{ border: none; }
.clear								{ clear: both; }

.alignCenter						{ text-align: center; }
.floatLeft							{ float: left; }
.floatRight							{ float: right; }

.button								{ background: #fe4902 url(images/button-bg.png) top left repeat-x; color: white !important; 
									  font-weight: bold; font-size: 15px; -moz-border-radius: 16px; -webkit-border-radius: 12px; 
									  border: none; letter-spacing: -1px; padding: 5px 12px 3px 12px; }
.button:hover						{ background: #2e2e2e; cursor: pointer; }
.red								{ color:#900;}


/*
	COLOR PALLETTE
Orange: #F90
Burgundy: #600
Burgundy2: #900
Green: #3C0
Khaki: #CEC09D
Khaki medium: #A99658
Khaki dark: #8E7733
Blue: #336
Yellow: #F66
Yellow medium: #F99
Yellow light: #FCC
Grey: #5e5d5d
Grey medium: #DADADA
*/



/*
	GENERAL TYPOGRAPHY
*/
h1									{ font-weight: normal; margin: 15px 0; color:#8E7733; }
h2									{ font-weight: normal; margin: 18px 0 8px; }
h3, h4, h5							{ font: bold .9em Arial, sans-serif; color: #900; text-transform: uppercase; margin:10px 0 5px;}
h2									{ font-size: 28px; }
h2 a, h2 a:visited					{ color: #2e2e2e; }
h2 a:hover							{ color: #fe4902; border-bottom: 1px dotted #2e2e2e; }
p									{ font: 14px/20px Arial, Helvetica, Sans-Serif;
									  margin: 0 0 15px 0; color: #333; }
td, th                              { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif;
                                      text-align: left; }
p strong, li strong					{ color: #2e2e2e; }
blockquote							{ border-left: 10px solid #ccc; padding: 0 0 0 10px; }
blockquote, blockquote p            { font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; }


/*
	Layout
*/
#wrap								{ width: 1000px; position: relative; margin: 0 auto; overflow: hidden; 
					  				  background: white url('../images/header-ry-sh-160x160.png') top left repeat-x;
					 				  border: 1px solid #333; }

#home-link							{ position: absolute; top: 0px; left: 5px; width: 120px; height: 160px; }

#header                             { width: 800px; height: 80px; float: right; }
#nav                            	{ width: 800px; height: 80px; float: right; }




#stage-home							{ margin: 0 auto; width: 100%; float: left; background: url(../images/stage/female1-s.jpg) no-repeat; }
#stage-programs						{ margin: 0 auto; width: 100%; float: left; background: url(../images/stage/male2-s3.jpg) no-repeat; }
#stage-about						{ margin: 0 auto; width: 100%; float: left; background: url(../images/stage/female2-s.jpg) no-repeat; }
#stage-financial					{ margin: 0 auto; width: 100%; float: left; background: url(../images/stage/male1-s3.jpg) no-repeat; }
#stage-services						{ margin: 0 auto; width: 100%; float: left; background: url(../images/stage/female3-s.jpg) no-repeat; }

#content							{ padding-left: 15px; width: 580px; margin: 0 auto; float: left;} 
#content ul 						{ padding:0; margin-left: 40px; list-style-image: url(../images/check.png); }
#content li							{ font: 16px Arial, Helvetica, Sans-Serif;
									  margin: 0 0 10px 0; color: #5e5d5d; }


#programs-title						{ padding-left: 15px; width: 80%; margin: 0px auto; float: left; } 
#programs							{ padding-left: 15px; width: 700px; margin: 0px auto; float: left; } 
#programs p							{ font: 12px/16px Arial, Helvetica, Sans-Serif; margin: 0 0 15px 0; color: #333; }
#programs ul 						{ padding:0; margin:0 0 0 115px; list-style: none; }
#programs li						{ font: .8em/1.2em Arial, Helvetica, Sans-Serif;
									  color: #5e5d5d; }
#programs img						{ align: left; }
#programs-detail					{ font: .9em Arial, Helvetica, Sans-Serif; ; padding-left: 15px; width: 510px; margin: 0px auto; float: left; } 



#services							{ padding-left: 15px; width: 520px; margin: 0 auto; float: left;} 


#financial							{ padding-left: 15px; width: 610px; margin: 0px auto; float: left; }
#financial h2						{ font-weight: normal; margin: 12px 0 2px; }

#financial ul 						{ padding:0; margin:0 0 0 16px; list-style: none; font: 11px Arial, san-serif; color : #000; }
#financial li 						{ padding-bottom:5px; }
#financial li.listhead2				{ padding:6px 0; font: bold 1.2em Arial, sans-serif; color: #900; text-transform: uppercase;}
#financial li.listhead				{ padding:2px 0; font: bold 1.2em Arial, sans-serif; color: #900; text-transform: uppercase;}





#headerline							{ padding: 5px 10px 0 0; width: 700px; color: #fff; float: right; font: italic 24px Georgia, serif; text-align: right; }
#headerphone						{ padding: 0px 10px 0 0; width: 700px; color: #fff; float: right; font: bold 18px Arial, san-serif; text-align: right; }

#footer								{ margin: 0 auto; width: 100%; float: left; background: #600;}
#footer p							{ padding: 20px 15px; font: normal .7em/1.5em Arial, sans-serif; color:#A99658;}
#highlight1							{ width: 90%; border:1px solid #EAEAEA; margin-top: 10px; padding: 0 10px 10px; background-color: #ffef97;}

.box-three							{ width: 90%; background: #CEC09D; border: 2px solid #EAEAEA; -webkit-border-radius: 12px; -moz-border-radius: 12px; margin: 20px 0;}
.box-three .inside					{ padding: 0 20px 20px; }
.box-three p						{ font: .8em/1.2em Arial, san-serif; color : #000; }

.school-code						{ font: bold .8em/1.2em Arial, san-serif; color : #000; }


/*
	NavContainer
*/
#navcontainer ul					{ padding: 4px; color: White; float: right; font: 14px arial, helvetica, sans-serif; }
#navcontainer ul li 				{ display: inline; }
#navcontainer ul li a				{ padding: 0.1em 1em; color: White; text-decoration: none; float: right; border-right: 1px solid #fff; }
#navcontainer ul li a:hover			{ background-color: #A99658; color: #fff; }