html, body {width: 100% !important;}
body { background-color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; font-size : 1em; color : #2F4F4F; padding: 0; margin: 0;}

#left { position : absolute; left : 0px; top : 0px; width : 222px; text-align : center; z-index : 100;}
#right { position : absolute; left : 230px; top : 10px; right : 10px; }

#menucontainer { background-color : #2F4F4F; width : 200px; position : relative; left : 10px; height : 300px; color : #FFFFFF; }
#menu { position : relative; top : 6px; left : 6px; border-left : 1px solid #FFFFFF; border-top : 1px solid #FFFFFF; width : 193px; height : 293px; }
#menu A { text-decoration : none; color : #FFFFFF; }
#menu div { border-right : 1px solid #FFFFFF; border-bottom : 1px solid #FFFFFF; width : 120px; margin-top : 10px; margin-left : auto; margin-right : auto;}

#menu a span { display : none; }
#menu a:hover span {
padding : 10px;
color : #FFFFFF;
text-decoration : none;
text-align : left;
background-color : #2F4F4F;
display : block;
position : absolute;
top : 0px;
left : 200px;
width : 500px;
height : 100px;
border-top : 10px double #FFFFFF;
border-left : 10px double #FFFFFF;
}

.frame { width : 188px; position : relative; left : 10px; top : 10px; border : 1px solid #2F4F4F; font-size : smaller; padding : 5px; }
#cc { position : absolute; bottom : 6px; width : 200px; border : 1px solid red;}

input, select, textarea { border : 1px solid #2F4F4F; color : #2F4F4F; width : 400px; }
.button { background-color : #2F4F4F; color : #FFFFFF; border : 1px solid #2F4F4F; }

H1, H2 { background : #2F4F4F; border-left : 10px double #FFFFFF; border-top : 10px double #FFFFFF; font-size : 1em; font-weight : normal; padding : 0px 10px 0px 10px; color : #FFFFFF;}
span.header { background : #2F4F4F; border-top : 10px double #FFFFFF; border-left : 10px double #FFFFFF; padding : 0px 10px 0px 10px; color : #FFFFFF;}
H3, H4 { font-size : 1em; font-weight : normal; }
H1, H3 { font-weight : bold; }

.l { text-align : left; }
.r { text-align : right; }
.c { text-align : center; }

.m { vertical-align : middle; }

.i { font-style : italic; }
.b { font-weight : bold; }
.s { font-size : smaller; }
.xs { font-size : xx-small; }

.nw { white-space : nowrap; }
.h { visibility : hidden; }
IMG { border-width : 0px; }
TD { vertical-align : top; }
TH { vertical-align : top; text-align : left; }
A { color : #2F4F4F; }
HR { width : 50%; background-color : #2F4F4F; color : #2F4F4F; border : 0; }
code { font-size : xx-small; }
.top, .top IMG { vertical-align : top; }
.bl { border-bottom : 1px solid #2F4F4F; }
.cb { clear : both; }

.uniforms { display : block; position : relative; float : left; background-color : #2F4F4F; text-align : center; width : 212px; height : 250px; margin : 1px; color : #FFFFFF; }
.uniforms A { text-decoration : none; color : #FFFFFF; }
.uniforms A:hover { background : none; }

.corpsinfo {}
.corpsinfo .uniforms { display : block; position : relative; float : left; background-color : #2F4F4F; text-align : center; width : 210px; height : 142px; margin : 1px; color : #FFFFFF; }
.corpsinfo .info { display : block; height : 142px; padding-left : 10px; padding-top : 10px; vertical-align : center;}

.box { border : 1px solid #2F4F4F; }