@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
				max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
/*.ie6 img {
				width: 100%;
}*/
/*a, a.link, a:hover, a:active, a:visited {
				color: inherit;
				text-decoration: none;
				cursor: pointer;
				box-shadow: none;
				color: #FFF;																
}
body, a { color:#0066FF; }*/
/* Mobile Layout: 480px and below. */
label.label input[type="file"] {
				position: absolute;
				top: -1000px;
}
.label {
				cursor: pointer;
				border: 1px solid #cccccc;
				border-radius: 5px;
				padding: 5px 15px;
				margin: 5px;
				width: 60%;
				background: #25AAE1;
				display: inline-block;
				font-family: ArchitectsDaughter;
				text-align: center;
				color: #FFF;
}
.label:hover {
				background: #5cbd95;
}
.label:active {
				background: #9fa1a0;
}
 .label:invalid + span {
 color: #000000;
}
 .label:valid + span {
 color: #ffffff;
}
.gridContainer {
				margin-left: 1%;
				margin-right: 1%;
				width: 98%;
				font-family: ArchitectsDaughter;
				text-align: center;
}
#MenuBar {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
				background-color: #25AAE1;
				line-height: 28px;
}
#Home {
				clear: both;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 9px;
				color: #FFF;
}
#Author {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 9px;
				color: #FFF;
}
#Books {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 9px;
				color: #FFF;
}
#Photos {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 9px;
				color: #FFF;
}
#ContactUs {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 9px;
				color: #FFF;
}
#PageTitle {
				clear: both;
				float: left;
				margin-top: 1.5%;
				margin-bottom: 1.5%;
				margin-left: 0;
				width: 98%;
				display: block;
				text-align: center;
				color: #C11515 !important;
				font-size: small;
				font-weight: bold;
}
#GridContent {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
}
#GridContentDetail {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
}
#GridContentDetailTable {
				clear: both;
				float: left;
				margin-left: 2.5%;
				width: 97.5%;
				display: block;
}
#Footer {
				clear: both;
				float: left;
				margin-right: 17.3%;
				margin-left: 15.7%;
				margin-top: 5%;
				width: 66%;
				text-align: center;
				color: #C11515 !important;
				font-size: 6px;
				font-weight: bold;
}
div#Book1Link1 {
				clear: both;
				float: left;
				margin-left: 38%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link2 {
				clear: both;
				float: left;
				margin-left: 25%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link3 {
				clear: both;
				float: left;
				margin-left: 31%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link4 {
				clear: both;
				float: left;
				margin-left: 33%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link1 {
				clear: both;
				float: left;
				margin-left: 34%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link2 {
				clear: both;
				float: left;
				margin-left: 31%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link3 {
				clear: both;
				float: left;
				margin-left: 31%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link4 {
				clear: both;
				float: left;
				margin-left: 31%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link1 {
				clear: both;
				float: left;
				margin-left: 34%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link2 {
				clear: both;
				float: left;
				margin-left: 21%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link3 {
				clear: both;
				float: left;
				margin-left: 28%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link4 {
				clear: both;
				float: left;
				margin-left: 31%;
				display: block;
				font-size: 7px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
#AdminLink {
				width: 104px;
				height: 23px;
				margin-left: 70%;
				margin-top: -1%;
				font-size: 7px !important;
}
#GuestLink {
				width: 104px;
				height: 23px;
				margin-left: 75%;
				margin-top: -1%;
				font-size: 7px !important;
				tabindex:9999;
}
#HeaderColoring {
				float: left;
				clear: both;
				position: relative;
				margin-top: 5%;
				margin-left: 45%;
				margin-bottom: 5%;
				width: 0%;
				white-space: nowrap;
				display: block;
				font-weight: bold;
				font-size: small;
				text-align: center;
				color: #C11515;
}
#FileUpload {
				margin-top: 2%;
				margin-left: -8%;
				margin-bottom: 5%;
				font-size: 15px !important;
}
#JpgOnly {
				width: 50%;
				margin-top: 3%;
				margin-left: 0.5%;
				font-size: 15px !important;
				text-align: center;
}
#MediaOnly {
				width: 100%;
				margin-top: 3%;
				margin-left: 0.5%;
				font-size: 15px !important;
				text-align: center;
}
#FileSelect {
				margin-top: 2%;
				margin-left: -8%;
				font-size: 15px !important;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
				margin-left: 1%;
				margin-right: 1%;
				width: 98%;
				font-family: ArchitectsDaughter;
				text-align: center;
}
#MenuBar {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
				background-color: #25AAE1;
				line-height: 33px;
}
#Home {
				clear: both;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 11px;
				color: #FFF;
}
#Author {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 11px;
				color: #FFF;
}
#Books {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 11px;
				color: #FFF;
}
#Photos {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 11px;
				color: #FFF;
}
#ContactUs {
				clear: none;
				float: left;
				width: 17.9%;
				display: block;
				font-size: 11px;
				color: #FFF;
}
#PageTitle {
				clear: both;
				float: left;
				margin-top: 1.5%;
				margin-bottom: 1.5%;
				margin-left: 0;
				width: 98%;
				display: block;
				text-align: center;
				color: #C11515 !important;
				font-size: large;
				font-weight: bold;
}
#GridContent {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
}
#GridContentDetail {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
}
#GridContentDetailTable {
				clear: both;
				float: left;
				margin-left: 2.5%;
				width: 97.5%;
				display: block;
}
#Footer {
				clear: both;
				float: left;
				margin-right: 10%;
				margin-left: 10%;
				width: 78%;
				text-align: center;
				color: #C11515 !important;
				font-size: 11px;
				font-weight: bold;
}
div#Book1Link1 {
				clear: both;
				float: left;
				margin-left: 34%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link2 {
				clear: both;
				float: left;
				margin-left: 21%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link3 {
				clear: both;
				float: left;
				margin-left: 27%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link4 {
				clear: both;
				float: left;
				margin-left: 28.5%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link1 {
				clear: both;
				float: left;
				margin-left: 39%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link2 {
				clear: both;
				float: left;
				margin-left: 36%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link3 {
				clear: both;
				float: left;
				margin-left: 35.5%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link4 {
				clear: both;
				float: left;
				margin-left: 35.5%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link1 {
				clear: both;
				float: left;
				margin-left: 39%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link2 {
				clear: both;
				float: left;
				margin-left: 28%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link3 {
				clear: both;
				float: left;
				margin-left: 32%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link4 {
				clear: both;
				float: left;
				margin-left: 36%;
				display: block;
				font-size: 11px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
#AdminLink {
				width: 104px;
				height: 23px;
				margin-left: 75%;
				margin-top: -1%;
				font-size: 11px !important;
}
#GuestLink {
				width: 104px;
				height: 23px;
				margin-left: 75%;
				margin-top: -1%;
				font-size: 11px !important;
}
#HeaderColoring {
				float: left;
				clear: both;
				position: relative;
				margin-top: 5%;
				margin-left: 45%;
				margin-bottom: 5%;
				width: 0%;
				white-space: nowrap;
				display: block;
				font-weight: bold;
				font-size: medium;
				text-align: center;
				color: #C11515;
}
#FileUpload {
				margin-top: 2%;
				margin-left: -8%;
				margin-bottom: 5%;
				font-size: 15px !important;
}
#JpgOnly {
				width: 50%;
				margin-top: 2%;
				margin-left: 0.5%;
				font-size: 15px !important;
				text-align: center;
}
#FileSelect {
				margin-top: 2%;
				margin-left: -8%;
				font-size: 15px !important;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
				margin-left: 1%;
				margin-right: 1%;
				width: 98%;
				font-family: ArchitectsDaughter;
				text-align: center;
				color: #9ED8EE;
}
#MenuBar {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
				background-color: #25AAE1;
				color: #FFF !important;
				line-height: 35px;
}
#Home {
				clear: both;
				float: left;
				width: 19.99%;
				display: block;
				font-size: 15px;
				text-decoration: none !important;
				color: #FFF !important;
}
#Author {
				clear: none;
				float: left;
				width: 19.99%;
				display: block;
				font-size: 15px;
				text-decoration: none !important;
				color: #FFF !important;
}
#Books {
				clear: none;
				float: left;
				width: 19.99%;
				display: block;
				font-size: 15px;
				text-decoration: none !important;
				color: #FFF !important;
}
#Photos {
				clear: none;
				float: left;
				width: 19.99%;
				display: block;
				font-size: 15px;
				text-decoration: none !important;
				color: #FFF !important;
}
#ContactUs {
				clear: none;
				float: left;
				width: 19.99%;
				display: block;
				font-size: 15px;
				color: #FFF !important;
				text-decoration: none !important;
}
#PageTitle {
				clear: both;
				float: left;
				margin-top: 1.5%;
				margin-bottom: 1.5%;
				margin-left: 0;
				width: 98%;
				display: block;
				text-align: center;
				color: #C11515 !important;
				font-size: xx-large;
				font-weight: bold;
}
#GridContent {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
}
#GridContentDetail {
				clear: both;
				float: left;
				margin-left: 0;
				width: 98%;
				display: block;
}
#GridContentDetailTable {
				clear: both;
				float: left;
				width: 97.5%;
				display: block;

}
#Footer {
				clear: both;
				float: left;
				margin-right: 10%;
				margin-left: 10%;
				width: 78%;
				text-align: center;
				color: #C11515 !important;
				font-size: 15px;
				font-weight: bold;
}
div#Book1Link1 {
				clear: both;
				float: left;
				margin-left: 44%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link2 {
				clear: both;
				float: left;
				margin-left: 39%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link3 {
				clear: both;
				float: left;
				margin-left: 41.5%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book1Link4 {
				clear: both;
				float: left;
				margin-left: 42.5%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link1 {
				clear: both;
				float: left;
				margin-left: 46%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link2 {
				clear: both;
				float: left;
				margin-left: 44%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link3 {
				clear: both;
				float: left;
				margin-left: 43.7%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book2Link4 {
				clear: both;
				float: left;
				margin-left: 43.7%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link1 {
				clear: both;
				float: left;
				margin-left: 45%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link2 {
				clear: both;
				float: left;
				margin-left: 40.5%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link3 {
				clear: both;
				float: left;
				margin-left: 42%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
div#Book3Link4 {
				clear: both;
				float: left;
				margin-left: 43.4%;
				display: block;
				font-size: 15px !important;
				font-weight: bold;
				text-align: center;
				text-decoration: underline !important;
				color: #0066FF !important;
}
#AdminLink {
				width: 104px;
				height: 23px;
				margin-left: 92%;
				margin-top: -1%;
				font-size: 15px !important;
}
#GuestLink {
				width: 104px;
				height: 23px;
				margin-left: 92%;
				margin-top: -1%;
				font-size: 15px !important;
}
#HeaderColoring {
				float: left;
				clear: both;
				position: relative;
				margin-top: 5%;
				margin-left: 45%;
				margin-bottom: 5%;
				cellspacing: 5;
				cellpadding: 5;
				width: 0%;
				white-space: nowrap;
				display: block;
				font-weight: bold;
				font-size: xx-large;
				text-align: center;
				color: #C11515;
}
#ImageUpload {
				width: 320px;
				height: 130px;
				margin-top: -1.5%;
/*				margin-left: 42%*/;
				font-size: 15px !important;
}
#FileUpload {
				margin-top: 2%;
				margin-left: -8%;
				margin-bottom: 5%;
				font-size: 15px !important;
}
#JpgOnly {
				width: 50%;
				margin-top: 2%;
				margin-left: 0.5%;
				font-size: 15px !important;
				text-align: center;
}
#FileSelect {
				margin-top: 2%;
				margin-left: -8%;
				font-size: 15px !important;
}
}