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

body {
	margin:0 auto;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	line-height:150%;
	text-align:center;
	color:#000000;
	/*background:url(/lydia2009/images/background.gif) repeat-y;*/
}
#wrapper {
width:1200px;
}
a:link {
	color: #a8042b;
}
a:visited {
	color: #2e1d7c;
}


#left-col {
	float:left;
	width:222px;
	margin-top:102px;
	margin-left:78px;
	}
	
#center-col {
	float:left;
	width:350px;
	background-color:#ffcc33;
	}
#right-col {
	float: left;
	width: 320px;
	margin-top:198px;
	background-color:#dddbe7;
	}
#content {
	text-align:left;
	padding:20px;
}	
#main-home {
	margin:80px 0 0 0;
	text-align: left;
}
	#main-content {
	margin:80px 0 0 0;
	text-align: left;
	padding:20px;
	background-color:#fdde71;
}
	
#nav {
	margin-top: 40px;
}
#footer {
	text-align: left;
	font-size: 70%;
	margin-top: 100px;
	padding-left: 10px;
}

p { font-size:75%; margin:0 0 10px 0 } /* 16 x 0.75 = 12 */
h1 { font-size:112.5%; margin:0 0 8px 0 } /* 16 x 1.125 = 18 */
h2 { font-size:87.5%; margin:0 0 8px 0 } /* 16 x 0.875 = 14 */
h3 { font-size:75%; margin:0 0 8px 0 } /* 16 x 0.75 = 12 */
h4 { font-size:68.75%; margin:0 0 8px 0 } /* 16 x 0.6875 = 11 */

h1.sub { color:#a8042b;}
span.sub { color:#a8042b; font-weight: bold;}


.video-wrapper {
	margin: 30px 0 20px 0;
}

/*
-----------------------------------------------------------------------------
COMMON CSS
-----------------------------------------------------------------------------
*/
img {
	border: 0;
	}

.right {
	float:right;
	margin-left:10px;
}
.left {
	float:left;
	margin-right: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;a:link {
}