/*
-------------------------------------------
-------------------------------------------
Client: Rivermont Collegiate
Coder: Honda Wang
URL: http://www.rivermontcollegiate.com
Notes: This is the Firefox stylesheet.
-------------------------------------------
-------------------------------------------
*/

/* @group body */

body {
	margin: 0;
	padding: 0;
}

#aboutbanner {
	height: 100px;
	margin: 20px auto;
	margin-top: 20px;
	width: 880px;
	background-image: url(aboutbanner.png);
	text-indent: -9999px;
}

#historybanner {
	height: 100px;
	margin-top: 20px;
	width: 880px;
	background-image: url(historybanner.png);
	text-indent: -9999px;
}

#parentbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(parentbanner.png);
	text-indent: -9999px;
}

#alumnibanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(alumnibanner.png);
	text-indent: -9999px;
}

#calendarbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(calendarbanner.png);
	text-indent: -9999px;
}

#acabanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(academics.jpg);
	text-indent: -9999px;
}

#sptbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(sportsbanner.jpg);
	text-indent: -9999px;
}

#newsbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(images/news.jpg);
	text-indent: -9999px;
}


#givingbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(givingbanner.jpg);
	text-indent: -9999px;
}

#wrapper {
	background: url(header_background_jpeg.jpg) repeat-x;
	height: 133px;
}

#announce {
	background: url(announce_header_background_jpeg.jpg) repeat-x;
	height: 100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#slidebox {
	width: 500px;
	height: 300px;
	float: left;
	margin: 10px;
}

/* @end */

/* @group layout */

#wrappercontainer {
    margin: 0 auto;
    width: 900px;
    text-align: left;
}

#navcontainer {
    margin: 0 auto;
    width: 900px;
    text-align: left;
}

#introcontainer {
	width: 350px;
	height: auto;
	margin-top: 10px;
	margin-right: 5px;
	padding: 0 10px 0 10px;
	float: left;
	border-right: 1px dotted #555;
}

#newscontainer {
	width: 500px;
	height: auto;
	margin-right: 5px;
	padding: 0 10px 0 10px;
	float: left;
}

#contentcontainer {
	margin: 0 auto;
    width: 900px;
    height: inherit;
    text-align: left;
}

#calendarcontainer a{
	color: #a82020;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
}

#calendarcontainer {
	margin: 0 auto;
    width: 820px;
    height: inherit;
    text-align: left;
}

#contentbox {
	width: 880px;
	text-align: left;
	float: left;
	padding: 10px 0 0 0;
	border-top: 1px dotted #555;
	margin-top: 5px;
}

#headertext {
	width: auto;
	height: auto;
}

#buttonbox {
	width: 306px;
	height: auto;
	float: right;
}

/* @group footer */

#footer {
	width: 100%;
	text-align: center;
	background-color: #555;
	height: auto;
	padding: 5px;
	float: left;
	margin-top: 30px;
}

#footer a {
	color: #fff;
	font: 14px/3px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
	padding: 0 4px 0 4px;
}

#footer a:hover {
	color: #fff;
	font: 14px/3px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0 4px 0 4px;
	text-decoration: none;
}

#footer p {
	color: #fff;
	font: 14px/3px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer h1 {
	color: #fff;
	font: 14px/3px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 10px;
}

/* @end */

/* @end */

/* @group links */

a {
	outline: none;
	font-weight: 100;
	color: a30000;
}

a img,:link img,:visited img { 
	border:none;
}

:link,:visited { 
	text-decoration:none;
}

#greetings, #greetings a {
	background: url(greetings.jpg) no-repeat;
	width: 300px;
	height: 120px;
	float: right;
}

#greetings a:hover {
	background: url(greetings.jpg) no-repeat 0 -121px;
	width: 300px;
	height: 120px;
	float: right;	
}

.invisibutton {
	height: 15px;
	width: 300px;
	float: right;
}

#ecbutton, #ecbutton a {
	background: url(earlychildhood.jpg) no-repeat;
	width: 300px;
	height: 130px;
	float: right;
}

#ecbutton a:hover {
	background: url(earlychildhood.jpg) no-repeat 0 -131px;
	width: 300px;
	height: 130px;
	float: right;	
}

#lsbutton, #lsbutton a {
	background: url(lowerschool.jpg) no-repeat;
	width: 300px;
	height: 130px;
	float: right;
}

#lsbutton a:hover {
	background: url(lowerschool.jpg) no-repeat 0 -131px;
	width: 300px;
	height: 130px;
	float: right;	
}

#msbutton, #msbutton a {
	background: url(middleschool.jpg) no-repeat;
	width: 300px;
	height: 130px;
	float: right;
}

#msbutton a:hover {
	background: url(middleschool.jpg) no-repeat 0 -131px;
	width: 300px;
	height: 130px;
	float: right;	
}

#hsbutton, #hsbutton a {
	background: url(upperschool.jpg) no-repeat;
	width: 300px;
	height: 130px;
	float: right;
}

#hsbutton a:hover {
	background: url(upperschool.jpg) no-repeat 0 -131px;
	width: 300px;
	height: 130px;
	float: right;	
}


/* @group navigation */

#navwrapper {
	height: 50px;
	background: url(nav_background_jpg.jpg) repeat-x;
	color: #fff;
	font: normal 16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#navwrapper2 {
	height: 50px;
	background: url(nav_background2_jpg.jpg) repeat-x;
}

#navcontainer, #navcontainer ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	text-align: left;
	list-style: none;
	line-height: 3.1;
}

#navcontainer ul li:hover {
	background: url(navlight_png2.png) repeat-x;
}

#navcontainer a {
	display: block;
	width: inherit;
	color: #fff;
}

#navcontainer li { /* all list items */
	float: left;
	text-align: center;
	width: inherit;
	margin-right: 8px;
	padding: 0 5px 0 5px;
}

#navcontainer li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navcontainer li:hover ul, #navcontainer li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*

#navcontainer {
	width: 900px;
	height: 40px;
	margin: 0 auto;
	text-align: left;
}

#navcontainer ul {
	margin: 0;
}

#navcontainer ul li, ul li a {
	color: #fff;
	font: normal 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	height: 35px;
	display: list-item;
	list-style: none;
	float: left;
	padding: 5px 3px 0 3px;
	font-weight: 100;
}

#navcontainer ul li a:hover {
	background: url(navlight_png.png) repeat-x;
}

.dropdown {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}

*/

/* @end */

/* @end */

/* @group misc */

/* @end */

/* @group typography */

#wrappercontainer h1{
	color: #fff;
	font: normal small-caps 70px "Times New Roman", Times, serif, Georgia;
	text-decoration: none;
	padding-top: 10px;
}

#wrappercontainer h1 a{
	color: #fff;
	font: normal small-caps 70px "Times New Roman", Times, serif, Georgia;
	text-decoration: none;
	padding-top: 10px;
	margin-left: -20px;
}

#wrappercontainer h1 a:hover{
	color: #fff;
	font: normal small-caps 70px "Times New Roman", Times, serif, Georgia;
	text-decoration: none;
	padding-top: 10px;
}

#wrappercontainer h2{
	color: #fff;
	font: normal small-caps 18px "Times New Roman", Times, serif, Georgia;
	text-decoration: none;
	position: relative;
	top: -50px;
	margin-left: 48px;
}

#headertext h1 {
	color: #999;
	font: 100 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	margin-left: 20px;
	margin-bottom:-35px;
}

#headertext h1 h2 {
	color: #999;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	margin-left: 20px;
}


#introcontainer h1 {
	color: #666;
	text-decoration: none;
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0px;
	word-spacing: 1px;
	text-indent: 10px;
}

#introcontainer h2 {
	color: #930010;
	font: 22px/24px Georgia, "Times New Roman", Times, serif;
}

#newscontainer h1 {
	color: #999;
	font: 30px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom: 3px double #999;
	margin-top: -5px;
}

#newscontainer p {
	color: #333;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom: 1px dashed #333;
	padding-bottom: 10px;
}

#newscontainer p {
	color: #000000;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#newscontainer a {
	color: #a30000;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}


#newscontainer p a:hover {
	color: #a30000;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

#newscontainer h2 {
	color: #303030;
	font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: -5px;
	margin-top: -5px;
}

/* @end */

/* @group about */

#aboutcontainer1 {
	width: 400px;
	height: inherit;
	padding: 10px;
	margin-top: 10px;
	float: left;
	border-right: 1px dotted #777;
}

#aboutcontainer1 p {
	color: #666;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#aboutcontainer1 h1 {
	color: #666;
	text-align: center;
	font: small-caps 100 20px "Times New Roman", Times, serif;
	text-decoration: underline;
}

#aboutcontainer1 ul li {
	margin: 5px 0 5px 0;
	color: #444;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

#aboutcontainer2 {
	width: 440px;
	height: inherit;
	float: left;
	margin: 10px;
	padding: 5px;
	text-align: center;
}

#aboutcontainer2 h1 {
	color: #666;
	text-align: center;
	font: small-caps 100 20px "Times New Roman", Times, serif;
	text-decoration: underline;
}
/* @end */

/* @group academics */

#archivebanner {
	background: url(images/archives.png) no-repeat;
	height: 101px;
	width: 880px;
	margin: 20px auto 30px;
	text-indent: -9999px;
}

#esbanner {
	background: url(esbanner.jpg) no-repeat;
	height: 101px;
	width: 880px;
	margin: 20px auto 30px;
	text-indent: -9999px;
}

#lsbanner {
	background: url(lsbanner.jpg) no-repeat;
	height: 101px;
	width: 880px;
	margin: 20px auto 30px;
	text-indent: -9999px;
}

#msbanner {
	background: url(msbanner.jpg) no-repeat;
	height: 101px;
	width: 880px;
	margin: 20px auto 30px;
	text-indent: -9999px;
}

#usbanner {
	background: url(usbanner.jpg) no-repeat;
	height: 101px;
	width: 880px;
	margin: 20px auto 30px;
	text-indent: -9999px;
}

#greetbanner {
	background: url(headwelcome.jpg) no-repeat;
	height: 101px;
	width: 880px;
	margin: 20px auto 30px;
	text-indent: -9999px;
}

#acacontainer {
	width: 880px;
	height: inherit;
	margin: 0 auto;
}

#acacontent a {
	color: #a82020;
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	text-decoration: underline;
}

#acacontent a:hover {
	color: #a82020;
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
}

#acacontent ul {
	list-style: none;
}

#acacontent ul li {
	margin: 5px 0 5px 0;
	color: #444;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: square;
}

#acacontent ul li a {
	margin: 5px 0 5px 0;
	color: #a82020;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: none;
	text-decoration: underline;
}

#acacontent ul li a:hover {
	margin: 5px 0 5px 0;
	color: #a82020;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: none;
	text-decoration: none;
}

#acanav {
	width: 230px;
	float: left;
	margin-left: -30px;
	text-align: right;
	margin-right: 15px;
}

#acanav ul {
	list-style: none;
}

#acanav li {
	padding: 5px 10px 5px 10px;
	color: #888;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#acanav li a {
	color: #444;
}

#acanav li:hover {
	background-color: #dcd9d9;
}
#imptigercontent {
	width: 675px;
	height:inherit;
	float: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

#imptigercontent h1 {
	width: inherit;
	height: 30px;
	color: #fff;
	font: 26px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	background: url(images/imptigerbanner.gif) no-repeat;
	padding: 20px 0 0 5px;
	margin: 0;
}
#imptigercontent p {
	color: #444;
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;}
	
#acacontent {
	width: 675px;
	height:inherit;
	float: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}

#acacontent h1 {
	width: inherit;
	height: 30px;
	color: #fff;
	font: 26px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	background-color: #a82020;
	padding: 20px 0 0 5px;
	margin: 0;
}

#acacontent h2 {
	color: #444;
	font: bold 16px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

#acacontent h3 {
	color: #333;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
}

#acacontent h4 {
	color: #333;
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 15px;
}

#acacontent h5 {
	color: #333;
	font: italic 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 15px;
}

#acacontent p {
	color: #444;
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

#contactcontent p {
	color: #444;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

#contactcontent h1 {
	width: inherit;
	height: 30px;
	color: #fff;
	font: 26px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	background-color: #a82020;
	padding: 20px 0 0 5px;
	margin: 0;
}

#contactcontent h2 {
	color: #333;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	margin-bottom: -10px;
	margin-top: 15px;
}

#contactcontent {
	margin-left: 200px;
	color: #444;
	font: 14px/6px Georgia, "Times New Roman", Times, serif;

}

.area1 {
	width: 300px;
	float: left;
}

.area2 {
	width: 300px;
	float: left;
}


/* @end */

#admissionbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(admissions.png);
	text-indent: -9999px;
}

#campusbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(campusbanner.png);
	text-indent: -9999px;
}

#curricbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(cocurricbanner.png);
	text-indent: -9999px;
}

#contactbanner {
	height: 100px;
	margin: 20px auto;
	width: 880px;
	background-image: url(contactimg.png);
	text-indent: -9999px;
}

#curriccontainer {
	width: 880px;
	height: inherit;
	margin: 20px auto;
}

#curricleft {
	width: 260px;
	height: inherit;
	float: left;
	padding: 10px;
}

#curricleft h1 {
	color: #a82020;
	text-decoration: underline;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#curricleft h2 {
	color: #444;
	font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#curricleft p {
	color: #555;
	font: 12px/1px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#curricright {
	width: 560px;
	height: inherit;
	float: right;
	padding: 10px;
}

#curricright h1 {
	color: #a82020;
	text-decoration: underline;
	font: 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
}

#curricright p {
	color: #555;
	font: 12px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#imptiger {
	width: 355px;
	height: 205px;
	margin: 0 auto 80px 0;
	margin-left: 5px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#imptigerheader {
	width: 550px;
	height: auto;
	background-color: #444;
	color: #fff;
	padding: 10px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#imptigerimp {
	width: 285px;
	height: 50px;
	background-color: #00a426;
	color: #fff;
	float: left;
	padding: 15px 0 0 0;
	text-align: center;
	font: 27px Georgia, "Times New Roman", Times, serif;
}

#imptigertiger {
	width: 285px;
	height: 50px;
	background-color: #ee6d00;
	color: #fff;
	float: right;
	padding: 15px 0 0 0;
	text-align: center;
	font: 27px Georgia, "Times New Roman", Times, serif;

}

#curriccontent {
	width: 600px;
	height: inherit;
	padding: 10px;
	color: #444;
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	float: left;
}

#bgcrest {
	width: 116px;
	height: 133px;
	background-image: url(crest.gif);
	float: left;
	margin-left: -50px;
}

#cindy {
	font: 14px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 280px;
	float:right
}

.thumb {
	width: 90px;
	height: 90px;
	border: 5px solid #555;
}

.thumb:hover {
	width: 90px;
	height: 90px;
	border: 5px solid #999;
}

/*  */