/***********************************************/

/* Helen-main.css                            */

/* Use with index.html          */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



body {

	font-family: Arial, sans-serif;

	color: #0000ff;

	line-height: 1.25;

	margin: 0px;

	padding: 0px;

	color: #FFFFFF;

}

a:link {

	color: white;

	text-decoration: none;

}

a:visited {

	color: white;

	text-decoration: none;

}

a:hover {

	color: yellow;

	text-decoration: none;

	font-weight: bold;

	

}



h1, h2, h3, h4, h5 {

	font-family: Arial, sans-serif;

	margin: 0px;

	padding: 0px;

}

h1 {

	font-family: Verdana, Arial, sans-serif;

	font-size: 120%;

	color: #334d55;

}

h2 {

	font-size: 150%;

	padding-bottom: 0px;

	text-align: left;

	font-style: italic;

}

h3 {

	font-size: 110%;

	font-weight: bold;

	padding-top: 4px;

	color: #FFFF33;

}

h4 {

	font-size: 85%;

	line-height: 1.0;

	padding-top: 4px;

	padding-bottom: 4px;

	font-style: italic;

}

h5 {

	font-size: 100%;

	color: #334d55;

}

h6 {

	line-height: 1;

	font-size: 95%;

	color: yellow;

	padding-left: 0px;

	padding-right:  0px;

	padding-top:  0px;

	padding-bottom: 5px;

	font-family: Verdana, Arial, sans-serif;

}

h7 {

	line-height: 1.15;

	font-size: 95%;

	color: white;

	font-family: Verdana, Arial, sans-serif;

	padding: 0px;

	font-style:italic;

	margin: 0;

}

ul {

	list-style-type: none;

}

label {

	font: bold 100% Arial, sans-serif;

	color: #334d55;

}

onpage {

	color: #00FFFF;

}

/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#alafia {

	background-color: #FFFFFF;

	font-size: 0.85em;

	color: #0000FF;

	padding-top: 5px;

	padding-left: 10px;

	padding-right: 10px;

	left: 688px;

	position: absolute;

	top: 0px;

	width:472px;

}

#alafia h2 {

	font-family: Georgia, "Times New Roman", Times, serif;

}

#alafia h3 {

	font-size: 1.2em;

	color: #0000CC;

	padding-bottom: 12px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: normal;

}

#alafia h4 {

	font-size: 1em;

	color: #003399;

	font-style: italic;

	padding-bottom: 0px;

}

#Bar1 {

	width: 310px;

	height: 269px;

	background-color: #C1FFFF;

	position: absolute;

	left: 256px;

	top: 81px;

	z-index: 0;

}

#content {

	float:none;

	width: 1200px;

	margin: 5px 0px 0px 0px;

	padding: 0 0 0 0;

	position: absolute;

	left: 6px;

	top: 108px;

}

#expose {

	padding: 0px;

	width: 197px;

	position: absolute;

	left: 0px;

	top: 2px;

	height: 64px;

	margin-left: 2px;

	border: 2px solid white;

	visibility: visible;

	z-index: 1;

	margin-top: 1px;

}

#expose a {

	background-color: #FFFFFF;

	z-index: 1;

	margin-top: 1px;

}

#expose a img {

	z-index: 1;

	border-top: 1px solid white;

	border-bottom: 1px solid white;

	border-left: 1px solid white;

	border-right: 1px solid white;

}

#feature {

	font-size: 1.1em;

	font-style: italic;

	left: 602px;

	width: 282px;

	position: absolute;

	top: 0px;

	border: 2px solid white;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 10px;

	color: #C1FFFF;

	font-weight: normal;

	padding-right: 10px;

}

#navBar {

	padding: 0 0 2px 0;

	position: absolute;

	top: 0px;

	left: 5px;

	width:202px;

	height: 672px;

	z-index: 0;

}

#navBar table {

	border: 2px solid white;

}

#navBar table tr td {

	border: 2px solid white;

}

#navBar h4 {

	text-align:center;

	color: #FFFFFF;

	border-bottom: 3;

}



#pageLinks {

	width: 197px;

	position: absolute;

	left: 0px;

	top: 74px;

	margin-left: 2px;

	border: 2px solid;

	z-index: 1;

	height: 325px;

	border-color: #33CCFF;

}

#pageLinks a img {

	z-index: 1;

	border-top: 1px solid #99FFFF;

	border-left: 1px solid #99FFFF;

	border-right: 1px solid #99FFFF;

	border-bottom: 2px solid #33CCFF;

	margin-bottom: 1px;

}

#picture {

	margin: 0;

	padding: 0;

	width: 306px;

	position: absolute;

	left: 287px;

	top: 27px;

	z-index: 0;

	height: 295px;

}

#picture img {

	padding: 2px;

	vertical-align: bottom;

}

#masthead {

	margin: 0;

	padding: 10px 0px;

	width: 100%;

}

#middle {

	font-size: 1.1em;

	font-style: italic;

	left: 256px;

	width: 235px;

	position: absolute;

	top: 2px;

	border: 2px solid white;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 10px;

	z-index: 1;

}

#modules {

	border-left: 2px solid #FFFFFF;

	border-bottom: 2px solid #FFFFFF;

	padding-top: 5px;

	padding-left: 10px;

	padding-right: 10px;

	font-size: 0.85em;

	left: 230px;

	width:425px;

	position: absolute;

	top: 0px;

	z-index: 0;

}

#modules h2 {

	font-family: Georgia, Times New Roman, Times, serif;

}

#modules h3 {

	font-size: 1.0em;

	padding-bottom: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

}

#modules h4 {

	font-size: 1em;

	font-style: italic;

	color: #FFFFFF;

	padding-bottom: 0px;

}

#modules h5 {

	font-size: 1.2em;

	color: #FFFFFF;

	padding-bottom: 12px;

	font-family: Georgia, Times New Roman, Times, serif;

	font-style: normal;

	font-weight: bold;

}

#pageName {

	width: 1200px;

	height: 60px;

	margin-top: 5px;

	margin-bottom: 5px;

}

#siteName {

	margin: 0px;

	padding: 0px 0px 10px 10px;

}

#story {

	padding: 5px 0px 0px 0px;

	font-size: 1em;

	left: 245px;

	width: 850px;

	position: absolute;

	top: 362px;

	border-top: 2px solid white;

}

#story p {

	padding: 0px 0px 0px 0px;

	color: #FFFFFF;

	line-height: 1.25;

}

.twtr-hd {

2	    /*** cross browser rgba ***/

3	    background-color: transparent;

4	    background-color: rgba(255,255,255,0.3);

5	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);

6	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";

7	}

.twtr-widget {

2	    float: left;

3	    width: 300px; /* this is important if you want to make any positioning */

4	    margin: 50px 0 0 80px;

5	    padding: 0 0 15px;

6	    background: #fafafa url(wavecut.png); /* our cute background */

7	 

8	    /*** cross browser box shadow ***/

9	    -moz-box-shadow: 0 0 2px #fff;

10	    -webkit-box-shadow: 0 0 2px #fff;

11	    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3)";

12	    filter:

13	        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=3)

14	        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=3)

15	        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=3)

16	        progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=3);

17	    box-shadow: 0 0 2px #fff;

18	 

19	    /*** kind of cross browser rounded corner ***/

20	    -webkit-border-radius: 3px;

21	    -khtml-border-radius: 3px;

22	    -moz-border-radius: 3px;

23	    border-radius: 3px;

24	}

.twtr-widget .twtr-bd .twtr-tweet { /* they have 2 classes in default, do we have to use 3 */

2	    margin: 5px 0 0;

3	     padding: 0 0 5px;

4	     border-bottom: 1px solid #cecece;

5	}

6	.twtr-tweet:before {

7	    display: block;

8	    float: left;

9	    margin: -5px 0 0 5px;

10	    font-size: 50px; /* let's make it a big quote! */

11	    content: """;

12	    color: #bababa;

13	    text-shadow: 0 1px 1px #909090;

14	    font-family: "times new roman", serif;

15	}



#video {

	margin: 0;

	padding: 0px;

	width: 340px;

	position: absolute;

	left: 302px;

	top: 11px;

	border-left-color: #FFFFFF;

	border: 2px solid;

	border-right-color: #000000;

	border-top-color: #FFFFFF;

	border-bottom-color: #000000;

	z-index: 1;

}

/************** #footer styles *****************/





#footer {

	padding: 10px 0px 20px 0px;

	font-size: 0.9em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	align: center;

	text-align: center;

	font-weight: bold;

	color: #FFFFFF;

	position: absolute;

	top:700px;

	left:245px;

	margin-top: 5px;

}







/************** end #footer styles *****************/