/*purple.css*/

/* Universal style rule */
*{
  
   
  /* Temporary borders */
   /*border:dashed 1px #f00;*/
}


body {background-color:  #CC99CC;
	}

#wrapper{
  width:60em;
  margin:  auto;
  background-color:#cc99cc;
  padding: 0 2.5em;
}



h1 { font-family:"lucida calligraphy", "Comic Sans MS", cursive; 
text-align:center; color:white}
h2,p,ul,li,h3 {color: #660066; font-family: arial, helvectica }

p.teal {color:teal; text-align:center; font-style: italic}
.floatleft{float:left;}
p.bold {font-weight:bold; color:black;}
p.center {text-align:center}
#copyright {float:right; color:black;}
#psi{width:20em; margin-left:15em}
#w3c{float:left; width:10em; display:inline;}
.italic{color:#660066; font-style:italic;}
.bold{font-weight:bold; color:#660066}
p.alert {color:red; text-align:center; font-weight:bold; font-size:1.2em}


/*Links*/
a, a:link, a:visited{color:purple}
a:active, a:hover{color:#9f5f9f}


/* Navbar division */

#navbar{color:purple; height:1.6em;}

#navbar ul{list-style-type:none; margin-left:4em;}

#navbar li{float:left;}

/* Navbar Links */

#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	font-family:"lucida calligraphy", "Comic Sans MS", TSCu_Comic, cursive;
	font-size:80%;
	color:white;
	background:purple;
	display:block;
	height:2em;
	width:10em;
	border-right:solid 1px black;
	line-height:2em;
	text-align:center;
	outline-style:none;
}    

/*navbar links hover, active current*/

#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#9f5f9f;
  color:white;
}

/*end navbar rules*/

/* Float image to left of paragraph */
img.floatleft{
   float: left;
   margin: 1em 1em 1em 0 ;}
/* Float image to right of paragraph */
img.floatright{
   float: right;
   margin:1em 0 1em 1em;}
/* Center image between margins */
.center{
  text-align: center}

p.floatright{
   float: right	

}
#container
{
background-color:#ffccff;
padding:2em

}
/* Main content*/
#content{
width:60em;
padding:2em;
 margin: 1px auto 0 auto;
  background-color:#ffccff;
}

/* Page header style */
#header{
     height:8em;
     background-color: #CC99CC; 
     margin-left:2em;
     margin-right:2em;
     margin-top:0;
     margin-bottom:0;	
     padding: 0 2em 2em 2em   
}
#header img{padding-top:1.5em;}

#header h2{font-family:"lucida calligraphy", "Comic Sans MS", cursive; 
text-align:center; color:purple}


/* Page footer style */
#footer{
     clear: both;
   
     background-color: #CC99CC;
     margin-left:5em;
     margin-right:2em;
     margin-top:0;
     margin-bottom:0;	
     padding: 2em
}


/*contact us form*/

label
{
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 10.5em;
}
input
{
color: purple;
background: white;
border: 1px solid purple
}

.submit input
{
color: #000;
background: #cc99cc;
border: 2px outset #d7b9c9
}
fieldset
{
border: 1px solid purple;
width: 25em
}

legend
{
color: #fff;
background: #cc99cc;
border: 1px solid purple;
padding: 2px 6px
}
p.required {float:right; color:black}


/*Rates table*/
/* Wrapcol contains the layout */

#bottom{clear:both}

#leftcolumn
{
float:left;
width:17em;/* #middlecolumn left margin must match this width */


border-right:1px solid gray;
padding:1em;
background-color: #ffccff;
}

#rightcolumn
{
width:17em;/* #middlecolumn right margin must match this width */

border-left:1px solid gray;
padding:1em;
float:right;
margin:1em;
background-color: #ffccff;
}

#middlecolumn
{


padding:1em;
margin:0 17em 0 19em;/* Left and right margins must match sidebar column widths */
background-color: #ffccff;
}


p.rates{color:black; font-size:1.2em; font-weight:bold}

/* Captioned images */ 
div.captionpic{
   width:9em;
   padding:0.25em;
   margin:0.25em 0.25em 0 0;
   float:left;
   border:solid 1px #000;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:0.8em;
   color:#555;
   text-align:center; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   width:80%;
   border:none;
}