/*Style sheet for As a Spark*/

body {background-color:#ffffff;}
body {margin-right:15%; margin-left:15%}
body {border-color:lightblue;border-width:3px;Border-style:double;}
body {border-radius: 10px 10px 10px 10px;}
body {box-shadow: -3px 3px 10px #888888;-khtml-box-shadow: -3px 3px 10px #888888;} 
body {color:black;font-family:"Arial";font-size:20pt;font-weight:normal;}

p,h2 {color:black;font-family:"Arial";font-size:16pt;font-weight:normal;}
p,h2 {margin-left:40px; padding-left:10px; padding-right:15px;text-align:left;}
h2 {font-weight:bold;}

table
    {
    border-style:none;
    }


a:link 
    {
    color:green; 
    text-decoration:none;
    }
 
a:visited 
    {
    color:green; 
    text-decoration:none;
    }

a:hover
    {
    color:red; 
    text-decoration:underline;
    }

.intro {font-family:"Arial"; font-size:12.0pt; color:green; width:50%;}

.initial {padding-top:5.0px;}
p.initial:first-letter {font-size:30px; font-weight:bold; color:blue;}   

.title
    {
	font-family:"Arial";
	font-size:18.0pt;
    color:blue;
    }

.list
	{
	color:green;
	font-family:"Arial";
	font-size:20pt;
	font-weight:normal;
	margin-left:40px;
    padding-left:10px;
    padding-right:15px;
	text-align:left;
	}

.boldblack
	{
	color:black;
	font-weight:bold;
	}

.boldblue
	{
	color:blue;
	font-weight:bold;
	}

.small
	{
	color:green;
	font-family:"Arial";
	font-size:11pt;
	font-weight:normal;
	}

.underline
    {
	color:blue;
	font-family:"Arial";
	font-size:12pt;
	font-weight:normal;
    text-decoration:underline;
    }

.super
    {
	color:blue;
	font-family:"Arial";
	font-size:9pt;
	font-weight:bold;
    vertical-align:middle;
    }

.bannertext, bannersubh {font-family:Verdana, Geneva, sans-serif;color:#473c8b;}
.bannertext {font-size:90px;padding-left:50px;vertical-align:bottom;}
.bannersubh {font-size:30px;vertical-align:top;text-shadow:none;}
.bannertext 
{
text-shadow:1px 1px 0 #fff,
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
0px 1px 0 #fff,
1px 0px 0 #fff,
0px -1px 0 #fff,
-1px 0px 0 #fff,
4px 4px 3px #000;
 }

.bar {background-color:#473c8b;width:50%;font-size:12px;}
.bar {border-color:white; border-width:3px;border-style:double;}
.bar {border-radius: 0px 30px 0px 30px;}

/*********************************WIDTH 4*********************************/
@media (max-width:1100px)
{

}



/*********************************WIDTH 3*********************************/
@media (max-width:900px)
{
body {margin-right:10%; margin-left:10%;}
p {font-size:19px;}
p,h2 {margin-left:0px; padding-left:10px; padding-right:10px;}
.bannerimage {width:100%;}
.bannertext {font-size:60px;}
.bannersubh {font-size:18px;font-weight:normal;}
.bar, .intro {width:80%;}
}


/*********************************WIDTH 2*********************************/
@media (max-width:600px)
{
body {margin-right:5px; margin-left:5px;}
p {font-size:16px;}
p,h2 {margin-left:5px; padding-left:1px; padding-right:1px;}
.bannertext {font-size:50px;}
.bannersubh {font-size:20px;font-weight:normal;}
.list {font-size:18px; margin-left:5px; padding-left:1px; padding-right:1px;}
}



/*********************************WIDTH 1*********************************/
@media (max-width:480px)
{
body {margin-right:1px; margin-left:1px;}
p,h2 {margin-left:2px; padding-left:1px; padding-right:1px;}
.bannertext {font-size:30px; padding-left:5px;}
.bar, .intro {width:95%;}
}