/*
Website Copyright (c) 2009 Brandon Dusseau
Exclusively for iPirates, FRC Team 1528
Use of this anything contained in this website,
including but not limited to files, graphics, and
text is prohibited without consent of the copyright
holder or the aforementioned recipient.
*/

/* Global */
* {
margin: 0;
padding: 0;
}

body {
background: #000000 url(images/bodybg.png) repeat-x fixed;
color: #000000;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

img {
border: none;
}

h1 {
font-size: x-large;
margin-bottom: 10px;
}

p {
font-size: small;
}

a, a.visited {
color: #000000;
}

input, select, textarea {
margin-right: 5px;
}

label {
font-size: small;
}

object {
margin-bottom: 10px;
}

fieldset {
padding: 10px;
padding-top: 0;
font-size: small;
margin-bottom: 5px;
}

.hidden, #print-head {
display: none;
}

#maincontainer {
margin-left: auto;
margin-right: auto;
width: 850px;
background-color: #900000;
position: relative;
}

.pi {
position: absolute;
bottom: 2px;
right: 2px;
color: #900000;
font-size: 12pt;
font-family: "Times New Roman", Times, serif;
cursor: default;
}

.pi * {
}

/* Header */

#header {
height: 150px;
width: 850px;
color: #000000;
position: relative;
background: url(images/banner.png) no-repeat;
z-index: 2;
}

#login {
height: 15px;
width: 850px;
}

/* Dropdown Menu */

#menu {
float: right;
position: absolute;
bottom: 0px;
right: 0px;
color: #ffffff;
}

ul.menu {
list-style: none;
margin-right: 3px;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

ul.menu a {
display: block;
text-decoration: none;
color: #ffffff;
}

ul.menu li {
position: relative;
float: left;
margin-right: 2px;
font-size: 10pt;
background-color: #c90000;
}

ul.menu li.heading {
background: #900000 url(images/menu-bg.png) repeat-x;
margin-bottom: 2px;
margin-right: 2px;
border: 1px solid #afafaf;
}

ul.menu li.heading div.lf {
background: url(images/menu-lf.png) 0 0 no-repeat;
}

ul.menu li.heading div.rt {
background: url(images/menu-rt.png) 100% 0 no-repeat;
padding: 5px 7px 7px;

}

ul.menu ul {
position: absolute;
top: 40px;
left: 0;
list-style: none;
display: none;
width: 150px;
background: url(images/menu-float-bg.png) 0 5px repeat-y;
}

ul.menu div.menu-top {
background: url(images/menu-float-top.png) 0 0 no-repeat;
width: 150px;
height: 6px;
position: absolute;
top: -6px;
}

ul.menu div.menu-bottom {
background: url(images/menu-float-bottom.png) 0 0 no-repeat;
width: 150px;
position: absolute;
top: 100%;
height: 13px;
}

ul.menu ul li {
position: relative;
border-top: 1px solid #a50000;
width: 130px;
left: -2px;
top: 0px;
margin-left: 8px;
}

ul.menu ul li:hover {
background: #510000 url(images/menu-fade.png) 0 0 repeat-y;
}

ul.menu ul li a {
display: block;
padding: 1px 2px 1px;
font-size: 10pt;
}

ul.menu ul ul {
left: 140px;
top: -1px;
}

ul.menu .menulink {
border: none;
width: 100%;
height: 100%;
font-weight: bold;
}

ul.menu li.heading:hover {
border: 1px solid #ffffff;
cursor: pointer;
}

ul.menu li.heading:hover div.rt {
background: #900000 url(images/menu-hvbg.png) 0 0;
}

ul.menu .sub {
position:relative;
}

.arrow {
width: 100%;
height: 100%;
background: url(images/arrow-wt.gif) no-repeat scroll 97% 48%;
float: right;
}

ul.menu ul li.edge div {
margin-left: -5px;
border: none;
}

/* Content */

#contentcontainer {
width: 850px;
background: #fafafa url(images/spacerside.png) repeat-y 580px 0%;
}

#content h1, #content h2, #content h3, #content h4 {
border-bottom: 1px solid #000000;
padding-bottom: 3px;
margin-bottom: 10px;
}

#content h4 {
border: none;
margin-bottom: 5px;
}

#content {
width: 570px;
color: #444444;
background-color: transparent;
padding: 10px;
padding-right: 0;
padding-top: 0;
overflow: hidden;
clear: left;
position: relative;
z-index: 1;
}

#content p.cleared:after {
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#content p.cleared{
display: inline-block;
}

#content table {
background-color: #e5e5e5;
width: 570px;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
}

#content td {
text-align: center
}

#content td, th {
border-top: 1px solid #000;
border-left: 1px solid #000;
}

#content p {
margin-bottom: 10px;
}

#content iframe {
background: url(images/load.png) no-repeat 50% 50%;
}

#content li {
margin-left: 20px;
font-size: 10pt;
}

#content ul, #content ol {
margin-bottom: 10px;
}

#evolution {
background: url(images/evo.png) #FAFAFA 100% 100% no-repeat;
z-index: 0;
position: absolute;
bottom: 90px;
height: 158px;
width: 570px;
}

#spacer-top, #spacer-bottom {
height: 20px;
width: 600px;
}

#spacer-top img, #spacer-bottom img{
float: right;
}

#spacer-top {
background: url(images/spacertop.png) repeat-x 0% 0%;
float: left;
}

#spacer-bottom {
background: #900000 url(images/spacerbottom.png) repeat-x 100% 0%;
clear: right;
}

span.bold {
font-weight: bold;
}

#content p.no-indent {
text-indent: 0;
}

div.profile {
width: 500px;
}

span.profile {
width: 250px;
}

/** Forms **/

#content input, #content textarea, #content select {
margin-bottom: 5px;
vertical-align: middle;
font-size: 11pt;
padding: 3px;
border: 1px solid #aaaaaa;
}

#content input:focus, #content textarea:focus, #content select:focus {
border: 1px solid #989458;
background-color: #ffffaa;
}

#content input[type=submit]:focus, #content input[type=reset]:focus, #content input[type=button]:focus    {
background-color: #cccccc;
border: 1px solid #aaaaaa;
}

#content label {
vertical-align: top;
}

span.label {
margin-right: 5px;
float: left;
}

input.x-small {
width: 40px
}

input.small {
width: 60px
}

input.long {
width: 200px;
}

input.x-long {
width: 300px;
}

span.req {
color: #ff0000;
font-size: 8pt;
vertical-align: super;
}

#content fieldset p {
text-indent: 0px;
margin-bottom: 5px;
}

/** Special Sections **/

#process {
margin-left: 20px;
background-color: #ffffff;
border: 2px solid #000000;
padding: 10px;
font-size: 10pt;
}

.error a {
color: #ff0000;
}

/* News and Sponsorship */

#news {
width: 250px;
float: right;
background-color: #900000;
height: 100%;
margin-bottom: -20px;
margin-top: 10px;
padding-bottom: 20px;
white-space: normal;
}

#news h1 {
margin-top: 10px;
}

div.sponsor {
background: #ffffff;
width: 170px;
height: 47px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
text-align: center;
position: relative;
z-index: 1;
}

div.sponsor a {
text-decoration: none;
}

div.sponsor a span {
position: relative;
top: -51px;
left: 0;
z-index: 1;
}

div.part-center {
width: 210px;
height: 20px;
margin-left: auto;
margin-right: auto;
background: url(images/parthead.png) repeat-x 0 0;
margin-bottom: -5px;
}

div.part-center p {
font-size: medium;
font-weight: bold;
background-color: #ffffff;
padding-right: 4px;
display: inline-block;
}

/* Footer */

#footer {
width: 850px;
text-align: center;
clear: both;
padding: 5px;
color: #FFFFFF;
}

#footer a:visited {
color: #cccccc;
}

#footer a:link {
color: #FFFFFF;
}

p.footer {
font-size: x-small;
}

#content p.footer, #content p.p-small {
text-indent: 0;
}

/* SIDEBAR */
.sidebar {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.side-header {
background: url(images/news_head.gif) 0 0 no-repeat;
height: 33px;
}

.side-header2 {
background: url(images/part_head.png) 0 0 no-repeat;
height: 32px;
}

.sidebar hr {
border: none;
border-top: 1px solid #e5e5e5;
width: 230px;
margin-left: 0px;
}

p.right-side {
float: right;
font-style: italic;
}

.links p {
display: inline;
margin-right: 10px;
}

.links a:link, .links a:visited, .links a:hover {
color: #000000;
text-decoration: none;
vertical-align: middle;
}

.side-content {
background: url(images/content_bg.gif) 0 0 repeat-y;
padding: 5px;
padding-right: 15px;
}

.side-footer {
background: url(images/content-foot.gif) 0 0 no-repeat;
height: 5px;
}

/* WYMeditor */

/* PARA: Error Box*/
p.error {
color: #ff0000;
font-weight: bold;
background: #ffd3d3 url(images/error.png) no-repeat 4px 50%;
padding: 4px;
padding-left: 42px;
min-height: 32px;
border: 1px solid #ff0000;
border-left: 8px solid #ff0000;
/*color: #ff0000;
font-weight: bold;
background: url(images/error.png) no-repeat 4px 50%;
background-color: #ffe0c0;
padding: 4px;
padding-left: 42px;
min-height: 32px;
border: 1px solid #ff0000;
border-left: 8px solid #ff0000;*/
}

/* PARA: Note Box*/
p.note {
font-weight: bold;
background: url(images/note.png) no-repeat 4px 50%;
background-color: #ffffff;
padding: 4px;
padding-left: 42px;
min-height: 32px;
border: 1px solid #2000ff;
border-left: 8px solid #2000ff;
/*
font-weight: bold;
background: url(images/note.png) no-repeat 4px 50%;
background-color: #ffffff;
padding: 4px;
padding-left: 42px;
min-height: 32px;
border: 1px solid #2000ff;
border-left: 8px solid #2000ff;
*/
}

/* PARA: Time Box*/
p.time {
font-weight: bold;
background: url(images/time.png) no-repeat 4px 50%;
background-color: #ffffff;
padding: 4px;
padding-left: 42px;
min-height: 32px;
border: 1px solid #00a2ff;
border-left: 8px solid #00a2ff;
/*
font-weight: bold;
background: url(images/time.png) no-repeat 4px 50%;
background-color: #ffffff;
padding: 4px;
padding-left: 42px;
min-height: 32px;
border: 1px solid #00a2ff;
border-left: 8px solid #00a2ff;
*/
}

/* PARA: Disclaimer line */
p.p-small {
font-size: x-small;
/*font-size: x-small;*/
}

/* PARA: Align center */
p.center {
text-align: center;
/*text-align: center;*/
}

/* PARA: Align right */
p.right {
text-align: right;
/*text-align: right;*/
}

/* PARA: Force new line after paragraph */
p.cleared {
/*background-color: #CCFFFF;
border: 1px solid #99FFCC;*/
}

/* IMG: Float Left */
img.float-l {
float: left;
margin-right: 10px;
/*float: left;
margin-right: 10px;*/
}

/* IMG: Float Right */
img.float-r  {
float: right;
margin-left: 10px;
/*float: right;
margin-left: 10px;*/
}

/* /WYMeditor */
/* END EDITOR RELATED STYLES */