/* VBA and UDT Stylesheet */

/* /////////////// basic elements /////////////// */

body {
margin:0;
padding:0;
font:75%/1.4 verdana,Helvetica,sans-serif;
background-image:url(../images/body_bg.gif);
text-align:center;
}

h1,h2,h3 span {
display:none;
}

h4 {
height:25px; /* original height 39px */
margin:0;
padding:12px 10px 2px 17px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
color:#454545;
}

h5 {
height:25px; /* original height 39px */
margin:0;
padding:12px 10px 2px 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
color:#454545;
}

p {margin:0;padding:0;}

acronym {
border:none;
}

a {
color:#5a768a;
text-decoration:underline;
}

a:hover, a:hover {
color:#FC7AD5;
}

a.bioLink {
font-size: .8em;
color:#5a768a;
text-decoration:underline;
}

a:hover.bioLink, a:hover.bioLink {
color:#FC7AD5;
}


/* ////////////// layout ///////////////// */

#container {
width:772px;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(../images/bg.gif) repeat-x #dfdfdf;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#454545;
text-align:left;
}

#container2 {
width:772px;
height: 1000px;
margin:0 auto;
padding:0 13px;
position:relative;
background:url(../images/bg.gif) repeat-x #dfdfdf;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
color:#454545;
text-align:left;
}

table .pink {
	color: #FF33CC;
}
table .blue {
	color: #6699FF;
}
table .royal {
	color: #0033FF;
}
table .burgundy {
	color: #990000;
}
table .black {
	color: #000000;
}
table .navy {
	color: #000099;
}
table .red {
	color: #FF0000;
}

#pageHeader {
width:772px;
height:179px;
background:url(../images/header_vba_udt2.jpg);
}

#homelink {
	float: right;
	width: 45px;
	margin: 5px 0 0 0;
	padding: 0 12px 0 0;
	background: none;
}
#homelink ul {
	margin:0;
	padding:0;
}

#homelink li {
	list-style-type: none;
	font-weight: bold;
	text-align: right;
	display: block;
}

#homelink li a {
	text-decoration: none;
	color: #3F6681;
}

#homelink li a:hover{
	text-decoration:underline;
	color: #D91C88;
}

#section1, #section2, #section3 {
width:546px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 0 2px 226px;
color:#454545;
display:block;
padding:0;
}

#section4 {
width:758px;
height:775px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 7px 20px 7px;
color:#454545;
display:block;
padding:0;
}

#section4 h6.archives {
height:25px; /* original height 39px */
margin:0;
padding:12px 10px 2px 17px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
color:#454545;
display:block;
}

#footer {
width:183px;
margin:20px 0 0 0 ;
text-align:left;
padding:0 12px 0px 12px;
}

#footer p {
margin:0;
padding: 0;
font-size: .7em;
line-height: 120%;
}

#linkList {
position:absolute;
top:179px;
left:20px;
width:207px;
}

#lselect, #larchives, #lresources {
margin:0 0 2px 0;
}

#section1 p span, #section2 p span, #section3 p span {
margin: 0;
padding:0 17px 10px 17px;
display:block;
}

#section4 p span {
margin: 0;
padding:10px 17px 0 17px;
display:block;
}

.question {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	color: #35576F;
}

.guest {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0 10px;
	padding: 0;
	color: #35576F;
}

#section3 p span.list {
	font-size:.9em;
	color:#35576F;
	padding:0 17px 10px 34px;
	display:block;
}

#section2 p span.list {
	font-size:.9em;
	color:#35576F;
	padding:0 17px 10px 34px;
	display:block;
}

#pixLeft {
	float: left;
	width: 160px;
	margin: 12px 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_noTop {
	float: left;
	width: 160px;
	margin: 0 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_small {
	float: left;
	width: 72px;
	margin: 0 10px 5px 0;
	padding:0 0 0 17px;
	border:none;
}

#pixLeftA {
	float: left;
	width: 160px;
	margin: 20px 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeftB {
	float: left;
	width: 300px;
	margin: 15px 10px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft1 {
	float: left;
	width: 300px;
	margin: 12px 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft1a {
	float: left;
	width: 310px;
	margin: 0 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_top {
	float: left;
	width: 160px;
	margin: 0 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_top2 {
	float: left;
	width: 160px;
	margin: 0 7px 20px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_top3 {
	float: left;
	width: 210px;
	margin: 0 0 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_top4 {
	float: left;
	width: 170px;
	margin: 0 7px 15px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft2 {
	float: left;
	width: 150px;
	margin: 0 7px 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_full {
	float: left;
	width: 528px;
	margin: 0 0 5px 0;
	background-color:#ffffff;
	padding:0 0 0 10px;
	border:none;
}

#pixLeft_full1 {
	width: 502px;
	margin: 0 0 10px 2px;
	background-color:#ffffff;
	padding:0;
	border:none;
}

#pixLeft_full2 {
	float: left;
	width: 510px;
	margin: 0 0 5px 20px;
	background-color:#ffffff;
	padding:0 4px 0 0;
	border:none;
}

#section1 p.pix, #section2 p.pix, #section3 p.pix {
	font: bold .8em/normal Arial, Helvetica, sans-serif;
	color: #5a768a;
	text-align: center;
	background-image: none;
	border: 1px dotted #5a768a;
	padding: 2px 5px 4px 5px;
	margin: 0 10px 0 0;
}

#section2 p.pix2 {
	font: bold .8em/normal Arial, Helvetica, sans-serif;
	width: 126px;
	color: #5a768a;
	text-align: center;
	background-image: none;
	border: 1px dotted #5a768a;
	padding: 2px 5px 4px 5px;
	margin: 6px 8px 0 0;
}

#section2 p.pix3 {
	font: bold .8em/normal Arial, Helvetica, sans-serif;
	width: 288px;
	color: #5a768a;
	text-align: center;
	background-image: none;
	border: 1px dotted #5a768a;
	padding: 2px 5px 4px 5px;
	margin: 6px 8px 0 0;
}

#section2 p.pix4 {
	font: bold .8em/normal Arial, Helvetica, sans-serif;
	width: 228px;
	color: #5a768a;
	text-align: center;
	background-image: none;
	border: 1px dotted #5a768a;
	padding: 2px 5px 4px 5px;
	margin: 8px 8px 12px 0;
}

#pixRt {
	float: right;
	width: 160px;
	margin: 12px 0 5px 10px;
	padding:0 8px 0 0;
	border:none;
}

#pixRt1d {
	float: right;
	width: 160px;
	margin: 0 0 5px 10px;
	padding:0 8px 0 0;
	border:none;
}

#pixRtA {
	float: right;
	width: 138px;
	margin: 12px 10px 5px 10px;
	padding:0 8px 0 0;
	border:none;
}

#pixRt1 {
	float: right;
	width: 170px;
	margin: 12px 0 5px 10px;
	padding:0 8px 0 0;
	border:none;
}

#pixRt1a {
	float: right;
	width: 190px;
	margin: 18px 0 5px 31px;
	padding:0 8px 0 0;
	border:none;
}

#pixRt1a2 {
	float: right;
	width: 200px;
	margin: 8px 0 5px 10px;
	padding:0 8px 0 0;
	border:none;
}

#pixRt1b {
	float: left;
	width: 210px;
	margin: 2px 0 12px 10px;
	padding:0 0 0 0;
	border:none;
}

#pixRt1c {
	float: right;
	width: 210px;
	margin: 2px 7px 12px 0;
	padding:0 0 0 0;
	border:none;
}

#pixRt2 {
	float: right;
	width: 160px;
	margin: 0 16px 5px 10px;
	padding:0;
	border:none;
}

#pixRt2a {
	float: right;
	width: 340px;
	margin: 0 16px 15px 10px;
	padding:0;
	border:none;
}

#pixRt2b {
	float: right;
	width: 300px;
	margin: 0 7px 15px 10px;
	padding:0;
	border:none;
}

#pixRt3 {
	float: right;
	width: 170px;
	margin: 0 0 20px 10px;
	padding:0 8px 0 0;
	border:none;
}

#pixRt4 {
	float: right;
	width: 250px;
	height:190px;
	margin: 10px 10px 0 10px;
	padding:0 0 0 0;
	border:none;
	background:url(../images/240x180swf_base.jpg) top left no-repeat;
}

#pixRt4a {
	float: right;
	width: 250px;
	height:190px;
	margin: 18px 10px 30px 10px;
	padding:0 0 8px 0;
	border:none;
	background:url(../images/240x180swf_base.jpg) top left no-repeat;
}

#movie {
	width:240px;
	height:180px;
	margin:0;
	padding:0 0 0 0;
	border:0;
	top:0px;
	left:0px;
}

#linkList li {
list-style:none;
padding:6px 0 10px 0;
background:url(../images/line.gif) bottom repeat-x;
}

#linkList li a {
padding-left:7px;
background:url(../images/link.gif) left center no-repeat;
text-decoration:none;
}

#linkList li a.adobe{
padding-left:0;
background:none;
text-decoration:none;
}

#linkList li a:hover {
text-decoration:underline;
}

#section1 .p2 span {
padding-bottom:20px;
background:url(../images/right_bottom.gif) bottom no-repeat;
}

#lselect li a {
width:165px;
display:block;
font-weight:bold;
background-position:0 0.6em;
}

* html #lselect li a { zoom: 1;}

#lselect .c {
width:165px;
display:block;
color:#666666;
padding:0 0 0 7px;
background:none;
background-color:#ffffff;
}

#map {
	width: 508px;
	height: 525px;
	margin: 12px 21px 12px 15px;
	border: 1px dotted #454545;
}

#map1 {
	width: 508px;
	height: 675px;
	margin: 12px 21px 12px 15px;
}

#map1a {
	width: 508px;
	height: 235px;
	margin: 12px 21px 12px 15px;
}

#map2 {
	width: 500px;
	height: 680px;
	margin: 12px 25px 12px 19px;
}

#summer_calendar {
	width: 500px;
	height: 310px;
	margin: 12px 25px 12px 19px;
}

#calendar {
	width: 500px;
	height: 530px;
	margin: 12px 25px 12px 19px;
}

#summer_camps {
	width: 500px;
	height: 910px;
	margin: 12px 25px 12px 19px;
}

#summer_camps1 {
	width: 500px;
	height: 525px;
	margin: 12px 25px 12px 19px;
}

#summer_camps2 {
	width: 500px;
	height: 525px;
	margin: 12px 25px 12px 19px;
}

#summer_class {
	width: 500px;
	height: 520px;
	margin: 12px 25px 12px 19px;
}

#feedback {
	float: left;
	margin:0;
	padding:0;
}	

#subForm2 {
	width: 508px;
	height: 228px;
	font-size: .9em;
}

#subForm2 .pF {
	background-image:none;
	background-color:#ffffff;
	display:block;
	margin:3px 0 12px 0;
}

#subForm2 .lable {
	float: left;
	width: 118px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 6px;
	margin-top: 2px;
	color: #35576F;
	text-align: right;
	font-weight: bold;
	clear: left;
}

input#name, input#client, input#user, input#password {
	background-color: #FFFFCA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #35576F;
	width: 88px;
	margin-top: -2px;
}

input#user2 {
	background-color: #FFFFCA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #35576F;
	width: 200px;
	margin-top: -2px;
}

input#subject {
	background-color: #FFFFCA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #35576F;
	width: 350px;
	margin-top: -2px;
}

textarea#textarea {
	background-color: #FFFFCA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #35576F;
	width: 350px;
	margin-top: -2px;
}

select#to_address {
	background-color: #FFFFCA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #35576F;
	width: 170px;
	margin-top: -2px;
}

input#name:focus, input#client:focus, input#user:focus, input#user2:focus, input#subject, textarea#textarea, select#to_address, input#password:focus {
	background-color: #FFFFCA;
}

* html input#name, input#client, input#user, input#user2, input#subject, textarea#textarea, select#to_address, input#password {
	zoom: 1;
}

#schedule {
	width:508px;
	margin:0;
	padding:0;
}

#schedule p {
	margin: 0;
	padding: 2px 4px;
	font-weight:bold;
}

#schedule p.punch {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight:bold;
	line-height:110%;
}

#schedule td.times {
	margin: 0;
	padding: 0;
	font-size: .9em;
}

#schedule td.events {
	margin: 0;
	padding: 0 0 0 3px;
	font-size: .9em;
}

#schedule td.times2 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: .9em;
	font-weight:bold;
}

#schedule .white{
	color:#ffffff;
}

#schedule span {
	font-size: .8em;
}

#slideshow {
float: left;
width: 746px;
margin: 12px 0 20px 3px;
padding: 0 0 0 0;
}

#archive_copyArea {
margin: 0;
padding: 0;
}

#footer a{
text-decoration:none;
color:#888888;
background-color:#dfdfdf;
border:1px solid #bdbdbd;
padding:1px 2px 2px 2px;
height:100%;
}

#footer a:hover{
background-color:#ebebeb;
color:#777777;
}

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{display:none;}


/* ///////////// background image ////////////// */

/* right image */
#section1 p, #section2 p, #section3 p {
background:url(../images/right_bg.gif) right repeat-y;
}

#section2 ul, #section3 ul {
	font-weight:bold;
	margin: 0 0 20px 17px;
	padding: 0;
}

#schedule ul {
	font-weight:bold;
	margin: 8px 0;
	padding: 0;
}

#section2 ul li, #section3 ul li, #schedule ul li {
	font-weight:bold;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#section2 ul.bullet {
	font-size: .9em;
	color: #35576F;
	font-weight:normal;
}

#section2 ul li.bullet {
	font-weight:normal;
	list-style-type:disc;
}

#section2 a, #section3 a, #schedule a {
	font-weight:bold;
	text-decoration:none;
}

#section2 a:hover, #section3 a:hover, #schedule a:hover {
	font-weight:bold;
	text-decoration:underline;
}

#lselect, #larchives, #lresources {
background:url(../images/left_bg.gif) repeat-y;
}

/* side image */
#section1 {background-image:url(../images/graphic_vba_intro.gif);background-position:left bottom;}
#section2 {background-image: url(../images/graphic_vba_overview.gif);background-position:right bottom;}
#section3 {background-image:url(../images/graphic_udt_overview.gif);background-position:left bottom;}

#head {
	margin: 0;
	padding: 0;
	background-image: url(../images/header_vba.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/* h4 image */
#lselect h4 {background:url(../images/title_about_us2.gif) no-repeat;}
#larchives h4 {background:url(../images/title_archives.gif) no-repeat;}
#lresources h4 {background:url(../images/title_resources.gif) no-repeat;}

/* bottom image */
#section2 .p3 span, #section3 .p4 span {
padding-bottom:20px;
background:url(../images/right_bottom.gif) bottom no-repeat;
}

#section2 .p2 span {
margin: 0;
padding:0 17px 10px 17px;
display:block;
}

#lselect ul {
margin:0;
padding:0 25px 20px 10px;
background:url(../images/left_bottom.gif) bottom no-repeat;
}

#larchives ul, #lresources ul {
margin:0;
padding:0 25px 20px 17px;
background:url(../images/left_bottom.gif) bottom no-repeat;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatR { 
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}