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

body {
	color:#555555;
	font-family:"Lucida Grande";
	font-size:12px;
	background-color:#ffffff;
	margin:0;
}


.top-sub-nav {color:#777777;
	font-family:"Lucida Grande";
	font-size:10px;
}
.top-sub-nav a:link {color: #777777; text-decoration:none;}
.top-sub-nav a:visited {color: #777777; text-decoration:none;}
.top-sub-nav a:active {color: #777777; text-decoration:none;}
.top-sub-nav a:hover {color: #777777; text-decoration:underline;}

.style8 {
	font-family: "Lucida Grande";
	font-size: 12px;
}
.style8 a:link {text-decoration:none; color:#0066CC;}
.style8 a:visited {text-decoration:none; color:#0066CC;}
.style8 a:active {text-decoration:none; color:#0066CC;}
.style8 a:hover {text-decoration:underline; color:#0066CC;}

.side-heads {
	font-family: "Lucida Grande";
	font-size: 26px;
}
.side-heads a:link {text-decoration:none; color:#555555;}
.side-heads a:active {text-decoration:none; color:#555555;}
.side-heads a:visited {text-decoration:none; color:#555555;}
.side-heads a:hover {text-decoration:underline; color:#555555;}
.main-heads2 {
	font-family: "Lucida Grande";
	font-size: 20px;
}
.main-heads {
	font-family: "Lucida Grande";
	font-size: 40px;
}
.side-nav {
	font-family: "Lucida Grande";
	font-size: 12px;
	color:#757575;
}
.side-nav a:link {text-decoration:none; color:#757575;}
.side-nav a:visited {text-decoration:none; color:#757575;}
.side-nav a:active {text-decoration:none; color:#757575;}
.side-nav a:hover {text-decoration:underline; color:#757575;}

.blog {
	font-family: "Lucida Grande";
	font-size: 12px;
	color:#757575;
}
.blog a:link {text-decoration:none; color:#0066cc; font-size:14px}
.blog a:visited {text-decoration:none; color:#0066cc; font-size:14px}
.blog a:active {text-decoration:none; color:#0066cc;font-size:14px }
.blog a:hover {text-decoration:underline; color:#0066cc; font-size:14px}
.backgrounds {background-repeat:repeat-y}
.backgrounds_right {background-repeat:repeat-y; background-position:right;}

img.floatleft {
	float:left;
	margin-right:15px;
	margin-top:3px;
	margin-bottom: 5px;
}

.askcarl {
	width: 230px;
	background: #F0F0F0;
	float: right;
	padding: 20px;
	margin-left:30px;
	margin-top:3px;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
}

.invitecarl {
	width: 535px;
	background: #F0F0F0;
	float: none;
	padding: 20px;
	margin-top:3px;
	border: 1px solid #CCCCCC;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 80%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
	color: #0066CC;
	text-decoration: none;
}

#example3 hover{ /*CSS specific to demo 3*/
	text-decoration: underline;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 850px;
height: 25px;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}