/*CSS for shining light ministries indexpage*/

/*Fonts Note 2.0em = 28pt, 1.6em = 20pt, 1.2em = 16pt, large=1.0em=14pt, mid=0.8em = 12pt,small=0.6em = 10pt */

	h1
	{font-family: "monotype corsiva";font-size: 2.2em;font-weight:bold;color:yellow;text-align: center;
	}
	
	h2
	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-weight:bold;color:#ff9900;text-align: center;
	}

	h3
	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-weight:bold; font-style: italic; color:#6699ff;text-align: center
	}

	p.largeblackboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:black;text-align: center;
	}

	p.largeredboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:red;text-align:center;
	}
	
	p.largewhiteboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:white;text-align:center;
	}	

	p.largeblueboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#0066ff;text-align:center;
	}

	p.largeorangeboldcenter
	{font-size: 1.0em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#ff9900;text-align:center;
	}

	p.midblackbold
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:black
	}
	
	p.midredbold
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:red;
	}

	p.midblacknormal
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:black;
	}

	p.midwhitenormal
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:white;
	}
	
	p.midwhiteleft
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:white;	text-align:left;
	}
	
	p.midorangenormal
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; color:#ff9900;
	}	

	p.midrednormal
	{font-size: 0.8em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:red;
	}

	p.smallblacknormal
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:black;text-align:left;
	}
	
	p.smallblacknormalcenter
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:black;text-align:center;
	}

	p.smallrednormal
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:red;
	}

	p.smallwhitenormal
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:white;
	}

	p.smallwhitenormalcenter
	{font-size: 0.6em;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:white; text-align:center;
	}

.space
{
padding-top:5px;
padding-bottom:5px;
}

a:link {text-decoration:underline;color:#ff9900}	/*orange*/
a:visited {text-decoration:underline;color:#ff9900}	/*orange*/
a:hover{text-decoration:none;color:#6699ff}		/*mid-blue*/

div.line1 hr {
	display:none
	}

div.line1 {
	margin: 0 auto; 
	height:6px;
	width:90%;
	background:#3399ff no-repeat scroll center;		/*mid-blue*/
}

/*background*/

body {
	background-color:#333333;		/*very dark gray*/
}

img.c0 {border:0}
img.c1 {border:1}

/*DIV ids for index page*/

#container{
	width:100%;
}

#outerheaderbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #3399ff;	/*mid-blue*/
}
#innerheaderbox
{
	margin: 0pt auto;
	width: 99%;
	background-color: #666666;		/*dark gray*/
}


#headerimage
{
    display: block;
    margin-left: auto;
    margin-right: auto;
	width:99%;
	height:7em;
	white-space:nowrap;
}

#headerimagetext1 
{
	margin-left:15px;
	padding:5px;
	font-size: 2.0em;
	font-family: verdana;
	font-weight:bold;color:red;
	float:left; 
    	position: relative;
	top:25px;
}

#headerimagetext2 
{
	padding:5px;
	font-size: 2.0em;
	font-family: verdana;
	font-weight:bold;color:green;
	float:left; 
    	position: relative;
	top:25px;
}

#headerimagetext3 
{
	padding:5px;
	font-size: 2.0em;
	font-family: verdana;
	font-weight:bold;color:blue;
	float:left; 
    	position: relative;
	top:25px;;
}

#outerbuttonbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 	
	background-color: #3399ff;	/*mid-blue*/
}

#innerbuttonbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #666666;		/*dark gray*/
}

#outerleftbox
{
	float: left;
	margin-left:5pt;
	margiun-right:5pt; 
	width: 20%; 
	background-color: #3399ff;	/*mid-blue*/
}

#innerleftbox
{
	margin: 0pt auto; 
	width: 95%; 
	text-align: center; 	
	background-color: #666666;		/*dark-gray*/
}

#outerrightbox
{
	float:left;
	margin-left:5pt;
	margiun-right:5pt;
	width: 77%; 
	text-align: center; 
	background-color: #3399ff; #3399ff;	/*mid-blue*/
}
#innerrightbox
{
	margin: 0pt auto; 
	width: 98.5%; 
	text-align: center; 
	background-color: #666666;		/*dark gray*/
}

#outermiddlebox
{
	margin: 0pt auto; 
	width: 50%; 
	text-align: center; 
	background-color: #3399ff; #3399ff;	/*mid-blue*/
}

#innermiddlebox
{
	margin: 0pt auto; 
	width: 97%; 
	text-align: center; 
	background-color: #ffffee;		/*light yellow*/
}


#outerfooterbox
{
	margin: 0pt auto;
	width: 99%; 
	text-align: center; 
	background-color: #3399ff; #3399ff;	/*mid-blue*/
}

#innerfooterbox
{
	margin: 0pt auto;
	width: 99%;
	background-color: #666666;		/*dark gray*/
}

/*Colored Tabs based on Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */

.multicolortabs
{
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: transparent;

}

.multicolortabs ul
{
	font: bold 0.8em Arial, Verdana, sans-serif;
	margin-left: 5%; 		/*offset of first tab relative to page left edge*/
	padding: 0;
	list-style: none;
}

.multicolortabs li
{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}


.multicolortabs a
{
	float: left;
	background: transparent url(http://www.shininglightministries.ca/images/.gif) no-repeat left top; /*when used - left corner image*/
	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}

.multicolortabs a span
{
	float: left;
	display: block;
	background: url(http://www.shininglightministries.ca/images/.gif) no-repeat right top; /*when used - right corner image*/
	padding: 7px 9px 3px 6px;
	cursor: pointer;
}

.multicolortabs a span
{
	float: none;
}

.multicolortabs li.selected a
{
	background-color: #3366ff; 	/*background color of 'selected' tab - blue*/
	color: white;			/*tab text color*/
}

.multicolortabs li.selected a:hover 
{
	background-color: #000000; 	/*background color of 'selected' tab on Mouseover - black*/
	color: white;			/*tab text color*/
}

.multicolortabs li.home a,.multicolortabs li.contact a
{
	background-color: #cc9933; 	/*background color of 'Home and Contact' tab - beige*/
	color: white;			/*tab text color*/
}

.multicolortabs li.home a:hover,.multicolortabs li.contact a:hover
{
	background-color: #775747; 	/*background color of 'Home and Contact' tab on Mouseover - brown*/
	color: white;			/*tab text color*/
}

.multicolortabs li.first a
{
	background-color: #33cc33; 	/*background color of 'first menu' tab - light green*/
	color: white;			/*tab text color*/
}

.multicolortabs li.first a:hover
{
	background-color: #009900; 	/*background color of 'first menu' tab on Mouseover - dark green*/
	color: white;			/*tab text color*/
}

.multicolortabs li.second a
{
	background-color: #ff6699; 	/*background color of 'second menu' tab - light red*/
	color: white;			/*tab text color*/
}

.multicolortabs li.second a:hover
{
	background-color: #ff2244; 	/*background color of 'second menu' tab on Mouseover - dark red*/
	color: white;			/*tab text color*/
}

.multicolortabs li.third a
{
	background-color: #6699ff; 	/*background color of 'third menu' tab - light blue*/
	color: white;			/*tab text color*/
}

.multicolortabs li.third a:hover
{
	background-color: #3366ff; 	/*background color of 'third menu' tab on Mouseover - dark blue*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fourth a
{
	background-color: #c7d400; 	/*background color of 'fourth menu' tab - light olive*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fourth a:hover
{
	background-color: #999933; 	/*background color of 'fourth menu' tab on Mouseover - dark olive*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fifth a
{
	background-color: #aa6699; 	/*background color of 'fifth menu' tab - light purple*/
	color: white;			/*tab text color*/
}

.multicolortabs li.fifth a:hover
{
	background-color: #990099; 	/*background color of 'fifth menu' tab on Mouseover - dark purple*/
	color: white;			/*tab text color*/
}

.multicolortabs a:hover span
{
	background-color: transparent;
}

.multicolordivider			/*horizontal line.*/
{ 
	clear: both;
	padding: 0;
	width: 100%;
	height: 1px;
	line-height: 5px;
	background: #3399ff; 		/*background color of horizontal line - mid-blue*/
}