@charset "utf-8";

/* CSS Document */



body {

	font-family: Arial, Helvetica, sans-serif;

	background-image: url(../images/bg_main.jpg);

	background-position: top;

	background-repeat: repeat-x; 

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #333;

	font-size: 11px;

	line-height: 1.6;

}



h1 {

	font-size: 16px;

	color: #E766BA;

}



h2 {

	font-size: 16px;

	color: #FFF;

}



a:link {

	color: #AD2C80;

	text-decoration: underline;

}

a:visited {

	color: #AD2C80;

	text-decoration: underline;

}

a:hover {

	color: #333333;

	text-decoration: none;

}





#container {

	width: 884px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background-image: url(../images/bg-content.gif);

	background-repeat: repeat-y;

	text-align: left; /* this overrides the text-align: center on the body element. */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

}



#header {

	padding: 20px 20px 20px 20px;

	height: 110px;

}



#head1 {

	width: 400px;

	float: left;

}



#head2 {

	width: 440px;

	float: left;

	text-align: right;

}



#nav {

	margin: 0px 14px 0px 14px;

	width: 856px;

	padding: 16px 0px 10px 0px;

	height: 22px;

	background-color: #E599CB;

}



.navlink:link {

	background-color: #E766BA;

	padding: 5px 28px 5px 29px;

	margin-left: 18px;

	color: #FFFFFF;

	text-decoration: none;

	border: solid 1px;

	border-color: #FFF;

}

.navlink:visited {

	background-color: #E766BA;

	padding: 5px 28px 5px 29px;

	margin-left: 18px;

	color: #FFFFFF;

	text-decoration: none;

	border: solid 1px;

	border-color: #FFF;

}

.navlink:hover {

	background-color: #999999;

	padding: 5px 28px 5px 29px;

	margin-left: 18px;

	color: #FFFFFF;

	text-decoration: underline;

	border: solid 1px;

	border-color: #FFF;

}





#mainContent {

	padding: 20px 20px 20px 20px;

}



#whiterow {

	padding: 0px 20px 20px 20px;

}



#news {

	padding: 0px 20px 10px 20px;

}



#news h1 {

	font-size: 14px;

	color: #333333;

	margin: 0 0 10px 0;

	padding: 0px;

}



#pinkrow {

	margin-top: 10px;

	margin-bottom: 5px;

	padding: 10px 20px 20px 20px;

	background-image: url(../images/bg-feat.jpg);

	background-repeat: repeat-x;

}



#featitem {

	background-color: #FFFFFF;

	width: 229px;

	height: 240px;

	float: left;

	margin-right: 17px;

	margin-bottom: 20px;

	padding: 10px 10px 10px 10px;

	border: solid 1px;

	border-color: #E766BA;

}



#pressrelease {

	background-color: #FFFFFF;

	width: 160px;

	height: 160px;

	float: left;

	margin-right: 19px;

	margin-bottom: 20px;

	padding: 10px 10px 10px 10px;

	border: solid 1px;

	border-color: #E766BA;

}



.featlink:link {

	color: #333;

	font-weight: bold;

	background-color: #E599CB;

	padding: 4px 8px 4px 8px;

	margin-top: 20px;

	margin-right: 10px;

	text-decoration: none;

}

.featlink:visited {

	color: #333;

	font-weight: bold;

	background-color: #E599CB;

	padding: 4px 8px 4px 8px;

	margin-top: 20px;

	margin-right: 10px;

	text-decoration: none;

}

.featlink:hover {

	color: #333;

	font-weight: bold;

	background-color: #CCCCCC;

	padding: 4px 8px 4px 8px;

	margin-right: 10px;

	margin-top: 20px;

	text-decoration: underline;

}



#footer {

	padding: 20px 20px 20px 20px;

	background-image: url(../images/bg-foot.gif);

	background-repeat: no-repeat;

	height: 150px;

}



#foot1 {

	width: 500px;

	float: left;

}



#foot2 {

	width: 340px;

	float: left;

	text-align: right;

}



#leftnum {

	width: 500px;

	float: left;

}



#rightnum {

	width: 300px;

	float: left;

	text-align: right;

}



.clearfloat {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



.ret_name {

	float: left;

	width: 190px;

	padding-left: 10px;

	height: 20px;

}

.ret_tel {

	float: left;

	width: 380px;

	text-align: center;

	height: 20px;

}

.ret_loc {

	float: left;

	width: 220px;

	text-align: center;

	height: 20px;

}

#spacer {

	float: left;

	width: 220px;

	height: 30px;

	text-align: center;

}