/* Atherton :: Site Design by Portland Studios Inc. */

* {margin:0px; padding:0px;}
body {font-family:georgia, times new roman; font-size:x-small; background-color:#000000;}
* html body {font-size:smaller;}
#wrap {width:1300px; height:768px;}

	/* INTRO PAGE */
	#intro #wrap {margin:0px auto;}
	#intro p#footer {margin:38px auto 0px auto; text-align:center;}

	/* CONSUMERS/EDUCATORS :: GENERAL */
	body#consumer, body#educators {background:url('images/background-red.gif') no-repeat #250505;}
		#header {width:891px; height:189px;}
		#content {float:left;width:1299px;}

		/* LEFT COLUMN */
			#lcol {float:left; width:616px; height:513px; margin-left:16px; margin-bottom:20px;}
			
		/* RIGHT COLUMN */
			#rcol {float:left; margin-left:20px; width:200px;}
                        * html #rcol {margin-left:10px;}
				#videos {width:450px; height:342px;}
                                .code-link {display:block; font-size:120%;color:#cfa76f; text-decoration:none; margin-left:10px; width:300px;}
                                .code-link:hover {color:#E1DBC5;}
				.site-link{display:block; margin:15px 0px 20px 10px; width:186px; height:44px; background:url('images/educators-link.gif') no-repeat;}
				.site-link:hover {background-position:0px -51px;}
			
		/* EDUCATORS */
                        
                        #educators #header {width:820px; height:200px;}
                        #educators #videos {width:490px; height:360px;}
                
					#more-resources {width:288px; margin-left:8px; padding:15px 15px 10px 15px;  background-color:#f2d5a6; color:#360e01;}
                                        #more-resources h3 {color:#5d0300; text-transform:uppercase; margin-bottom:5px; font-size:105%;}
                                        #more-resources ul {color:#360e01; padding-left:10px;}
                                        #more-resources ul li {margin-bottom:5px;}
                                        #more-resources ul li a {color:#360e01;}
                                        #more-resources ul li a:hover {color:#780900;}

					#educators .site-link {background:url('images/consumers-link.gif') no-repeat; width:240px;}
					#educators .site-link:hover {background-position:0px -51px;} 
                                        #more-resources a .size {font-family:arial;}

	/* FOOTER */
		p#footer {font-family:lucida unicode, arial, helvetica; font-size:110%; float:left; display:block; clear:both; width:583px; height:30px; margin:34px 0px 0px 14px; color:#955008;}
		#consumer p#footer {margin-top:13px;}

		p#footer a {color:#955008;}
		p#footer a:hover {color:#ac6418;}