/* Style sheet made by Angie Tech Chair 09-10 for La Quinta High School KIWIN'S. Any replication or reproduction of this material is prohibited. */

/* General Styles
-------------------*/
body, div {
font-family: Arial, Helvetica, sans-serif;
font-size: 93%; 
color: #851b1b; 
padding: 0; 
line-height: 14px;
}

body {
margin: 0px;
padding: 0px;
position:center; 
width:100%;
background-color: #861b1b;
}

body,input
	{
font-family: Arial, Helvetica, sans-serif;
font-size: 93%; 
color: #851b1b; 
text-align:left;
	}

I, EM {
font: italic 11px arial; 
text-transform:none; 
color: #c17171;
}

U {
text-decoration: none;
border-bottom: 1px dashed #851b1b;
font-weight: none;
}


.boardtext {
font-family: Arial, Helvetica, sans-serif;
padding: 2px 0px 0px 0px;
text-align: left;
margin: 0px 5px 0px 76px;
}


.text {
font-family: Arial, Helvetica, sans-serif;
padding: 3px 10px 0px 10px;
text-align: left;
margin: 0px 0px 0px 0px;
}

.text1 {
font-family: Arial, Helvetica, sans-serif;
padding: 3px 10px 0px 10px;
margin: 0px 0px 0px 0px;
font-size: 100%;
}

.quotebox {

width:430px; 
height:400px; 
border:0px; 
text-align:left; 
font-family:Arial, Helvetica, sans-serif; 
font-size: 11px;
 overflow:scroll;}



.code {
	background: #EEEEEF;
	text-align: center;
	width: 350px;
	margin: 4px auto 0 auto;
	font-size: 100%;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-top: 4px;
	border-left: 4px solid #851b1b;
}

.title {
padding: 0px 20px 0px 20px;
margin: -29px 0px 0px 0px;
}


.h1 {
font-size: 100%;
font-weight: bold;
color: #851b1b;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

.h2 {
font-size: 16pt;
font-weight: bold;
color: #851b1b;
}


/* Text Styles
-------------------*/
.updates3 { 
padding-top: -0px;
background-image:url(images/updates3.gif);
padding-bottom: 0px;
letter-spacing: 0px; 
font-weight:bold; 
font-size: 14px;
color: #851b1b;
font-variant: small-caps; 
padding-top: 0px;
margin: 0px 0 0 100px;
margin-bottom: -0px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
}

.updates2 { 
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 3px; 
font-weight:bold; 
font-size: 14px;
color: #851b1b;
font-variant: small-caps; 
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}

.updates{ 
background-image:url(images/updates-header.gif);
margin-top: 0;
margin-bottom: 0;
letter-spacing: 3px; 
font-weight:bold; 
font-size: 14px;
color: #851b1b;
font-variant:small-caps; 
text-align: center;
padding: 5px 0px 0px 0;
font-family: Arial, Helvetica, sans-serif;
}

.comments { 
margin-bottom: 0;
height: 11px; 
font-weight:bold; 
font-size: 10px;
color: #851b1b;
text-align: right;
padding: 5px 14px 3px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navi {  
letter-spacing: 1px;
font-size: 14px;
color: #851b1b;
font-variant:small-caps;
background-image:url(images/nav-header.gif);
background-repeat:no-repeat; 
line-height:14px;
height: 20px;
text-align: right;
padding-top: 0px;
margin: 0px 0 0 100px;
margin-bottom: -0px;
font-weight: bold;
}

/* Form Styles
-------------------*/
input, select
{
color: #942E2E;
font: 11px arial;
background-color: #C8AE81;
border-left: 3px dotted #942E2E;
border-right: 3px dotted #942E2E;
border-top : 1px solid #942E2E;
border-bottom : 1px solid #942E2E;
        
}

input.submit
{
color: #942E2E;
font: 11px sans-serif;
background-color: #C8AE81;
border-left: 3px dotted #942E2E;
border-right: 3px dotted #942E2E;
border-top : 1px solid #942E2E;
border-bottom : 1px solid #942E2E;
}

textarea
{
color: #942E2E;
font: 11px sans-serif;
background-color: #C8AE81;
border-left: 3px dotted #942E2E;
border-right: 3px dotted #942E2E;
border-top : 1px solid #942E2E;
border-bottom : 1px solid #942E2E;
}

input:focus, select:focus, textarea:focus
{
	color: #942E2E;
	background-color: #E7D5B5;
	border-left: 3px dotted #942E2E;
	border-right: 3px dotted #942E2E;
	border-top : 1px solid #942E2E;
	border-bottom : 1px solid #942E2E;
}

/* Dividers Styles
-------------------*/
div#board-bg {
background-image: url(images/board-bg.gif);
background-repeat: no-repeat;
margin-top: 0px;
width: 860px;
height: 403px;
}

div#board-footer {
background-image: url(images/board-footer.gif); 
background-repeat:no-repeat; 
background-position: top center;
width: 860px;
height: 70px;
}

div#board-header {
background-image: url(images/board-header.gif); 
background-repeat:no-repeat; 
background-position: top center;
width: 860px;
height: 230px;}

div#board-div {
float: center;
display:block;
margin-bottom: -5px;
width: 860px;
overflow: hidden;
}

div#container {
position:center; 
width:1047px;
margin-top: 0px;
margin-left: 44px;
background-color: #861b1b;
background-image:url(images/bg.jpg);
background-repeat: repeat-y;
background-position:center;
}

div#box {
width:430px
height:600px; 
overflow:auto; 
border-width:0px;
text-align:left; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}

div#body-div {
background-image:url(images/bg.jpg);
background-repeat: repeat-y;
background-position:center;
width: 1186px;
}

div#top-div {
clear: both;
overflow: hidden;
margin-top: 0px;
margin-left: 44px;
width: 1047px;
height: 497px;
display: block;
}

div#footer {
background-image: url(images/footer.jpg);
background-repeat: no-repeat:
background-position: top center;
clear: both;
overflow: hidden;
margin: 0px;
width: 1186px;
height: 97px;
font-size: 10px;
}

div#nav-bg {
background-image: url(images/nav-bg.gif);
background-repeat: repeat-y;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 0px;
margin-left: 100px;
padding-top: 3px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
}

div#nav-footer {
background-image: url(images/nav-footer.gif);
background-repeat: no-repeat;
width: 217px;
height: 18px;
margin-top: -15px;
margin-right: -117px;
margin-bottom: -1px;
padding-top: 3px;
padding-bottom: -5px;
padding-left: 0px;
padding-right: 0px;
}

div#navleft-div {
float: left;
display:inline;
margin-left: 10px;
margin: 5px 0 0 18px;
width: 300px;
overflow: hidden;
}

div#navright-div {
float: left;
display:inline;
margin-left: 5px;
margin: 5px 0 0 -85px;
width: 300px;
overflow: hidden;
}

div#content-div {
float: left;
display:block;
margin-top: 5px;
margin-left: 16px;
margin-right: 0px;
margin-bottom: 10px;
width: 475px;
overflow: hidden;
}

div#content-bg {
background-image: url(images/content-bg.jpg);
background-repeat: repeat-y;
margin-top: -5px;
width: 470px;
}

div#content-footer {
background-image: url(images/content-footer.jpg); 
background-repeat:no-repeat; 
background-position: top center;
width: 470px;
height: 11px;
}

div#content-header {
background-image: url(images/content-header.jpg); 
background-repeat:no-repeat; 
background-position: top center;
width: 470px;
height: 11px;
margin-top: 10px;
}

div#spoiler
    {
padding: 3px 10px 0px 10px;
margin: 0px 0px 0px 0px;
text-align:left;
    }

div#inner
    {
    border-left:5px solid #c17171;
font: Arial;
font-size: 11; 
color: #851b1b; 
padding: 3px; 
line-height: 14px;
text-align:left;
    }

/* General Hyperlink Styles
-------------------*/
a:link, a:link font, a:active, a:active font, a:visited, a:visited font, a.navbar:link, a.navbar:active, a.navbar:visited, a.redlink:link, a.redlink:active, 
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
text-decoration: none; 
color: #af8c52; 
padding:0px 1px 0px 1px
margin-top: 0;
margin-bottom: 0;
}

a:visited { 
   color:#861b1b; 
   text-decoration:none; 
}

a:hover { 
color: #861b1b;
text-decoration: underline;
}

/* Left Nav Styles
-------------------*/
.style7
{
font-size: 11px; 
text-align:left;
font-weight: none;
margin-top: 0px;
margin-bottom: 0;
margin-right: 0px;
margin-left: 10px;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

div#navleft-div a
{
background: #CGCGCG;
display: block;
height: 18px;
width: 195px;
margin-top: 0px;
margin-bottom: 0;
margin-right: 0px;
margin-left: -10px;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 0px;
}

div#navleft-div a:link, a:active, a:visited {
text-decoration: none; 
color: #af8c52; 
padding-top: 3px;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 0;
margin-bottom: 0;
}

div#navleft-div a:hover
{
font-size: 11px; 
text-align:left;
height: 18px;
width:200px;
font-weight: none;
color: #851b1b;
background: #dac298;
border-left: 5px solid #e7d5b5;
margin-top: 0px;
margin-bottom: 0;
margin-right: 0px;
margin-left: -10px;
padding-top: 3px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}


/* Right Nav Styles
-------------------*/
.style8 
{
font-size: 11px; 
text-align:left;
margin-top: 0px;
margin-bottom: 0;
padding-top: 3px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 4px;
margin-right: 4px;
}

div#navright-div a
{
padding-left: 4px;
padding-top: 5px;
display: block;
width: 195px;
height: 18px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: -10px;
}

div#navright-div a:link, a:active, a:visited {
text-decoration: none; 
color: #af8c52; 
padding:0px 1px 0px 1px
margin-top: 0;
margin-bottom: 0;
}

div#navright-div a:hover
{
text-decoration: none;
color: #851b1b;
background: #dac298;
height: 18px;
border-left: 5px solid #e7d5b5;
margin-top: 0px;
margin-bottom: 0;
margin-right: 0px;
margin-left: -10px;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}



/* Top Nav Styles
-------------------*/

div#nav-top ul {
height: 32px;
display: block;
line-height: 30px;
text-align: left;
margin: 0px 8 0 100px;
background: url('images/navtop.gif') no-repeat;
padding-left: 0px;
list-style: none;
}

div#nav-top ul li {
float: left;
margin-left: 25px;
margin-right: 35px;
padding-top: -90px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}

div#nav-top ul li a {
display: block;
float: left;
height: 32px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-weight: bold;
margin-left: 20px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}

div#nav-top a:hover {
display: block;
float: left;
background: url('images/top-hover.gif') no-repeat;
background-position:center;
margin-left: 20px;
font-weight: bold;
padding-top: -1px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}