/* CSS for Art2Art Pages */
/* syntax 

a{}
a:link{}
a:visited{}
a:hover{}
a:active{}

a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}

a:link, a:visited, a:hover, a:active{color:#ffffff}


.classname  	eg <body class="classname"> or <p class="classname">
p.classname 	eg <p class="classname">

#title		eg <p id="title"> or <body id="classname">
p#title		eg <p id="title">


descendents

p h1		eg <p><h1>This is h1 within p</h1></p>  p h1 {background-color:ffffff}


p.classname h1  ie h1 nested within p of specific class="classname"
p#title h1 	ie h1 nested within p of specific id="title"

p>h1		ie h1 nested within 1 tier of p

attribute selectors

img[name] {border="none"}	ie selects all images with an attribute name set to anything

img[name="main"] {border="none"} ie selects only images with name attribute set to "main"

*/

/* pseudo */

	a:link	   {color:#4e5c9b}
	a:visited  {color:#b39d34}
	a:hover	   {color:#b39d34}
	a:active	 {color:#4e5c9b}
	
	a:link 	   	img {border-color:#eef0f3}
	a:visited  	img {border-color:#eef0f3}
	a:hover    	img {border-color:#eef0f3}
	a:active	img {border-color:#e88615}


html {margin: 0; padding: 0;}

body {font: 12px Verdana, Arial, Helvetica, sans-serif;
   		margin: 0; padding: 0;
   		background: #37416F; color: #606060;}


h2 {
	font-size: 20px;
	font-weight: bold;
	color: #37416F;
}	

dl#sitemap{
	text-align: left;
	margin-left: 50px;
}

dt {margin-top: 25px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #37416F;
}

dd{
	font-style: normal;
	font-weight: normal;
	line-height: 1.4;
	color: #4e5c9b;
}



