body { 
background: #d2e7f8;
width:1024px;
height:100%;
}


#navigation {
white-space: nowrap;
font-family: verdana, arial, sans-serif;
font-weight: normal;
color: blue;
font-size: 11pt;
position:absolute; top: 113px; left:30px;
}

#navigation a { text-decoration: none; } 
#navigation a:link { color: black}
#navigation a:visited { color: blue}
#navigation a:hover { color: black }

#navigation a #current
{
cursor:default;
}


h1 {
color:white;
padding; 10px; margin-top:20px;
margin-left:20px;
margin-right:80px;
font-family: Helvetica, Arial, Verdana;
font-weight: bold;
font-size: 30pt;
white-space: nowrap;
}

h1 {
position:absolute; top: 40px; left:140px;
}

#logo
{ position:relative; z-index:10; top: -130px; left:20px;
} 

#bgroundlogo
{ position:relative; z-index:9; top: -40px; left:400px;
} 


#banner {
position:absolute; z-index: 10; top: 133px; left:210px;
}

#bannertext {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: yellow;
font-size: 22pt;
position:absolute; top: 220px; left:420px;
white-space: nowrap;
} 

#header1 {
font-family: Cursive, Helvetica, sans-serif;
font-weight: bold;
color:white;
font-size: 22pt;
position:absolute; z-index:12; top:160px; left:280px;
} 

#header2 {
font-family: Cursive, Helvetica, sans-serif;
font-weight: bold;
color:red;
font-size: 22pt;
position:relative; z-index:12; top:20px; left:40px;
}

#header3 {
font-family: Cursive, Helvetica, sans-serif;
font-weight: bold;
color:red;
font-size: 22pt;
position:relative; z-index:12; top:30px; left:40px;
}

#youtube_location {
position:absolute; z-index: 12; top: 450px; left:50px;
}

#content { background: aliceblue;
padding: 0.7em;
width:820px; 
height:1000px;
position:absolute; z-index: 2; top: 220px; left:210px;
} 

#content2 { 
background:aliceblue;
padding: 0.7em;
width:815px; 
height:1200px;
position:absolute; z-index: 1; top: 190px; left:210px;
} 

#content2 li a { text-decoration: none; } 
#content2 li a:link { color: #448}
#content2 li a:visited { color: #667}
#content2 li a:hover { color: brown }

#content3 { 
background:aliceblue;
padding: 0.7em;
width:815px; 
height:1300px;
position:absolute; z-index: 1; top: 190px; left:210px;
} 


#content_text_picture
{position:absolute; z-index:1; top: 40px; left:90px;

}

#content_text li a
{
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: dimgray;
font-size: 14pt;
width:750px; 
position:relative; z-index:10 ; top: 0px; left:40px;
} 

#content_text-large
{
font-family: cursive, Arial, Helvetica;
font-weight: bold;
letter-space:1px;
font-style:normal;
color:#0066ff;
font-size: 15pt;
width:750px; 
text-align: center;
position:relative; z-index:10 ; top: 35px; bottom: 10px; left:40px;
} 

#content_text-extralarge
{
font-family: cursive, Arial, helvetica;
font-weight: normal;
letter-space:2px;
font-style:normal;
color:#0066ff; 
font-size: 20pt;
width:750px; 
position:relative; z-index:10 ; top: 0px; left:20px;
} 

#newsheader { 
font-family: Helvetica, Arial, cursive;
font-weight: normal;
color: #0066ff;
font-size: 16pt;
position:relative; z-index: 10 ; top: 0px; left:40px;
}

#newsheader a { text-decoration: none; } 
#newsheader a:link { color: #0066ff}
#newsheader a:visited { color: #0066ff}
#newsheader a:hover { color: red }

#newscontent li { 
font-family: times new roman, Arial, sans-serif;
font-weight: normal;
letter-spacing:1px;
color: dimgray;
font-size: 14pt;
width:750px; 
position:relative; z-index: 10 ; top: 50px; left:25px;
}

#newscontent li a{ 
text-decoration: underline;
	}
	
#newscontent  { 
font-family: times new roman, Arial, sans-serif;
font-weight: normal;
letter-spacing:1px;
color: dimgray;
font-size: 14pt;
width:850px; 
position:relative; z-index: 10 ; top: 10px; left:0px;
}


#newsheader1 { 
font-family: cursive, Arial, Helvetica;
font-weight: normal;
color: #0066ff;
font-size: 16pt;
position:relative; z-index: 10 ; top: 0px; left:40px;
}

#newsheader1 a { text-decoration: none; } 
#newsheader1 a:link { color: #0066ff}
#newsheader1 a:visited { color: #0066ff}
#newsheader1 a:hover { color: red ;text-decoration: underline;}


	
#newscontent1  { 
font-family: times new roman, Arial, sans-serif;
font-weight: normal;
letter-spacing:1px;
color: dimgray;
font-size: 14pt;
width:500px; 
position:relative; z-index: 10 ; top: 0px; left:40px;
}




#newscontent2{ 
font-family: times new roman, Arial, sans-serif;
font-weight: normal;
letter-spacing:1px;
color: dimgray;
font-size: 14pt;
width:750px; 
position:relative; z-index: 10 ; top: 0px; left:0px;
}

#newscontent3{ 
font-family: times new roman, Arial, sans-serif;
font-weight: normal;
letter-spacing:1px;
color: dimgray;
font-size: 12pt;
width:750px; 
position:relative; z-index: 10 ; top: 0px; left:0px;
}



li {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
margin-bottom: 0px;
} 


#main { 
background: #333333;
width:1024px; 
height: 768px;
}


#vertblock {
position:absolute; top: 80px; left:30px;
}


#squarebanner {
position:absolute; top: 450px; left:32px;
}

#header {
padding: 0.2 em;
position:absolute; top: 10px; left:30px;
}


#content li a { text-decoration: none; } 
#content li a:link { color: #448}
#content li a:visited { color: #667}
#content li a:hover { color: brown }




#menu {
position:absolute; top: 225px; left:-5px;

padding: 0.5em;
}

#menu li
{
list-style: none;
display: block;
width:150px;
margin-top:10px;
margin-bottom: 10px;
}

#menu li a
{
text-decoration: none;
font-family:Verdana,Helvetica, sans-serif;
font-size:14px;
letter-spacing:1px;
padding: 3px;
}

#menu li a:link { color: white}
#menu li a:visited { color: aliceblue}
#menu li a:hover
{ color: pink }

#menu li a#current
{
background: #99ccff;
cursor:default;
color:black;
}

#indexpicture
{ 
position:absolute; top: 75px; left:200px;
}

h6
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
font-size: 20pt;
text-decoration: none;
}



#footer
{ font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
color: white;
font-size: 8pt;
position:absolute; top: 1260px; left:470px;
padding: 0.5em;
background: dimgray;
}

#footer a {text-decoration: none; }
#footer a:link { color: yellow}
#footer a:visited { color: yellow}
#footer a:hover { color: red;
}

#footer2
{ font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
color: white;
font-size: 8pt;
position:absolute; top: 530px; left:290px;
padding: 0.5em;
background: dimgray;
}

#footer2 a {text-decoration: none; }
#footer2 a:link { color: yellow}
#footer2 a:visited { color: yellow}
#footer2 a:hover { color: red;
}

#footer3
{ font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
color: white;
font-size: 8pt;
position:absolute; top: 1530px; left:450px;
padding: 0.5em;
background: dimgray;
}

#footer3 a {text-decoration: none; }
#footer3 a:link { color: yellow}
#footer3 a:visited { color: yellow}
#footer3 a:hover { color: red;
}


#myname 
{ font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
font-size: 20pt;
position:absolute; z-index:20; top: 20px; left:50px;
white-space: nowrap;
}



#form {font-family:"Trebuchet MS", Verdana, sans-serif;width:45em;
position:relative; z-index:5; top: 30px; left:70px;}

#form2 {
position:relative; z-index:5; top: 30px; left:70px;}

h2 {margin:0 0 0 0;padding:0}
p {margin:0 0 1em 0;padding:0;font-size:1.1em; color:dimgray}
fieldset {background:#C361D2;border:none;margin-bottom:1em;width:24em;padding-top:1.5em}

p.legend {background:moccasin;
color:black;
padding:.2em .3em;
font-size:1.1em;
border:2px outset moccasin;
position:relative;
margin-bottom:-1em;
width:15em;
margin-left:1em;
margin-top:1em}

#personal {background:#F3B4F5;border:outset #f3b4f5}


#personal label {position:absolute;font-size:1em;padding-top:.2em;left:20px}
#personal input {margin-left:10em;line-height:1.4em;margin-bottom:.2em;}

select {margin-left:10em;margin-bottom:0}



textarea {font:.8em "Trebuchet MS", Verdana, sans-serif;width:29em;padding:.2em}

input[type="submit"], input[type="reset"] {background:moccasin;font:1em "Trebuchet MS", Verdana, sans-serif}

#buttons {text-align:center}

#choices {background:#8adfff;border:outset #0078f2}
#choices label {position:absolute;padding-top:.2em;left:20px}

#yourmessages {background:#ffcccc;border:outset #ff6699}
#yourmessages label {position:absolute;padding-top:.2em;left:20px}
#personal input {margin-left:10em;line-height:1.4em;margin-bottom:.2em;}

#size {font-size:90%}
#size input {margin-left:9em}
#size input + input {margin-left:1em}
#size br+ input {margin-left:9em}

#extras {font-size:90%}
#extras input {margin-left:9em}
#extras input +input {margin-left:1em}
#extras br+input {margin-left:9em}

