body
 { background-color: #ffffff; color: #000000; font-family:verdana,arial,helvetica,sans serif;

		/*
		You can remove these four options

		*/

		height: 99%;
		width: 99%;
		margin: 10px;
		padding: 0px;
	}



h1{ background-color; inherit; color: #0000ff; font-family:verdana,arial,helvetica,sans serif; font-weight: bold; font-size: x-large; text-align: center;}
h2{ background-color; inherit; color: #0000ff; font-family:verdana,arial,helvetica,sans serif; font-weight: bold; font-size: large;} 
h3{ background-color; inherit; color: #0000ff; font-family:verdana,arial,helvetica,sans serif; font-weight: bold; font-size: medium;}

a{background-color: inherit; color:#0000ff; text-decoration: none; font-family: verdana,arial,helvetica,sans serif; font-weight:bold; font-size: small;}
a:hover { color:#ff0000; }

.img{border:0;}
.imgright{float: right; border:0; text-align: right;}
.imgcenter{float: middle; border:0; text-align: center;}
.imgleft{float: left; border:0; text-align: left;}

***** Header *****

.header {width: 750px; border: 0; padding: 1px; text-align: center;}
.small {font-family:verdana,arial,helvetica,sans serif; font style: normal; font size: 5px; color: #0000ff; background-color; inherit; !important;}


***** Navigation *****

.navbar {width: 750px; border: 0; padding: 1px; text-align: center; float: middle;}

***** Content *****


div.content { width: 750px; border: 0; float: middle; text-align: center; }

p {font-family: verdana,arial,helvetica,sans serif; font-style: normal; font-size: small; color: #000000; background-color: inherit; text-align: left;}



	form{
		display:inline;
	}
	.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */

		/*
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 auto;
		margin-bottom:2px;
	}

	.imageBox .imageBox_theImage{
		border:1px solid #ddd;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316ac5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316ac5;
		color:#ffffff;
		padding:2px;
	}

	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;
		padding-top:2px;
		margin: 0 auto;
	}

	/*
	DIV that indicates where the dragged image will be placed
	*/
	#insertionMarker{
		height:150px;
		width:6px;
		position:absolute;
		display:none;

	}

	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */

	}

	#insertionMarker img{
		float:left;
	}

	/*
	DIV that shows the image as you drag it
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/*
		No need to change these three values
		*/
		position:absolute;
		z-index:10;
		display:none;

	}



***** Footer *****


.footer { width: 750px; font-family: verdana,arial,helvetica,sans serif; font-style: normal; font-size: x-small; color: #000000; background-color: inherit; text-align: center; float: middle;}


































