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

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */

#topMenu,
#media .page,
#mainPage .page,
#footNotes .page { width: 96%; padding: 0 1%; margin: auto; }
#topMenu .pageID { float:left; display:block; }
#topMenu .pageID h1 { font-size:0.75em; }
#topMenu .pageID h1 .all { font-size:2em; color:#C0C; letter-spacing: -2px; }
#topMenu .pageID h1 .a { letter-spacing: -6px; }
#topMenu .pageID h1 .center { font-size:2em; color:#09f; font-weight:normal; }

#topMenu .menus { float:right; display:block; }
#topMenu .mobilMenu { display:block; }
#topMenu .webMenu { display:none; }

/* show or no show */
.show100, .show110, .show101 { display:inline; }
.show010, .show011, .show001 { display:none; }

/* Floating Boxs */
.floatBox { float:none; width: 100%; display: block; }
.floatBox25, .floatBox33 { float:none; width: 50%; margin:0 25% 15px 25%; display: block; }
.floatBox75, .floatBox67, .floatBox25full, .floatBox33full { float:none; width: 92%; margin:0 4% 15px 4%; display: block; }

#topMenu .webMenu a, #topMenu .mobilMenu span {
	margin:0; 
	padding:0 15px 5px 15px;  
}

/* Display Boxs */
.imgBox { float:none; width:99%; margin:0 0.5% 15px 0.5%; text-align:center; display:block; }
.imgBox img { width:99%; margin-bottom:5px; }
.imgBox h3 { font-size:0.85em; }
.imgBox a h3 { color:#555; }
.imgBox h4 { font-size:0.75em; font-weight:normal; }
.imgBox a { text-decoration:none; color:#777; display:block; }

/* Go Here Page Menu */
#goHere .contact a {
	float:none;
	color:#697cee;
	background-color:transparent;
	text-align:center;
	width:93%;
	margin:0 1% 10px 0;
	padding:12px 3%;
	display:block;
}
#goHere .contact a:hover {
	color:#0f0;
	background-color:#555;
}
#goHere .binder {
	float:none;
	width:98%;
	margin:0 1%;
	padding:5px 0 0 0;
	text-align:center;
}
#goHere .binder h3 {
	font-size:0.8em;
	margin:0;
	padding:0 0 5px 0;
}
#goHere .more1 {
	float:left;
	width:48%;
	margin:0 2% 0 0;
}
#goHere .more2 {
	float:left;
	width:48%;
	margin:0 0 0 2%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#topMenu,
#media .page,
#mainPage .page,
#footNotes .page { width: 96%; padding: 0 1%; margin: auto; }
#topMenu .pageID { float:left; display:block; }
#topMenu .pageID h1 { font-size:1em; }
#topMenu .pageID h1 .all { font-size:2.5em; color:#C0C; letter-spacing: -6px; }
#topMenu .pageID h1 .a { letter-spacing: -12px; }
#topMenu .pageID h1 .center { font-size:2.5em; color:#09f; font-weight:normal; }

#topMenu .menus { float:right; display:block; }
#topMenu .mobilMenu { display:block; }
#topMenu .webMenu { display:none; }

/* show or no show */
.show100, .show101, .show001 { display:none; }
.show110, .show010, .show011 { display:inline; }

/* Floating Boxs */
.floatBox { float:none; width: 100%; display: block; }
.floatBox25, .floatBox33 { float:none; width: 40%; margin:0 30% 15px 30%; display: block; }
.floatBox75, .floatBox67, .floatBox25full, .floatBox33full { float:none; width: 92%; margin:0 4% 15px 4%; display: block; }

#topMenu .webMenu a, #topMenu .mobilMenu span {
	margin:0; 
	padding:0 15px 5px 15px;  
}

/* Display Boxs */
.imgBox { float:left; width:49%; margin:0 0.5% 15px 0.5%; text-align:center; display:block; }
.imgBox img { width:99%; margin-bottom:5px; }
.imgBox h3 { font-size:0.85em; }
.imgBox a h3 { color:#555; }
.imgBox h4 { font-size:0.75em; font-weight:normal; }
.imgBox a { text-decoration:none; color:#777; display:block; }

/* Go Here Page Menu */
#goHere .contact a {
	float:left;
	color:#697cee;
	text-align:center;
	width:53%;
	margin:26px 1% 0 0;
	padding:12px 3%;
	display:block;
}
#goHere .binder {
	float:left;
	width:40%;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
}
#goHere .binder h3 {
	font-size:0.8em;
	margin:0;
	padding:0 0 5px 0;
}
#goHere .more1 {
	float:left;
	width:48%;
	margin:0 2% 0 0;
}
#goHere .more2 {
	float:left;
	width:48%;
	margin:0 0 0 2%;
}

}

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

@media only screen and (min-width: 769px) {
#topMenu,
#media .page,
#mainPage .page,
#footNotes .page { width: 88%; padding: 0 1%; margin: auto; }
#topMenu .pageID { float:left; display:block; }
#topMenu .pageID h1 { font-size:1em; }
#topMenu .pageID h1 .all { font-size:3em; color:#C0C; letter-spacing: -6px; }
#topMenu .pageID h1 .a { letter-spacing: -12px; }
#topMenu .pageID h1 .center { font-size:3em; color:#09f; font-weight:normal; }

#topMenu .menus { float:right; display:block; }
#topMenu .mobilMenu { display:none; }
#topMenu .webMenu { display:block; }

/* show or no show */
.show100, .show110, .show010 { display:none; }
.show011, .show001, .show101 { display:inline; }

/* Floating Boxs */
.floatBox { float:left; width: 49%; margin-right:1%; display: block; }
.floatBox25, .floatBox25full { float:left; width: 24%; margin:0 1% 15px 0; display: block; }
.floatBox75 { float:left; width: 74%; margin:0 1% 15px 0; display: block; }
.floatBox33, .floatBox33full { float:left; width: 32%; margin:0 1% 15px 0; display: block; }
.floatBox67 { float:left; width: 66%; margin:0 1% 15px 0; display: block; }

#topMenu .webMenu a, #topMenu .mobilMenu span {
	margin:8px 1px 0 1px; 
	padding:8px 15px;  
}

/* Display Boxs */
.imgBox { float:left; width:32%; margin:0 0.5% 15px 0.5%; text-align:center; display:block; }
.imgBox img { width:99%; margin-bottom:5px; }
.imgBox h3 { font-size:0.85em; }
.imgBox a h3 { color:#555; }
.imgBox h4 { font-size:0.75em; font-weight:normal; }
.imgBox a { text-decoration:none; color:#777; display:block; }

/* Go Here Page Menu */
#goHere .contact a {
	float:left;
	color:#697cee;
	text-align:center;
	width:53%;
	margin:26px 1% 0 0;
	padding:12px 3%;
	display:block;
}
#goHere .binder {
	float:left;
	width:40%;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
}
#goHere .binder h3 {
	font-size:0.8em;
	margin:0;
	padding:0 0 5px 0;
}
#goHere .more1 {
	float:left;
	width:48%;
	margin:0 2% 0 0;
}
#goHere .more2 {
	float:left;
	width:48%;
	margin:0 0 0 2%;
}

}