a {
font-weight: bold;
color: #E32041;}

body 	{
	background-color: #BFE7F2;
	text-align: center;
	}

*html #content {
background: url(shadow.png);
background-repeat: no-repeat;
background-position: bottom bottom;
width: 786px;
}

#content {
width: 770px;
height: 400px;
background: url(shadow.png);
padding: 10px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
	text-align: center;
}


/* LEFT COLUMN */


*html #left {
width: 174px;
}

#left	{
	width: 176px;
	position: relative;
	background: #fff;
	float: left;
	padding: 0px;
	border-right: 12px #000 solid;
	}
	
*html #blank1 {
width: 176px;
	height: 50px;
	}

#blank1 {
	height: 38px;
	width: 176px;
	background-color: #fff;
	border-bottom: 6px #000 solid;
	background-image: url(pantonlogo-small.gif);
	background-repeat: no-repeat;
	background-position: center;
	}

*html #menu {
	height: 195px;
	width: 176px;
	}

/* hide \ */
*html #menu {
	width: 176px;
	height: 198px;
}
/* */
#menu {
	width: 176px;
	height: 188px;
	background-color: #fff;
	color: #000;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 110%;
	text-align: left;
	
	border-bottom: 6px #000 solid;
	}

#blank5	{
	width: 176px;
	height: 160px;
	background-color: #FF2700;
padding: 0px;
	}




/* MIDDLE COLUMN */

*html #middle {
width: 500px;
background:#000;
}
#middle	{
	width: 518px;
	padding-top: 0px;
	float: left;
	border-right: 12px #000 solid;
	}

*html #blank2 {height: 40px;width: 520px;}

#blank2 {
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	height: 28px;
	width: 508px;
	background-color: #fff;
	border-bottom: 6px #000 solid;
	}


*html #mainbody {width: 510px; height: 317px;}

#mainbody {
	height: 306px;
	width: 498px;
	background-color: #fff;
	margin:0px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-align: justify;
	overflow: hidden;
	padding: 10px;
	border-bottom: 6px #000 solid;
	}


*html #blank6 {height:20px;width:530px;}
#blank6 {
	height: 22px;
	width: 518px;
	background-color: #FFFC00;
	margin:0px;
	}



/* RIGHT COLUMN */
*html #right {width:45px;}
#right {
	width: 48px;
	position: relative;
	margin-left: 12px;
	float: left;
	margin: 0px;
}


*html #blank3 {width:45px;height: 50px;}

#blank3 {
	width: 48px;
	height: 38px;
	background-color: #0A31FF;
	border-bottom: 6px #000 solid;
	}
	
	
*html #blank4 {width: 100%; height: 336px;}

#blank4 {
	height: 325px;
	width: 48px;
	background-color: #fff;
	margin:0px;
	border-bottom: 6px #000 solid;
	}

*html #blank7 {width:45px;height: 20px;}
	
#blank7 {
	height: 23px;
	width: 48px;
	background-color: #fff;
	margin:0px;
	}
	
	


/* MENU BITS */	
	
#navigation {
	width: 175px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

*html ul {
	width: 176px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 176px; /* Width of Menu Items */
	background: #fff;
	}

ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 171px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	background: transparent;
	margin-left: 3px;
	}
	
*html ul li a {
width: 176px;
}	

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px;
	border-bottom: 0;
	}

/* Styles for Menu Items */

*html ul li ul li a {
	margin-left: 2px;
	border-left: 12px solid #000;
	border-bottom:0xp; border-top: 0px;
	}


ul li ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #f9f9f9; /* IE6 Bug */
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	margin-left: 14px;
	text-transform: uppercase;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

*html ul li a:hover {border-bottom:0xp; border-top: 0px;}
ul li a:hover { color: #E2144A; 
background: #f9f9f9; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */




/* EXTRA STYLING */

.title {
	font-family: "Trebuchet MS";
	font-size: 18px;
	text-transform: uppercase;
color: #E32041;
}