/* global styles */

*
html, body {
height: 100%;
}

body {
font-family: Arial,Helvetica,sans-serif;

border: 0;
margin: 0;
padding: 0;
}


#colorset {
color: #339999; // the teal color
color: #246B6B; // darker
color: #D5FFFF; // very light
color: #AAFFFF; // light
}


a:link {
    color: #246B6B;
    text-decoration: none;
    border-bottom: #246B6B;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}


a:visited {
    color: #095050;
    text-decoration: none;
    border-bottom: #095050;
    border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
}

.vspace { margin-top:1.33em;}

/* navigation style */*

.navigation {
position:relative; width:200px; vertical-align:top;

}
.box {

border: 1px solid rgb(200,200,200);
padding: 0;
max-width: 200px;

}
.navigation h3 {
margin:0;
padding:2px;
background-color:rgb(200,200,200);
text-align:center;
font-size:10pt;

}



.navigation li.off {

padding-left: 20px;
background-image: url('sq0.gif');

background-repeat: no-repeat;
background-position:  0 0.4em;
}
.navigation li.on {

padding-left: 20px;
background-image: url('sq1.gif');

background-repeat: no-repeat;
background-position: 0 0.4em;
}

.navigation li ul li.off {

padding-left: 20px;
background-image: url('triangle1.gif');

background-repeat: no-repeat;
background-position:  0 0.4em;
}
.navigation li ul li.on {

padding-left: 20px;
background-image: url('triangle2.gif');

background-repeat: no-repeat;
background-position: 0 0.4em;
}
.navigation ul
{
margin-left: 10px;
padding-left: 0px;
list-style: none;
}
.navigation1 ul
{
margin-left: 10px;
padding-left: 0px;
list-style: none;
}
.navigation2 ul
{
margin-left: 10px;
padding-left: 0px;
list-style: none;
}

img.right {
position: absolute; right: 5px;
}


/* styles for the sidebars */

.sidebar { padding:0;
padding-top:5px;
font-size: 10pt;
position:relative;
width:200px;
vertical-align:top;
}






.sidebar .box ul { list-style-type:square;
padding-left:15px;
margin-top:5px;
margin-bottom:5px;
}


.sidebar ul a:link { text-decoration:none;
color:black;
border-width:0;
}


.sidebar ul a:visited { text-decoration:none;
color:black;
border-width:0;
}


.sidebar ul a:hover { text-decoration:none;
color:rgb(0,0,200);
background-color:rgb(200,200,200);
}



/* styles for the maintext */


#maintext {
padding:5px;

position: relative;

/* width: 600px; */

vertical-align:top;

align: left;
}






/* styles for the wikitext */


#wikitext { margin: 0;
padding: 0;
padding-left:10px;
padding-right:10px;
font-size:10pt;
background: rgb(240,240,240);
height: auto !important;
height: 400px;
min-height: 400px;
}


#wikitext h1 { clear:both;
/*line-height:48pt;*/
line-height:normal;
color:rgb(51, 153, 153);
margin:0;
margin-bottom:12pt;
}


#wikitext h2 { color:#246B6B;
margin-bottom:0;
}


#wikitext h3 { margin-bottom:0;
clear:both;
}


#wikitext hr { clear:both; }


#wikitext li { margin-left:10px; }


#wikitext img.floatleft {float: left; margin-right: 4px; margin-bottom: 6px; clear: both;}
#wikitext img.floatright {float: right; margin-left: 4px; margin-bottom: 6px; clear: both;}
#wikitext img.middle {display: block; margin-left: auto; margin-right: auto; }
#wikitext h2.clear {clear:both;}
#wikitext p.clear {clear:both;}

/* the infobox, which occurs mostly on home */

.infobox { padding: 5px;
position:relative;
width:200px;
height:60px;
background-color: rgb(100,100, 100);
/*background-image: url(bottom-right.png);
background-position: right bottom;
background-repeat: no-repeat;*/
float:left;
margin:0px;
margin-right:20px;
margin-bottom:15px;
font-size:10pt;
border-bottom: 1px solid black;
border-right: 1px solid black;
border: 1px solid rgb(200,200,200);
}



.infobox h2 {
font-size:12pt;
margin:0;
color: white;
margin-left: 65px;
}



.infobox a:link {
color: white; /*rgb(50,50,50);*/
text-decoration:none;
border-width: 0 0 0 0;
}



.infobox a:visited {
color: white; /*rgb(50,50,50); */
text-decoration:none;
border-width: 0 0 0 0;
}



.infoimg img {
position:relative;
width:55px;
height:55px;
float:left;
padding-right:0px;
margin-right:10;
border: 1px solid white;
}

.tealarrow {
position:absolute;
right:5px;
bottom:5px;
padding-right:0;
}



/* styles for the footer */

#bottomstrip { background-color: rgb(51, 153, 153);
height: 2px;
}

#editfield { font-size: 8pt; 
text-align: left;
vertical-align:top;
}

#boilerplate { font-size: 8pt; 
text-align: right;
vertical-align:top;
}