/* Start of CMSMS style sheet 'L2-Purple' */
/* CSS Document */

body {
margin:0px;
background-image:url(images/bkgd-repeat-purple.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFB84A;
}

img, div {
   behavior: url("CSS-JS/iepngfix.htc");
}

#page {
position:relative;
float:left;
background-image:url(images/L2-bkgd-page-purple.jpg);
background-repeat:no-repeat;
width:962px;
height:700px;
}

#main {
position:relative;
float:left;
width:642px;
background-image:url(images/L2-bkgd-main-purple.png);
top:60px;
left:290px;
z-index:4;
}

div#copy-header {
background-image:url("images/L2-bkgd-content-purple.png");
background-repeat:no-repeat;
height:100px;
left:-10px;
margin:0 192px;
position:absolute;
top:0;
width:590px;
z-index:0;
}

#copy {
position:relative;
float:left;
width:590px;
padding:40px;
color:#363636;
font-size:12px;
top:-125px;
z-index:5;
margin-bottom:-350px;
}

#copy img.title {
left:10px;
margin:0px;
padding:0px;
}

#copy img {
margin-left:10px;
margin-bottom:10px;
border:1px solid #3DD222;
}

#left-img {
background-image:url("images/silver-belts.png");
height:457px;
left:0;
position:absolute;
top:165px;
width:460px;
z-index:0;
}




#copy-footer {
background-image:url("images/L2-bkgd-footer-purple-bot.png");
background-repeat:no-repeat;
clear:both;
float:left;
height:100px;
margin:50px 182px;
position:relative;
top:0;
width:590px;
z-index:3;
}

#back {
position:relative;
float:right;
right:10px;
top:10px;
}

#back a:link, 
#back a:active,
#back a:visited
{
color:#FFFFFF;
text-decoration:none;
}

#back a:hover
{
color:#FFFFFF;
text-decoration:underline;
}


ul.press {
list-style:square;
}

ul.press a:link,
ul.press a:active
{
color:#FFFFFF;
text-decoration:none;
}

ul.press a:hover,
ul.press a:visited
{
color:#FFFFFF;
text-decoration:underline;
}


#main-nav {
position:absolute;
top:0px;
left:0px;
background-image:url(images/nav-purple.gif);
background-repeat:no-repeat;
width:959px;
height:54px;
z-index:999;
}

#nav {
	    position:absolute;
	    width: 959px;
	    height:56px;
	    margin: 0px;
	    padding: 0px;
	}

	#nav li ul, #nav li ul {
		margin: 0px;
		padding: 0px;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
		top:0px;
	}
	
	#nav li .hide {
		display: none;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
        width:125px;
		background: #8d0856;
		border:1px solid #e7e7e7;
  		*top: 50px; /*reposition for IE*/
		*left: 0px;
		padding-top:10px;
		margin-left:20px;
		top:40px;
		z-index:9;
}

	#nav li a {
		display: block;
		padding: 0px;
		margin: 0px;
	}

	#nav li.on a {
		color: #073E74;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
	}


	#li2 a, #li3 a, #li4 a, #li5 a, #li6 a {
		display: block;
		position: relative;
		width: 959px;
		height: 50px;
		background-image:url(images/nav-purple.gif);
		background-repeat:no-repeat;
		z-index:10;
	}

/*first, put the initial states in place*/

#li2 a {
	background-position: 0px 0px;
	width: 223px;
}

#li3 a {
	background-position: -223px 0px;
	width: 128px;
}

#li4 a {
	background-position: -351px 0px;
	width: 230px;
}

#li5 a {
	background-position: -581px 0px;
        width: 206px;
}

#li6 a {
	background-position: -787px 0px;
        width: 172px;
}


/*hover states*/

#li2 a:hover {
	background-position: 0px -54px;       
	width: 223px;
}

#li3 a:hover {
	background-position: -223px -54px;
        width: 128px;
}

#li4 a:hover {
	background-position: -351px -54px;
        width: 230px;
}

#li5 a:hover {
	background-position: -581px -54px;	
        width:206px;
}

#li6 a:hover {
	background-position: -787px -54px;	
        width:172px;
}

#nav li.off ul a #li1 {
        left:75px;
}

#nav li.off ul a #li2 {
        left:95px;
}

#nav li.off ul a #li3 {
        left:150px;
}

#nav li.off ul a #li4 {
        left:205px;
}

#nav li.off ul a #li5 {
        left:205px;
}


/*subnav formatting*/

#nav li ul a {
	display: block;
	background: #8d0856;
	border-bottom:1px solid #380121;
	color: #FFFFFF;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
    height:auto;
    padding:5px;
    border-top:none;
	width:115px;
}	

#nav li ul a:hover {
	background: #720745;
	width:115px;
}


.copy a:link {
color:#FFFFFF;
text-decoration:none;
}

.copy a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.copy a:visited {
color:#FFFFFF;
text-decoration:underline;
}

.link {
position:absolute;
}

form {
margin:0px;
padding:0px;
}


.form input#text {
border: 1px #FFCC00 solid;
top:0px;
margin:0px;
}

.form input#submit {
position:absolute;
top:15px;
margin:0px;
}

.form label {
position:relative;
float:left;
padding-top:5px;
}

.form input,
form select
 {
position:relative;
float:left;
}

.form input#m2fbrp__40 {
margin-right:80px;
margin-bottom:15px;
}

.form {
position:relative;
float:left;
color:#FFFFFF;
font-size:11px;
top:20px;
width:125px;
}

.form input#text {
border: 1px #FFCC00 solid;
top:0px;
margin:0px;
}

.form input#submit {
position:absolute;
top:15px;
margin:0px;
}

.photo {
position:relative;
float:right;
top:20px;
right:50px;
}

div#ccImageContainer img {
border: none;
}

.contact {
position:relative;
float:left;
color:#FFFFFF;
font-size:12px;
top:22px;
left:120px;
}

.contact .title {
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact .title a:link{
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact .title a:hover{
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact .title a:visited{
position:relative;
float:left;
color:#FFCC00;
font-size:11px;
text-transform:uppercase;
}

.contact a:link {
color:#FFFFFF;
text-decoration:none;
}

.contact a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div.footer {
background-image:url(images/footer-line-purple.gif);
background-repeat:no-repeat;
background-position:top center;
padding-top:10px;
position:relative;
width:962px;
float:left;
color:#ffffff;
font-size:11px;
text-align:center;
}

div.footer a {
color: #ffffff;
}

a:visited, a:active {
color:#4F0030;
text-decoration:none;
}

div.footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}

div.footer .copyright {
color:#FFFFFF;
}

/* End of 'L2-Purple' */