a {cursor: pointer;}
a:link {color: #f8a750; text-decoration: none;}
a:visited {color: #f8a750; text-decoration: none;} 
a:hover {color: #b7baaf; text-decoration: underline;} 
a.bright:link {color: #ff8400; text-decoration: underline;}
a.bright:visited {color: #ff8400; text-decoration: underline;}
a.bright:hover {color: #b7baaf; text-decoration: none;} 

body
{ 
background-image: url('images/cloudybg.jpg');
font-size: 13pt;
text-align: left;
height: 100%;
padding-bottom: 100px;
}

p
{
text-indent: 40px;
font-size: 12pt;
}

p.newsclass
{
text-indent: 0px;
font-size: 11pt;
}

h1
{
color: #b0ba63;
text-decoration: none;
font-size: 28pt;
text-align: center;
}

h2
{
color: #000000;
text-decoration: underline;
font-size: 18pt;
text-align: center;
}

h3
{
font-size: 13pt;
text-align: left;
}

h4
{
color: #f8a750;
text-decoration: underline;
font-size: 16pt;
text-align: left;
}


.container
{
height: 100%; width: 100%;
position: relative; top: 0px; left: 0px;
}

.all																											/* contains everything besides the background */
{
border-bottom: 0px gray solid;
height: auto; width: 980px;
position: relative; top: 14px; left: 16px;
overflow: hidden;
z-index: 2;
}

.titlebar																									/* div for the title and language stuff */
{
background-image: url('images/backheader7.jpg');
border-bottom: 0px red solid;
border-top: 0px red solid;
height: 160px; width: 980px;
position: relative; top: 0px; left: 0px;
z-index: 1;
}

.title																										/* div in topleft for arcoiris title */
{
height: 85px; width: 269px;
position: relative; top: 30px; left: 420px;
}

.language																									/* div for the language choices in topright */
{
border: 0px white solid;
height: 20px; width: 140px;
position: absolute; top: 10px; right: 62px;
font-size: 10pt;
}

.navbarholder																										/* Spaces the content of the nav div to the correct place */
{
background: #d4e0ed;
border: 1px gray solid;
height: 100%; width: 180px;
position: absolute; top: -2px; left: 0px;
}

.navbar																										/* the navbar div.  on the side */
{
background: transparent;
border-top: 1px gray solid;
height: 1500px; width: 180px;
position: relative; top: 159px; left: 0px;
}

.linkholder																									/* Holds the navbar navbar, and the quick links */
{
border: 0px orange dashed;
height: 1260px; width: 180px;
position: absolute; top: 155px; left: 0px;
}

.navquick																									/* div for the quick links thing in the navbar */
{
background: #ecf1f6;
border: 1px gray solid;
height: 200px; width: 160px;
position: relative; top: 0px; left: 8px;
}

.navquicktitle																								/* title for the quick links thing */
{
text-align: center;
color: #8e9186;
font-weight: none;
border-bottom: 1px gray solid;
height: 20px; width: 154px;
position: relative; top: 4px; left: 3px;
}

.navquickitem																								/* Now that quick links holds announcements, this holds one announcement */
{
background: transparent;
border-bottom: 1px #fbe9d6 solid;
border-top: 1px #fbe9d6 solid;
width: 160px; height: 32px;
position: relative; top: 0px; left: 0px;
margin-top: 8px;
margin-bottom: 8px;
}
.navquickitem:hover {background: #fbe9d6;} 

.navpic
{
border: 0px black dotted;
height: 88px; width: 140px;
position: absolute; bottom: 26px; left: 20px;
}

.subtitlebar																								/* underneath the title bar */																						
{
border-top: 1px gray solid;
border-left: 1px gray solid;
height: 210px; width: 600px;
position: relative; top: 0px; left: 179px;
overflow: hidden;
}

.subtitlebg																									/* I don't know what this is but it's necessary */
{
border: 0px blue solid;
height: 156px; width: 600px;
position: absolute; top: 0px; left: 0px;
overflow: hidden;
z-index: 0;
}

.subtitle																									/* holds the actual text of the subtitle */
{
border: 0px black solid;
color: #ffffff;
height: 80px; width: 580px;
text-align: left;
font-size: 32pt;
font-weight: bold;
position: relative; top: 0px; left: 40px;
}

.subtitleline																								/* a fancy line for the subtitle */
{
background: #000000;
border: 0px black solid;
height: 55px; width: 600px;
position: relative; top: 156px; left: 0px;
}

.newsbarholder																										/* Spaces the content of the nav div to the correct place */
{
background: #d4e0ed;
border: 1px gray solid;
height: 100%; width: 198px;
position: absolute; top: -2px; left: 780px;
overflow: hidden;
}

.newsbar																										/* the newsbar to the right of everything */
{
background: transparent; 
border-top: 1px gray solid;
padding-left: 8px;
padding-right: 2px;
height: 1500px; width: 187px;
position: relative; top: 160px; left: 0px;
overflow: hidden;
}

.newstitle																									/* div for the title of the newsbar */
{
border: 0px purple solid;
color: transparent;
font-size: 26pt;
font-weight: bold;
text-align: center;
text-decoration: underline;
height: 46px; width: 182px;
position: relative; top: 62px; left: 0px;
}

.dividerminitop																							/* a divider line for the top of the newsbar */
{
background: #ecf1f6;
border: 0px black solid;
height: 55px; width: 197px;
position: absolute; top: 156px; left: 0px;
}

.dividerskini																								/* a different, thinner divieder for in between news items */
{
border-bottom: 1px gray solid;
height: 12px; width: 160px;
position: relative; top: 0px; left: 9px;
}

.dividerminibottom																						/* same newsbar divider as the top one, but lines up at the very bottom */
{
background: #ecf1f6;
border: 0px black solid;
height: 26px; width: 198px;
position: absolute; bottom: 0px; left: -1px;
}


.main																											/* big main content div */
{
background: #FFFFFF;
text-align: left;
overflow: hidden;
border-right: 0px gray solid;
border-bottom: 1px gray solid;
min-height: 1638px;
height: auto; width: 561px;
position: relative; top: 0px; left: 180px;
margin: 0; 
padding-left: 20px;
padding-right: 20px;
padding-bottom: 200px;
}


.newsnavl																									/* to navigate to the previous news item in the news section*/
{
text-align: center;
border: 0px gray solid;
width: 100px; height: 26px;
position: absolute; top: 0px; left: 30px;
}

.newsnavm																									/* to navigate to the news archive in the news section*/
{
text-align: center;
margin: 0 auto;
border: 0px gray solid;
width: 100px; height: 26px;
position: relative; top: 0px;
}

.newsnavr																									/* to navigate to the next news item in the news section*/
{
text-align: center;
border: 0px gray solid;
width: 100px; height: 26px;
position: absolute; top: 0px; right: 30px;
}

.floatpic																									/* floats a pic to the left */
{
height: 200px; width: 267px;
border: 0px solid black;
float: left;
margin: 0 20px 0 0;
}

.floatpicr																									/* floats a pic to the right */
{
height: 250px; width: 240px;
border: 0px solid black;
float: right;
margin: 20px 0 0 20px;
}

.divider																										/* a divider bar like subtitleline */
{
background: #d4e0ed;
border: 0px black solid;
height: 26px; width: 601px;
position: relative; left: -20px;
}

.footer																										/* copyright footer */
{
border: 0px black solid;
width: 300px; height: 40px;
text-align: center;
position: absolute; bottom: 30px; left: 150px;
font-size: 10pt;
}

.bottomline																									/* divider, but lines up at very bottom of main */
{
background: #d4e0ed;
border: 0px black solid;
height: 26px; width: 601px;
position: absolute; bottom: 0px; left: 0px;
}

.bottombg																									/* The hills at the bottom */
{
background-image: url('images/bottom2.jpg');
border: 0px black solid;
width: 100%; height: 306px;
position: absolute; bottom: -108px; left: -8px;
z-index: 1;
}


/*********************************************** List Button Stuff *********************************************/

ul
{
font-size: 12pt;
}

ul.nav
{
list-style:none;
padding:0;
margin: 0px 0 0 0px;
}

ul.nav li
{
display: inline;
}

ul.nav li.item a
{
text-align: left;
background: url('images/navback2.jpg');
color: #ffffff;
border: 1px black solid;
float: left;
width: 164px;
padding: 3px 6px;
text-decoration: none;
font-weight: bold;
font-size: 12pt;
}
ul.nav li.item a:hover {background: #ffffff; color: #000000;}

ul.nav li.subitem a
{
text-align: left;
background: #ffffff;
color: #000000;
border: 1px black solid;
float: left;
width: 144px;
padding: 4px 6px;
margin: 0 0 0 20px;
text-decoration: none;
font-weight: none;
font-size: 9pt;
}
ul.nav li.subitem a:hover {background: #ffffff; color: #f8a750;}

ul.nav li.subsubitem a
{
text-align: left;
background: #ffffff;
color: #000000;
border: 1px black solid;
float: left;
width: 124px;
padding: 4px 6px;
margin: 0 0 0 40px;
text-decoration: none;
font-weight: none;
font-size: 9pt;
}
ul.nav li.subsubitem a:hover {background: #ffffff; color: #f8a750;}

ul.nav li.itemactive a
{
text-align: left;
background: #ffffff;
color: #000000;
border: 1px black solid;
float: left;
width: 164px;
padding: 3px 6px;
text-decoration: none;
font-weight: bold;
font-size: 12pt;
}
ul.nav li.itemactive a:hover {background: #ffffff; color: #000000;}

ul.nav li.subitemactive a
{
text-align: left;
background: #ffffff;
color: #f8a750;
border: 1px black solid;
float: left;
width: 144px;
padding: 4px 6px;
margin: 0 0 0 20px;
text-decoration: none;
font-weight: none;
font-size: 9pt;
}
ul.nav li.subitemactive a:hover {background: #ffffff; color: #f8a750;}

ul.nav li.subsubitemactive a
{
text-align: left;
background: #ffffff;
color: #f8a750;
border: 1px black solid;
float: left;
width: 124px;
padding: 4px 6px;
margin: 0 0 0 40px;
text-decoration: none;
font-weight: none;
font-size: 9pt;
}
ul.nav li.subsubitemactive a:hover {background: #ffffff; color: #f8a750;}


ul.button
{
font-size: 12pt;
list-style:none;
padding:0;
margin: 12px 0 0 30px;
width: 650px
}

ul.button li
{
display: inline;
}

ul.button li a
{
text-align: center;
background: #f8a750;
color: #FFFFFF;
border-right: 1px white solid;
float: left;
width: 123px;
padding: 10px 0;
text-decoration: none;
font-weight: none;
font-size: 12pt;
}
ul.button li a:hover {background: #f9e4ce; color: #000000;}

ul.pic
{
font-size: 12pt;
list-style:none;
padding:0;
margin: 0 0 0 52px;
}

ul.pic li
{
}

ul.pic li a
{
margin: 0 0 10px 0;
}