/* Hyperlinks are orange, without underlining */
a {
  color: 		rgb(204,102,0);
  text-decoration: 	none;
  }

/* A hyperlink turns redder when the cursor hovers over it */
a:hover { 
  color: 		rgb(204,51,0);
}   

/* Background of page is blue/purple.  Default text is 10pt sans-serif. */
body {
  margin-top:       	0px;
  font-size:        	10pt;
  font-family:      	verdana, arial, sans-serif; 
  margin-right:     	auto;
  margin-left:      	auto;
  text-align:       	center;
  background-color: 	rgb(51,51,102);
  width:                705px;
  }

li {
  margin-bottom:    	10px;
  text-decoration:  	none;
  }

p {
  padding:          	1em 1em 0 1em; 
  margin:           	10px 10px 10px 10px;
  text-align:       	left;
  }


/* Formatting for "span class=" */

.center {
  text-align: center;
}

.floatstop {
  clear:                both;
}

.homeSubtitle {
  font-size:		1.2em; 
  font-weight:		bold;
  text-align:           center;
  }

img.center {
  float:                center;
  margin-left:          10;
  margin-right:         10;
}

img.left {
  float:                left;
  margin-right:        10px;
}

img.right {
  float:                right;
  margin-left:         10px;
}

.large {
  font-size:		1.2em;
  font-weight:	        bold;
}

.script {
  font-family:		cursive;
  font-size:		1.4em;
}

/* #FA6611 = rgb(250,102,17); websafe  or 0 */
.initialchar {
  font-size:        	1.5em; 
  color:            	rgb(255,102,0); 
  }

.insetimage {
  position:         	relative;
  float:		right;
  width:		250px;
  padding:		15px 10px 10px 10px;
  margin:		0 0 0 0;
  text-align:		center;
  font-weight:		bold;
  line-height:		2em;
  }

.list li {
  text-align:		left; 
  padding: 		0 0 0 100px;
  }

.subtitle {
  font-size:		1.2em; 
  font-weight:		bold;
  color:		#B73A0F; /* RGB = 183, 58, 15; websafe 204, 51, 0 or 51 */
  padding:		40px 0px 0px 0px;
  }

.text { 
  padding: 		2em 0 0 2em; 
  color: 		#000; 
  }

.title {
  font-size: 		1em; 
  font-weight:		normal;
  }


/* Formatting for "div id=" */

#content {
 height:		100%;
 width:			534px;
 float:			right;
 margin:		0px 5px 0 0px;
 padding:		0 0 20px 0px;
 text-align:		left;
 }

#contentbody {
 height:		auto;
 width:			524px;
 margin:                60px 0 0 0;
 padding:		0px 10px 20px 0px;
 background-color:	#FFF;
 text-align:		left;
 }

#contentWide {
 height:		100%;
 width:			700px;
 text-align:		left;
 background-color:	#FFF;
 }

#contentheader {
 height:		40px;
 width:			524px;
 margin:		8px 0 0 0;
 padding:		0 10px 0 0;
 background-color:	#E1611B;
 float:			left;
 font-size:		20pt;
 font-family:      	lucida, verdana, arial, sans-serif; 
 text-align:		center;
 }

#contentimage {
 position:		relative;
 float:			right;
 width:			250px;
 padding:		0 10px 0 10px;
 margin:		0 0 0 0;
 }

#headerImage {		/* ProArteLogo.gif */
 height:		133px;
 width:			220px;
 margin:		8px 235px 8px 235px;
 padding:		0px;
 border-width: 		6px;
 border-style: 		solid;
 border-color: 		#B73A0F;
 }

#homeContent {
 margin:		0 0 0 0;
 text-align:            left;
 float:			right;
 color:                 white;
 }

#homeContentCentered {
 color:			white;
 width:			705px;
 height:		auto;
 text-align:            center;
 }

#homeContent a:hover {
  color:           #FFFFFF;
  font-weight:     normal;
  text-decoration: none;
  }

#homelinks { }

#homelinks li {
  margin-bottom:	10px;
  text-decoration: 	none;
  font-size: 		1em; 
  font-weight:		bold;
  }

#homelinks a:link { 
  color: 		#CC7700; 
  text-decoration: 	none; 
  }