/*
CSS for Sue Groom Fine Art Studio
*/

h1 	{font-family: "Comic Sans MS"; font-size: 36pt; font-weight: bold; text-align:center; color: #FF0033;}

h2  {font-family: "Comic Sans MS"; font-size: 24pt; font-weight: bold; text-align:center; color: #660066;}

h3  {font-family: "Comic Sans MS"; font-size: 14pt; font-weight: bold; text-align:center; color: #660066;}

body 	{font-family: "Comic Sans MS"; font-size: 14pt; color: #660066;}
	

/*
Links
*/
	
	
a 	{font-weight:bold; color: #FF0033; text-decoration: none }

a:link {color: #FF0033; text-decoration: none; font-weight:bold }

a:visited {color: #660066; text-decoration: none; font-weight:bold }

a:hover {color: #00B1AE; text-decoration: none; font-weight:bold }

a:active {color: #FF33CC; text-decoration: none; font-weight:bold }



/*
Footer link colours
*/

#footer a {font-weight:bold; color: #FFFFFF; text-decoration: none }

#footer a:hover{font-weight:bold; color: #00B1AE;}




/*
Nav bar
*/


#navigation ul{margin:0;padding:0;list-style:none; text-decoration: none;}

#navigation a{display:block;width:9em;}

#navigation a:hover{background:#B0E0E6;}

#navigation li{float:left; width:9em; }

#navigation li ul{position:absolute; width:9em; left:-999em; background:#B0E0E6;}

#navigation li:hover ul{display:block; left:auto;}

#navigation li:hover ul, #nav li.sfhover ul {left:auto; background:#B0E0E6;}


/*
positioning
*/


#wrap 			{left:0px; top:0px; background-image:url(red.jpg); width:935px; height:850px; padding:25px 15px 0px 25px;}

#sitebranding  	{left:20px; top:30px;}

#navigation     {position:relative; left:0px; top:18px; background-image:url(navjungle.jpg); width:175px; height: 560px; float:left; }

#bodycontent    {position:relative; left:24px; top:18px; overflow:auto; background:#B0E0E6; width:687px; height:530px; padding: 20px 20px 10px 20px; }

#footer         {color: #FFFFFF; text-align:center; font-weight: bold; font-size:14pt; width:95%; padding:35px 25px 5px 25px; }