/*
firststage copyright (c) 2010
*/

* {
padding:0;
margin:0;
}

body {
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size:1.0em;
background-color: #336699;
padding:0;
height:100%;
}

/*
firstage-structure 
*/

#container {
min-height:100%;
margin:0 auto;
width:90%;
padding-top:10px;
}

#header {
background-image:url(images/middle.gif);
background-repeat:repeat-x;
background-position:top left;
height:150px;
border-bottom: #9196b1 solid;}

#rightheader {
background-image:url(images/rh.gif);
background-repeat:no-repeat;
background-position:top right;
height:150px;
}

#fsm-title {
background-image:url(images/lh.gif);
background-repeat:no-repeat;
background-position:top left;
height:150px;
padding-top:15px;
padding-left:23px;
}

#fsm-title h3 {
font-size:.8em;
color: #000000;
margin-bottom: 0px;
font-weight: normal;
margin-top: 15px;
margin-left: 460px;}

#content {
border-left:6px solid #9196b1;
border-right: 6px #9196b1 solid;
}

#page {
background-color:#ffffff;
width:70%;
float:left;
min-height:100px;
padding-top: 20px;
background-image: url(images/boredbar.gif);
background-repeat: repeat-y;
padding-bottom: 20px;}

#rightcolumn {
width:27%;
float:left;
padding-top:20px;
}

#rightcolumn h3 {
font-size:.95em;
color: #FFF;
margin-bottom: 30px;
margin-left: 10px;}

#rightcolumn p {
font-size:0.80em;
color: #FFFFFF;
padding-left: 10px;
padding-right: 0px;
margin-top: 5px;
margin-bottom: 0px;}


/*
firststage-nav
*/

#rightcolumn ul {
list-style:none;
margin:0;
padding:0;}

#rightcolumn ul li {
}

#rightcolumn ul li a {
background-color: #244463;
color: #ffffff;
border-bottom:2px solid #1d1f5d;
border-right:2px solid #1d1f5d;
border-left:1px solid #000000;
display:block;
padding:16px 7px;
text-decoration:none;
font-size:1em;
}

#rightcolumn ul li a:hover {
background-color: #EEEEEE;
color: #000000;
background-image: url(images/button-bg-pale.gif);
background-position: right center;
background-repeat: no-repeat;}

#rightcolumn ul li a.selected, #rightcolumn ul li a.selected:hover {
background-color:#ffffff;
border-left:none;
border-right:none;
font-weight:bold;
color: #000000;
background-image: url(images/button-bg.gif);
background-repeat: no-repeat;
background-position: right center;}

/*
headers
*/

h1 {
color: #444444;
font-size: 1.2em;
font-weight: bold;
padding-top: 20px;
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
margin-left: 460px;}

h2 {
color:#003366;
font-size:1.1em;
font-weight:normal;
padding:0;
margin: 10px 0em 0px 460px
}

#page h2 {
margin-left: 80px;}

#page-location h2 {
margin-left: 80px;}

h3 {
font-size:.9em;
color:#7F0000;
font-weight:normal;
margin-bottom: 0px;}

#page h3 {
margin-left: 50px;
color: #333;
font-weight: bold;
}


/*
fsm-links
*/
page a {
color: #0000ff;
}

page a:hover {
color:#0000ff;
}

#page-location {
background-color:#ffffff;
width:70%;
float:left;
min-height:100px;
padding-top: 20px;
background-image: url(images/boredbar.gif);
background-repeat: repeat-y;
padding-bottom: 20px;}

#page-location a {
color: #0000ff;
}

#page-location a:hover {
color:#CC0000;
}

#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 0px;
padding-bottom: 0;
background-color: #ffffff;
visibility: hidden;
z-index: 10;
cursor: pointer;
border: 1px #000000 solid;}

#thumbBox .footerbar {
font: normal 12px Tahoma;
line-height: 1.1em;
color: #000000;
padding: 5px 0;
text-align: center;}

#thumbBox #thumbImage {
background-color: #fffdc7;}

#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #fffdc7;
padding: 5px;
z-index: 5;}

/*
fsm-paragraphs
*/

p {
font-size:.8em;
color:#333333;
line-height: 1.5em;
padding-left: 50px;
padding-right: 10px;
margin-top: 10px;
margin-bottom: 10px;}

/*
fsm-footer
*/

div#footer {
padding:10px 0;
border-left:6px solid #9196b1;
border-right:6px solid #9196b1;
border-top:2px solid #9196b1;
border-bottom:6px solid #9196b1;
background-color: #333
}

div#footer p {
margin:0;
padding:0;
padding-left: 80px;
font-size: .55em;}
div#footer p, div#footer a {
color: #ffffff;
}

#footer .right {
float: right;
width: 400px;
}



/*
forms, labels, inputs
*/
input.button {
font-weight:bold;
padding:5px 15px;
}
input, textarea {
padding:2px;
background-color:#fff;
border: 1px #000 solid
}
label {
font-weight:bold;
}
form.submit {
background-color:#336699;
color:#fff000;
font-weight:bold;
padding:2px 5px;
}

/*
tables
*/
table {
margin-left: 50px;
width: 85%;
font-size:0.85em;
}
table tr th {
color:#ffffff;
background-color:#336699;
}
table tr th, table tr td {
padding: 2px 2px 2px 10px;
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
text-align: center;}

/*
table tr td {
border-bottom:1px solid #0000ff;
}
*/

/*
lists
*/

div.sidebar ul {
list-style:none;
padding:0;
border-top:4px solid #dddddd;
margin:0 0 20px 0
}
ul {
margin:0 0 20px 20px;
padding:0;
list-style:square;
}
ul li {
padding:3px 0;
}

/*
miscs
*/
code {
border:1px solid #cccccc;
background-color:#dddddd;
color:#333333;
display:block;
padding:10px 5px;
margin:10px 0;
}
.clear {
clear:both; 
}
.right { 
float:right;
margin-bottom: 20px; 
}
.left  {
float:left;  
}

abbr {
border-bottom-width: 1px;
border-bottom-style: dotted;
cursor: help; border-bottom: none;}

.abbr {
border-bottom-width: 1px;
border-bottom-style: dotted;
}

ul {
margin-left: 80px;}

li {
font-size:0.75em;
color:#333333;
line-height: 1.5em;
padding-left: 20px;
}

HR {
width: 80%;
margin-top: 5px;
margin-bottom: 5px;}