/* CSS Document */

body												{font-family:georgia; background: #9CC1A3;}
h1													{font-size:150%}
h2													{font-size:120%}
h3													{clear: left}
a:link 												{color:#990000; text-decoration: none;}
a:visited 											{color:#666;text-decoration: none;}
a:hover 											{color:#B96706;}
.clear 												{clear:both; height:.0001em; overflow:hidden}
.seemore											{font-size: 12px;}
.seemore a											{text-decoration:underline}
.thumbL												{width:250px; padding:10px; border:solid 1px #000; float:left; margin:15px 10px 5px 0}					
.thumbR												{width:250px; padding:10px; border:solid 1px #000; float:right; margin:15px 0 5px 10px}					
.thumb2up											{width:250px; padding:10px; border:solid 1px #000; float:left; margin:15px 15px 15px 0}					
.thumbFull											{width:525px; margin:5px 0 5px 0}					
.firstLetter										{font-size:48px; font-family:"Times New Roman", Times, serif; line-height:0.8em}
#canvas 											{position: relative}
#container 											{z-index:1; width: 1004px; background: #fff url(/images/ribet_back.jpg) no-repeat; background-position: top left; margin:0 auto; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000;}

#branding 											{position: relative;}
#branding h1										{background:url(/images/logo.gif) 0 0 no-repeat; width:368px; height:130px}
#branding h1 span									{display:none; visibility:hidden}
#branding2 {}
#brandingMain {}
#brandingSub {}
#brandingSupp {}

#nav 												{}
#nav2 												{}
#navMain 											{z-index: 0; position: absolute; top: 30px; margin-left: 380px; font-weight:bold; font-size:80%}
#navMain h2 										{display:none; visibility:hidden}	
	
#navMain li 										{display:block; float:left; margin-right: 9px ;padding:0;}
#navMain li a 										{display:block; float:left; padding:0 0 0 9px; background:url(/images/navMainTabLeft.gif) no-repeat left top;}
#navMain li a span									{display:block; background:url(/images/navMainTabRight.gif) no-repeat right top;padding:5px 15px 7px 6px; color:#006600;}
#navMain li a:hover 								{background:url(/images/navMainTabLeftOn.gif) no-repeat left top;}
#navMain li a:hover span							{background:url(/images/navMainTabRightOn.gif) no-repeat right top;}

.current_events 									{position: absolute; margin: 10px 0 0 50px; font-size:90%; width:300px;}
.current_events h2									{color:#999}
.current_events .event								{margin:0 0 5px 0; width:280px; border-bottom:solid 1px #ccc}
.current_events .event h2,
.current_events .event p							{padding:10px;}
.current_events .event h2							{color:#900}

.current_events .event ul							{list-style:disc}
.current_events .event li							{margin-left:25px; line-height:1.6em}

.legend												{position: absolute; margin: 49px 0 0 50px; font-size:100%; width:260px; background-color:#FFC; padding:20px; border:solid 1px #ccc}
.legend li											{margin-top:5px; font-size:12px}
.legend li input									{width: 250px}

.snip_entry											{width:540px; background-color: #F4F4F4; padding:20px; border:solid 1px #ccc; margin-top:15px}

#navSub 											{position: absolute; margin: 46px 0 0 50px; font-size:100%; width:300px;}
#navSub li 											{text-align:right; padding-bottom:0.7em}
#navSub h3											{display:none; visibility:hidden}

.navSupp, .navSupp2 								{margin: 3px 0 0 0; font-size:85%}
.navSupp li, .navSupp2 li							{display:block; float:left;  margin:2px;}
.navSupp li.first, .navSupp2 li.first				{}
.navSupp li.last, .navSupp2 li.last					{border-right: none}
.navSupp li a, .navSupp2 li a						{border: solid 1px #CCCCCC;background-color:#ffffff; padding: 1px 4px; display:block; float:left;}


/* new simpler style */

#main_content										{position: relative; left: 380px; top: -25px; width:590px; min-height:450px}
* html #main_content								{height:450px}
#main_content h2									{font-size:140%; color: #9E6E5A; padding-bottom:15px; padding-top:12px}
#main_content p										{font-size:95%; line-height:1.5em; padding:10px 0}


/* make content below obsolete and replace with above instead */

#content 											{position: relative; left: 380px; top: -25px; width:590px; min-height:450px}
* html #content										{height:450px}


#content2 											{}

#contentMain 										{}
#contentMain h1										{margin-top: 30px}

#contentMain p										{font-size:85%; line-height:1.5em}
#contentMain ul										{font-size:85%; line-height:1.5em}
#contentMain ol										{font-size:85%; line-height:1.5em}

#contentMain h2 									{font-size:140%; color: #9E6E5A; padding-bottom:0}
#contentMain h3 									{padding-top:40px; padding-bottom:2px}
#contentMain h3.h3_0 								{padding-top:60px; padding-bottom:2px}
#contentMain h3.h3_1 								{padding-top:20px; padding-bottom:2px}
#contentMain p.p1									{padding-top:40px}	
#contentMain p.p2									{padding-top:15px}	
#contentMain ul.p2									{padding-top:8px}	
#contentMain ul.p2 li								{list-style:disc; margin-left:20px;}	

#contentSub											{clear: left}
#contentSub p										{font-size:85%; line-height:1.5em}
#contentSub p.p2									{padding-top:15px}
#contentSub ul										{font-size:85%; line-height:1.5em}
#contentSub ol										{font-size:85%; line-height:1.5em}

#contentSub h3 										{padding: 20px 0 10px 0;}
#contentSub h3.h3_0 								{padding: 40px 0 10px 0;}
#contentSub h4 										{padding: 20px 0 10px 0;}
#contentSub p.p1 									{margin-top: 25px}
#contentSub p.indent 								{margin-left: 25px}
#contentSub ul,
#contentSub ol										{margin:10px 0 10px 25px}
#contentSub ul li									{list-style: disc; margin-left:5px}
#contentSub ol li									{list-style: decimal; margin-left:10px} 
#contentSub table									{font-size:75%; width:575px}
#contentSub th										{background-color:#ebebeb}
#contentSub th,
#contentSub td										{border:solid 1px #cccccc; padding:5px}
#contentSub th.author								{width: 150px}


.sitemap											{margin-top: 15px; font-size:90%;}
.sitemap h3											{padding:5px 0; font-size:120%}
.sitemap li											{padding-left:15px; background:url(/images/sitemap_line.gif) 0 0 no-repeat; margin-left:10px; width: 500px}



#siteInfo 											{position: relative; padding: 40px 20px 20px 20px; font-size:80%}

.home_pics											{}
.home_pics .col										{float: left; width: 132px; margin-right:15px}

.ribetathletics	iframe									{width: 520px;}
.ribetathletics	select								{display:none; visibility:hidden}