/* external css file for art web site */

/************************* general *************************/

body {
	background-color: #cba;
} 

h1 { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size: xx-large; 
	margin-left: 10px; 
	color: #000000; 
}

h2 { 
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size: large; 
	color: #000000; 
	margin-bottom: 40px;
}

h3 { 
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal; 
	font-size: normal; 
	color: #000000;
	text-align: center;
	clear: left; 
}
h5 { 
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal; 
	font-size: small; 
	color: #000000;
	margin-left: 220px;
	margin-right: 20px;
}

h6 { 
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: xx-small; 
	color: #000000;
	margin-left: 0; 
	clear: left; 
}


/************************* Pseudo classes *************************/

h1	:link {
	color: #000000;
	text-decoration: none;
}

h2	:link {
	color: #000000;
	text-decoration: none;
}

h3	:link {
	color: #000000;
	text-decoration: none;
}

ul	{
	list-style-type:none;
    margin: 0;
    padding: 0;
    overflow:hidden;
}

li	{
    float: left;
    display: block;
    width: 200px;
    margin-left: 20px;
    padding: 0 30px 0 30px;
}

li	{
	display:inline;
}

/************************* ID's *************************/
 
#heading {
   position: static;
   width: auto;
}

#navigation {
   position: absolute;
   width: 200px;
   height: auto;
   margin-top: 0;
   margin-left: 20px;
}
 
#mainbody {
   position: absolute;
   width: 80%;
   margin-left: 200px;
   height: auto;
}

#footer {
   position: fixed;
   top: 90%;
   margin-left: 0;
}