/* SeniorNet CSS Document */

*{margin: 0; padding: 0;}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(SNImages/bg.jpg);
}
#mainwrapper {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	border: 2px solid #435391;
	background-image: url(SNImages/mainbck.gif);
	margin-bottom: 25px;
}

#header {
	height: 163px;
	padding-bottom: 5px;
	padding-right: 5px;
}

#header a {
	text-decoration: none;
}

#header h2 {
	background-image: url(SNImages/tom2c.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 215px;
	position: absolute;
	top: -20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header h2 span {
	visibility: hidden;
}

#header span {

}
#header .logo {
	margin-top: -138px;
	margin-left: 315px;
}

#header h3 {
	color: #000;
	text-align: right;
	font-size: 10px;
	padding-top: 135px;
	padding-right: 11px;
}
#header h3 a {
	color: #0E2A56;
}
#header h3 span {
	visibility: hidden;
}


#header .HdrSnLogo {
	background-image: url(SNImages/FtrSNLogo.png);
	background-repeat: no-repeat;
	background-position: right 115px;
}

#nav {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #42528E;
	border-bottom-color: #42528E;
	height: 30px;
	background-image: url(SNImages/SNnavbck2.jpg);
	padding-top: 3px;
}
#nav ul {
	text-align: center;
}

#nav li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 16px;
}
#nav li a {
	color: #003;
	text-decoration: none;
	font-weight: bold;
}
#nav li a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
#nav li a.current, li a.current:hover, li a.current:active {
	cursor: default;
	color: #FFF;
}
/*#mainbody .email a {
	text-decoration: underline;
	color: #003;
	font-weight: normal;
}
#mainbody .email a:hover {
	font-weight: bold;
}
*/#mainbody {
	padding-right: 8px;
	padding-left: 8px;
	font-size: 16px;
	font-style: italic;
}
#mainbody h1 {
	font-size: 20px;
	text-align: left;
	padding-bottom: 5px;
	color: #003;
	padding-top: 25px;
}
#mainbody p {
	padding-right: 8px;
	padding-left: 8px;
	color: #003;
	font-size: 16px;
	font-style: italic;
}
#mainbody a {
	text-decoration: underline;
	color: #003;
	font-weight: normal;
}
#mainbody a:hover {
	font-weight: bold;
	color: #003;
}

#HomeBdy img {
	float: right;
}
#TomWarner {
	border: 1px solid #003;
	float: right;
	width: 425px;
	background-color: #435391;
	color: #FFF;
	margin-top: 10px;
	margin-left: 5px;
}
#TomWarner #TomWarnerInner {
	border: 2px solid #FFF;
	padding: 2px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
}

#TomWarner h2 {
	font-size: 18px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 10px;
	font-style: italic;
	color: #88CCD5;
}
#TomWarner p {
	font-style: italic;
	color: #88CCD5;
}
#TomWarner img {
	float: right;
	margin-bottom: 10px;
}
#ScheduleBdy h1 {
	text-align: center;
	color: #003;
}
#ScheduleBdy h1 span {
	color: #F00;
}
#ScheduleBdy h2 {
	color: #003;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin-top: -8px;
	padding-top: 3px;
}
#ScheduleBdy h2 strong img {
	margin-bottom: -75px;
	margin-top: -20px;
	padding-bottom: 5px;
	float: left;
}

#ScheduleBdy table {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #003;
	border-collapse:collapse;
	margin-bottom: 25px;
	font-size: 14px;
}
#ScheduleBdy table caption {
	font-weight: bold;
	color: #003;
	font-size: 120%;
	padding-top: 25px;
	padding-bottom: 15px;
}


#ScheduleBdy table th {
	color: #003;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(SNImages/SNnavbck2.jpg);
	border: 1px solid #003;
}
#ScheduleBdy table td {
	padding-right: 5px;
	padding-left: 5px;
	color: #003;
	border: 1px solid #003;
}
#ScheduleBdy td.date {
	text-align: center;
	width: 98px;
}
#ScheduleBdy td.time {
	text-align: center;
	width: 94px;
}
#ScheduleBdy td.week {
	text-align: center;
	width: 70px;
}
#ScheduleBdy p {
	padding-left: 60px;
	font-size: 85%;
}
~~~~~~~~~~~~~~~~~~~~~~~~~
#WkshpNext h1 {
	text-align: center;
	color: #003;
}
#WkshpNext h1 {
	text-align: center;
}
#WkshpNext h1 span {
	color: #F00;
}

#WkshpNext h2 {
	color: #003;
	text-align: left;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin-top: -8px;
	padding-top: 5px;
	padding-left: 25px;
}
#WkshpNext h2 strong img {
	margin-bottom: -75px;
	margin-top: -20px;
	padding-bottom: 5px;
	float: left;
}
#WkshpNext ul {
	margin-left: 75px;
	font-size: 16px;
	font-style: italic;
	padding-top: 5px;
	background-image: url(file:///C|/Users/Jaycita/WebPageStuff/Gifs/ShowLetter.gif);
	background-repeat: no-repeat;
	background-position: 500px center;
}

#WkshpNext table {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #003;
	border-collapse:collapse;
	margin-bottom: 25px;
	font-size: 95%;
}
#WkshpNext table caption {
	font-weight: bold;
	color: #003;
	font-size: 120%;
	padding-top: 25px;
	padding-bottom: 15px;
}


#WkshpNext table th {
	color: #003;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(SNImages/SNnavbck2.jpg);
	border: 1px solid #003;
}
#WkshpNext table td {
	padding-right: 5px;
	padding-left: 5px;
	color: #003;
	border: 1px solid #003;
}
#WkshpNext td.date {
	text-align: center;
	width: 98px;
}
#WkshpNext td.time {
	text-align: center;
	width: 94px;
}
#WkshpNext td.week {
	text-align: center;
	width: 70px;
}
#WkshpNext p {

}


~~~~~~~~~

#form h1 {
	color: #003;
	text-align: center;
	padding-top: 25px;
}

#WkshpNext .CheckBackBox {
	width: 90%;
	border: 1px solid #03C;
	text-align: center;
	margin-left: 40px;
}
#WkshpNext .CheckBackBox p {
	font-size: 110%;
	font-style: italic;
}
#WkshpNext .CheckBackBox p span {
	color: #F00;
}
#WkshpNext .Location p {
	font-size: 90%;
	text-align: center;
}
#PhotoGal h1 {
	text-align: center;
	padding-bottom: 5px;
}





form {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	padding-right: 5px;
	padding-left: 5px;
}
form p {
	margin-left: 15px;
}

fieldset {
	padding-bottom: 10px;
	padding-top: 10px;
}
legend {
	font-weight: bold;
	color: #003;
}

label {
	padding-top: 10px;
	color: #003;
}

#membership {
	margin-bottom: 10px;
}



.radioLabel {
	padding-right: 15px;
	color: #003;
}
#contactinfo {
	padding-top: 10px;
}


#contactinfo label{
	line-height: 35px;


}
#contactinfo #phone {
	margin-left: 31px;
}



#SNClasses {
	padding-top: 10px;
}
#SNClasses label {
	font-weight: bold;
}
#feedback {
	padding-top: 10px;
}
#submit {
	background-image: url(SNnavbck2.jpg);
	margin-left: 360px;
	color: #FFF;
	border: 1px solid #435391;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 105%;
}
#submit:hover {
	color: #003;
}

#ThanksMsg {
	color: #000;
}
#ThanksMsg p {
	color: #003;
}

#classCosts {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #003;
}
#moreInfo {
	text-align: center;
	padding-top: 25px;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#moreInfo  span {
	font-weight: bold;
}

#RussInfo {
	text-align: left;
	width: 250px;
	float: left;
	padding-left: 40px;
}
#EliseInfo {
	text-align: left;
	float: left;
	width: 290px;
	padding-bottom: 10px;
}
#WkshpNext #moreInfo {
	padding-top: 0px;
}


#OuterMouse {
	background-image: url(SNImages/mouse-mouse.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 10px;
	margin-bottom: 8px;
	border: 1px solid #435391;
}
#OuterMouse h1 {
	text-align: center;
}


#MousePractice {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
}
#MousePractice ul {
	padding-left: 25px;
	font-size: 110%;
	list-style-type: none;
}
#MousePractice li {
	padding-left: 35px;
	background-image: url(SNImages/arrw08_02a.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
	padding-top: 10px;
}
#MousePractice a {
	text-decoration: none;
}
#MousePractice a:hover {
	font-weight: normal;
	color: #435391;
}


#MousePractice li span {
	visibility: hidden;
}

#OuterWord {
	background-image: url(SNImages/WordLogo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 10px;
	margin-bottom: 8px;
	border: 1px solid #435391;
}
#OuterWord h1 {
	text-align: center;
}


#Word {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 35px;
}
#Word ul {
	padding-left: 25px;
	font-size: 110%;
	list-style-type: none;
}
#Word li {
	padding-left: 35px;
	padding-top: 10px;
}
#Word li li {
	list-style-type: none;
	padding-top: 0px;
	margin-left: -25px;
	list-style-position: inside;
	font-size: 85%;
}

#Word a {
	text-decoration: none;
}
#Word a:hover {
	font-weight: normal;
	color: #435391;
}


#Word li span {
	visibility: hidden;
}

#OpenLab {
	width: 95%;
	padding-bottom: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #003;
	background-color: #435391;
	margin-top: 25px;
}
#OpenLab h1 {
	text-align: center;
	color: #FFF;
	margin-top: -15px;
}
#OpenLab P {
	color: #FFF;
	font-weight: bold;
}
#EmailSafetyTips {
	margin-top: 25px;
}
#EmailSafetyTips li {
	list-style-position: inside;
	color: #003;
}
#EmailSafetyTips ul {
	margin-left: 25px;
	padding-bottom: 25px;
}


#footer {
	clear: both;
	height: 35px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #435391;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 10px;
	background-image: url(SNImages/SNftrbck2.gif);
	background-position: top;
}
#footer p {
	font-weight: bold;
	text-align: center;
	color: #003;
	font-size: 16px;
}
#footer a {
	text-decoration: underline;
	color: #003;
}
#footer a:hover {
	color: #FFF;
}
.clear {
	clear: both;
}