/*
CSS for stjohomeschool.com site
*/

body	{
	font-family:  Veranda, Helvetica, Arial, sans-serif;
	background-color:  #66ccff;
	line-height:  125%;
	padding:  0;
	margin:  0;
}
h1, h2, h3  {
	font-family:  "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-weight:  normal;
}
h1		{
	font-family:  "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:  x-large;
	color:  #ffcc00;
	padding-top:  2em;
	padding-bottom:  .4em;
	padding-left:  .4em;
	margin:  0;
	background:  navy url(h1pic2.gif) no-repeat right;
}
h2		{
	color:  black;
	font-size:  130%;
	font-weight:  normal;
	padding-top:  15px;
}
h3  {
	color:  #ffcc00;
	background:  url(h3bg.gif) no-repeat left;
	margin-right:  0;
}
li		{
	font-size:  small;
	list-style-type:  none;
	margin-left:  -30px;
}

.style li  {
	list-style-type:  disc;
}

ul		{
	margin-top:  15px;
}
p		{
	font-size:  small;
	color:  black;
}
#header  {
	border-top:  3px solid #34a5ff;
}
#tagline p {
	font-style:  italic;
	font-family: Georgia, Times, serif;
	color:  #ffcc00;
	font-weight:  bold;
	background-color:  #0066ff;
	border-top:  3px solid #34a5ff;
	border-bottom:  3px solid #34a5ff;
	padding-top:  .2em;
	padding-bottom:  .2em;
	padding-left:  .8em;
	margin:  0;
	background:  #0066ff url(tagline1.gif) repeat-y right bottom;
}
#footer, #homefoot, #galfoot, #eventfoot  {
	font-family:  Veranda, Helvetica, Arial, sans-serif;
	line-height:  125%;
	font-size:  small;
	color:  #ffcc00;
	background-color:  #0066ff;
	margin:  0;
	background:  url(footer2.gif) no-repeat right;
	text-align:  center;
}

a		{
	font-weight:  bold;
}
a:link  {
	color:  navy;
}

a:visited  {
	color:  blue;
}

a:hover  {
	text-decoration:  none;
	color:  #ffcc00;
	background-color:  #0066ff;
}

a:active  {
	color:  aqua;
	background-color:  #0066ff;
}
a:link img  {
	color:  #66ccff;
	border-style:  none;
}
a:visited img {
	color:  #66ccff;
	border-style:  none;
}
a:hover img  {
	text-decoration:  none;
	color:  #66ccff;
}
a:active img  {
	color:  #66ccff;
}
blockquote  {
	color:  #339999;
	font-family:  Georgia, Time, serif;
	letter-spacing:  0.05em;
	font-style:  italic;
}

.fun  {
	font-family:  Georgia, Times, serif;
	color:  #0066ff;
	letter-spacing:  0.05em;
	font-weight:  bold;
}
#navigation  {
	width:  185px;
	background-color:  #34a5ff;
}
.feature, .contactpic, .funpic, .fampic, .edpic, .lawpic, .looppic, .groupspic, .newspic  {
	float:  right;
	margin:  10px;
}
.nwmhe  {
	width:  50%;
	border:  none;
	max-width:  552px;
}
.validpic  {
	float:  right;
	/*margin-bottom:  -30px;*/
}

.validpic2  {
	float:  right;
	padding-right:  3px;
} 
.galleryphoto p  {
	font-size:  65%;
	font-weight:  bold;
	margin-top:  0;
	width:  330px;
	line-height:  1.4em;
}
.galleryphoto  {
	margin-left:  200px;
}
.galleryphototall  {
	margin-left:  237px;
}
.galleryphototall p  {
	font-size:  65%;
	font-weight:  bold;
	margin-top:  0;
	width:  255px;
	line-height:  1.4em;
}
.photobottom  {
	padding-bottom:  20px;
	border-bottom:  1px solid navy;
	margin-bottom:  10px;
}
#navigation  {
	width:  185px;
	height:  484px;
	background:  #7da5d8 url(navbar1smkids2.gif) no-repeat;
}
table  {
	border-collapse:  collapse;
}
th, td  {
	padding:  4px;
	border:  1px solid navy;
}
th  {
	background:  navy url(thbg3.gif) repeat-x top;
	color:  #ffcc00;
	padding-top:  0;
	padding-bottom:  0;
	padding-left:  2px;
	padding-right:  2px;
}
	
td  {
	font-size:  small;
	background:  url(tdnav.gif) repeat-x top;
}
/*#news  {
	border:  1px solid navy;
	padding:  2px;
	margin-right:  200px;
}*/
#feature  {
	border:  1px solid #0066ff;
	padding:  2px;
	margin-top:  1em;
	margin-right:  200px;
	height:  50px;
	background:  url(footer2.gif) no-repeat right;
}
#feature p  {
	float:  left;
}
#feature img  {
	float:  right;
}
.red  {
	color:  #800517;
	font-weight:  bold;
}
.strike  {
	text-decoration: line-through;
}
/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top-left corner of the browser's content display.
*/

#navigation, #bodycontent, #header, #footer, #homefoot, #galfoot, #eventfoot  {
	position:  absolute;
}
#navigation, #bodycontent  {
	top:  110px;
}
#bodycontent  {
	left:  200px;
}
#header  {
	width:  100%;
}
#footer  {
	width:  100%;
	top:  100%;	
}
#homefoot  {
	width:  100%;
	top:  110%;	
}
#galfoot  {
	width:  110%;
	top:  100%;
}
#eventfoot  {
	width:  100%;
	top:  105%;
}
iframe  {
	float:  right;
	width:  81%;
	height:  4000px;
	margin-top: 110px;
	margin-left:  185px;
}
/*div#astore  {
	position:  absolute;
	top:  0;
	bottom:  0;
	right:  0;
	left:  0;
	margin-top: 110px;
	margin-left:  185px;
}
iframe  {
	position:  absolute;
	top:  0;
	bottom:  0;
	right:  0;
	left:  0;
	width:  100%;
	height:  285%;
}*/
/*#ie  {
	text-align:  center;
}*/