/* CSS Document */

body {
	background-image: url(../images/greenBluegreenVline.jpg);
	background-repeat: repeat;
	padding-top: 2em;
	color: #330066;
	margin-right: .5em;
}

#canvas {
	width: 100%;
}

#navigation {
	text-align: center;
	width: 100%;
}

.nav {
     padding: 2px 2px 2px 2px;
	 margin-left: .1em;
	 margin-right: .1em;
}


p {
	text-indent: 2em;
}


#banner {
	text-align: center;
	border: thin solid #FF00FF;
}


#bodyText {
	text-align: left;
    width: 100%;
}

#button1 {
     float: left;
	 border: thin solid #FF0000;
	 padding: 5px 5px 5px 5px;
}

#button2 {
     float: left;
	 border: thin solid #FF0000;
	 padding: 5px 5px 5px 5px;
}


#button3 {
     float: left;
	 border: thin solid #FF0000;
	 padding: 5px 5px 5px 5px;
}

.buttonsp {
      position: relative;
      width: 5px;
	  height: 20px;
}

.sideBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: left;
	width: 100%;
#	float:left;
	font-size: 12px;
	color:#663300;
}

/* top, right, bottom, left  */
#sb1 {
	padding: 0px 0px 3px 8px;
}

#sb2 {
	padding: 12px 0px 3px 8px;
}

#sb3 {
	padding: 12px 0px 3px 8px;
}

#sb4 {
    text-align: center;
	#display: none;
}

.pict {
	border: 2px solid #330066;
}

.persona {
	display: none;
}

#spacer {
    width: 20px;
    float: left;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
   #facebook { display: none; visibility: hidden; }
}