@charset "UTF-8";
/* CSS Document */

HTML {
margin: 0;
 padding: 0;
}

BODY {
	MARGIN: 0px; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif, Monaco, Arial; HEIGHT: 100%; COLOR: #000; FONT-SIZE: 14px;	
}

img {
  border-style: none;
}

#container {
	MARGIN: 0px auto; 
	WIDTH: 940px;
}

#header
{
	width:940px;
}

#logo
{
	float:left;
	
}

#nav {
	float:right;
	padding-top:100px;
	
}

#nav ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#nav ul li
{
	float:left;
	padding-right:40px;
	display: inline-block;
	vertical-align:bottom;
	font-size:12px;
}

#nav ul li a
{
	text-decoration:none;
	letter-spacing:0.1em;
	color:#000;
}

#nav ul li a:hover
{
	background-color:#a4c2c2;
	COLOR: #cc3366;
	TEXT-DECORATION: underline
}

#main
{
	padding-top:10px;
}

#left
{
	float: left;
}
    
#right
{	
	padding-left:30px;
	line-height: 28px;
}

.narrowLeft
{
	width: 450px;
}

.wideLeft
{
	width:600px;
}

.narrowRight
{
	margin-left: 450px; /* Change this to whatever the width of your left column is*/
}

.wideRight
{
	margin-left:600px;
}

.clear
{
	clear: both;
}

.pinkText
{
	color: #Fc5084;
}

.imageSwap {
    background: url(viola_420.jpg) no-repeat;
	width: 450px;
    height: 420px;
	background-position:center top;

}

.imageSwap:hover {
	background-position: center 100%;

}