body {
margin:0px; 
padding:0px;
text-align:center;
font-family: helvetica,arial;
background-color: #cce4fe;
font-size: 12px;
}
#wrapper {
width:1024px;
_width: 1044px;
margin:0px auto;
text-align:left;
background-color: #f3f6fb;
position: relative;
}
#left_grad{
position: absolute;
top:0;
left: 0px;
width: 58px;
height: 100%;
_height: 1000px;
background-image: url(pix/side_grad_left.jpg);
background-repeat: repeat-y;
}
#right_grad{
position: absolute;
top:0;
right: 0;
width: 58px;
height: 100%;
_height: 1000px;
background-image: url(pix/side_grad_right.jpg);
background-repeat: repeat-y;
}
#head{
background-color: #808080;
background-image: url(pix/ff_masthead_02.jpg);
background-repeat: no-repeat;
margin-left: 58px;
margin-right: 58px;
height: 174px;
position: relative;
border-bottom: 1px solid #cf7172;
}

.sdm{
top: 154px;
position: absolute;
width: 99%;
font-weight: bold;
font-size: 11px;
}
.sdm ul{
width: 100%;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}
.sdm ul li{
display: inline;
width: 150px;
}
.sdm ul li a{
color: #f3f6fb;
padding: 2px 17px;
margin: 0;
border-right: 1px solid #cf7172;
text-decoration: none;
}


#nav{
position: absolute;
top: 130px;
width: 99%;
}
#nav ul{
width: 99%;
padding: 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}
#nav ul li{
display: inline;
}
#nav ul li a{
display: inline-block;
width: 119px;
padding: 0px 0px;
padding-top: 10px;
text-decoration: none; 
font-weight: bold;
font-size: 12px;
background-image: url(pix/tab.png);
background-repeat: no-repeat;
text-align: center; 
color: #7f7f7f;
}
#content{
margin-left: 58px;
margin-right: 58px;
background-color: #f3f6fb;
}
#content .top{
background-image: url(pix/welcome_img.jpg);
height: 200px;
}
#content .column{
float: left;
width: 410px;
padding-left: 5px;
}
#content .widen{
width: 478px;
margin-top: 20px;
}
#content .widen2{
width: 610px;
}
#content .widen3{
width: 790px;
}
#content .shrink{
float: right;
width: 230px;
}
#content .column a img{
border: 0;
}
#content .column img{
float: right;
}
#content .widen2 img{
float: left;
padding: 5px;
}
#content .shrink img{
padding-bottom: 0;
}
#content .column .content_box{
margin: 20px;
position: relative;
background-color: #fff;
}

#content .column h1{
font-size: 18px;
color: #366BAD;
margin: 0;
border-bottom: 1px dashed #366BAD;
margin-right:5px;
}

#content .column a{
color: #366BAD;
text-decoration:none;
}

#foot{ 
font-size: 10px;
clear: both;
margin-left: 68px;
margin-right: 68px; 
height: 12px;
}
#foot a{  
color: #000;
}
.left{
float: left;
}
.right{
float: right;
}

/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 float: left;
 position:relative;
 margin:16px auto;
 min-width:8em;
 max-width:410px; /* based on image dimensions - not quite consistent with drip styles yet */
 color: #000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(pix/dialog_bg.png) no-repeat top right;
 _background-image:url(pix/dialog_bg.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 10px 10px 10px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:16px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}


.side_link_img img{
border: 0;
}

.side_link_img{
background: #000;
display: block;
width: 233px;
float: right;
margin-left: 3px;
margin-bottom: 3px;
}

.whatwedoimg img{
position: relative;
top: -5px;
left: -5px;
}
.blackbg{
background-color: #000;
width: 251px;
height: 192px;
}

h2 {
color: #366BAD;
}
h3 {
color:#999999;
}

.contentbg{
background:url(pix/bg.jpg) repeat-y;
padding:20px 40px 20px 40px;
margin:0;
}
.maincontent{
background:url(pix/curvetopbg.jpg) repeat-x #FFFFFF;
}