/* Tomato design, copyright 2008 Michael J. Cripps, Ph.D. - http://michaeljcripps.com
CSS for The Teaching of Writing - a practicum (Fall 2008), York College, CUNY.
Tomato is the newest of several CSS designs for this course site.

Feel free to use this CSS as a source for ideas about CSS-based designs, but please do not simply lift this CSS without some attribution.
Tomato theme is a very simple fixed-width, centered layout that uses a tomato plant color palette.  Not much in the way of design inspiration behind this one.
*/


/*basic tags 
*/
html { height: 100%;
}

body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: small;
	font-color: #000033;
	height: 100%;
	background: #fedb5b;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000033;
}

a {
	color: #ff6600;
	text-decoration: none;
}

a:hover {text-decoration: underline;
}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	color: #000033;
	}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #000033; }
	
	
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #000033;
	margin-top: 10px; }
	


/*end basic tags 
*/

/*container elements 
*/

#container {
	width: 760px;
	min-height: 100%;  /* for modern browsers */
	height: auto !important; /*for modern browsers */
	height: 100%; /* for IE */
	margin: 0 auto;
	padding: 0;
	border: 1px solid #ff6600;
	text-align: left;
	position: relative;
	background-color: #fcfcfc; 
}

#introductory {
width: 760px;
height: 100px;
 /*min-height: 100px; for modern browsers 
height: auto !important; /* for modern browsers
height: 100px; /* for IE */
padding: 0;
margin: -12px 0 0 0;
background: url(images/produce/header.gif) no-repeat top left; 
}

* html #introductory {
margin: 0;
}

#main {
width: 720px;
min-height: 100%; /* for modern browsers */
height: auto; /* for modern browsers */
padding: 0 20px 50px 20px;
margin: 0;
}

 * html #main /* for IE */
{
height: 100%;
}

#close {
width: 760px;
min-height: 41px; /*was 41px*/
height: 41px;
margin: 0;
padding: 0;
bottom: 0;
background: #fcfcfc url(images/produce/slicedtomato.gif) no-repeat bottom right;
position: absolute;
text-align: center;
}



*html #close {
height: 43px;
bottom: -1px; /* for IE*/
}



#navigation {
width: 760px;
height: 35px;
margin: 0; 
padding: 0;
background-color: #759740;

}


#styles {
width: 130px;
height: 100px;
margin: 400px 35px 0 0;
position: absolute;
background-color: #FAF7EC;
}

/* end container elements 
*/

/* navigation elements */

#navigation ul,li{
margin: 0;
list-style: none;
}

/*main nav */


.schedule, .assignments, .blog, .students, .resources, .contacts {
float:left;
position:relative;
font-family: verdana, arial, helvetica, sans-serif;
width: 165px;
height: 35px;
margin:0; 
padding: 0; 
border:none;
}

.schedule span, .assignments span, .blog span, .students span, .resources span, .contacts span, .cloisonne span, .html span {display:none}

.schedule a, .assignments a, .blog a, .students a, .resources a, .contacts a {
display:block;
width: 165px;
height: 35px;
margin: 0;
padding: 0;
position:absolute;
}


.schedule  {background-image: url(images/produce/over_schedule.gif);}
.assignments  {background-image: url(images/produce/over_assignments.gif);}
/*.blog  {background-image: url(images/produce/over_blog.gif);}
.students  {background-image: url(images/produce/over_students.gif);} */
.resources {background-image: url(images/produce/over_resources.gif);}
.contacts {background-image: url(images/produce/over_contacts.gif);}

.schedule a {background-image: url(images/produce/schedule.gif);
}
.assignments a {background-image: url(images/produce/assignments.gif);}
/*.blog a {background-image: url(images/produce/blog.gif);}
.students a {background-image: url(images/produce/students.gif);} */
.resources a {background-image: url(images/produce/resources.gif);}
.contacts a {background-image: url(images/produce/contacts.gif);}


.schedule a:hover, .assignments a:hover, .resources a:hover, .contacts a:hover {background: transparent;
}




/*end navigation elements 
*/

/*some basic tags, redefined*/
h1 span {display: none;}
h2 span {display: none;}

#main p, #main h2 {
margin: 5px 0;
}

#main ul, #main li  {
margin: 3px 15px 10px 25px;
list-style-type: none;
}

#main dl, #main dt {
margin: 10px 15px 0 0;
font-size: 110% ;
font-weight: bold;
}

#main dd {
margin: 0 0 5px 15px;
padding: 0;
font-size: 100%;
font-weight: normal;
}

#close p {
font: 80% verdana, arial, helvetica, sans-serif;
background-image: url(images/produce/slicedtomato.gif) no-repeat top left;
}

#close a {
color: #ff6600; 
text-decoration: none;}

#close a:hover { text-decoration: underline;}

/*specialty styles 
*/

.bold {font-weight: bold;}

.center {text-align: center;
}

.switcher {
text-align: center;
padding-top: 50px;
}