html, body {
height:100%;
width:100%;
}
body {
text-align:center;
background-color:#333388;
color:#404040;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#spacing {
}
#frame {
width:784px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
background-color:#ffffff;
background-repeat:repeat-y;
border:5px solid #000022;
}
#head_url {
width:200px;
height:30px;
padding:0px;
float:left;
background:#000044;
color:#efefef;
font-size:12px;
text-align:center;
border-color:#FFF;
border-style:solid;
border-width: 1px 1px 1px 1px;
}
#head_menu {
width:581px;
height:30px;
padding:0px;
float:left;
text-align:right;
color:#FFFFFF;
font-size:11px;
background:#000033;
/*background-image:url('images/layout/top_menu_bg.jpg');*/
background-repeat:no-repeat;
border-color:#FFF;
border-style:solid;
border-width: 1px 1px 1px 0px;
}
#head_menu a {
color:#FFF;
text-decoration:none;
}
#head_menu a:hover {
text-decoration:underline;
}
#head_menu img {
position:absolute;
margin-top:-7px;
margin-left:-30px;
}
.csm {float:right; text-align:left; margin-top:3px; line-height:12px;}
#logo {
width:200px;
height:120px;
padding:0px;
float:left;
background:#000033;
border-color:#FFF;
border-style:solid;
border-width: 0px 1px 1px 1px;
}
#contenttop {
width:230px;
height:210px;
padding:0px;
float:left;
background:#1463d4;
border-color:#FFF;
background-repeat:no-repeat;
background-position:center center;
border-style:solid;
border-width: 0px 1px 1px 0px;
z-index:100;
text-align:center;
}
#contenttop img {
margin:0px;
}
#menu {
width:200px;
padding:0px;
margin:0px;
background:#1463d4;
border-color:#FFF;
border-style:solid;
background-image:url('images/layout/button.gif');
background-position:bottom;
border-width: 0px 1px 0px 0px;
}
#menu ul {
margin:0px;
float:right;
}
#menu li {
list-style: none;
position: relative
}
#menu a {
width:169px;
height:24px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
padding:0px;
margin:0px;
padding-left:10px;
padding-top:5px;
background:#000044;
/*background-image:url('images/layout/menu_bg.jpg');*/
background-position:bottom;
color:#fff;
float:right;
vertical-align:middle;
font-variant:small-caps;
text-decoration:none;
}
#menu a:hover {
background:#262064;
/*background-image:url('images/layout/menu_bg_h.jpg');*/
color:#ffffff;
font-style:italic;
}
.hidden_menu {
display:none;
background-color:#1463d4;
background-image:url('images/layout/button3.gif');
}
#menu ul a {
background:#000044;
font-size:11px;
padding-left:10px;
width:148px;
}
#menu ul a:hover {
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
display:block;
}
#pic {
width:350px;
height:210px;
padding:0px;
float:left;
background:#000;
background-image:url('images/layout/pic.jpg');
background-repeat:no-repeat;
background-position:right;
border-color:#FFF;
border-style:solid;
border-width: 0px 1px 1px 0px;
}
#content_container {
background-color:#ffffff;
width:332px;
border-left:200px solid #000044; /* left content background color */
border-right:250px solid #efefef; /* right content background color */
margin-left:1px;
margin-right:1px;
}
#contentleft {
position:relative;
top:-90px;
width:200px;
padding:0px;
float:left;
background:#c7d7e1;
border-style:solid;
border-color:#FFF;
border-width: 0px 1px 0px 1px;
margin-bottom:-90px;
margin-left:-201px;
}
#contentcenter {
position:relative;
top:0px;
width:331px;
padding:0px;
font-size:16px;
float:left;
background:#fff;
background-position:top right;
background-repeat:no-repeat;
border-style:solid;
border-color:#FFF;
border-width: 0px 0px 0px 0px;
margin-right:-331px;
}
#contentcenter form, #contentcenter span {
font-size:12px;
font-weight:bold;
}
#contentcenter a {
color:#06C;
text-decoration:none;
font-size:11px;
}
#contentcenter a:hover {
color:#018;
text-decoration:underline;
}
#contentright {
width:249px;
padding:0px;
float:right;
background:#efefef;
color:#333355;
font-size:12px;
font-style:italic;
border-style:solid;
border-color:#FFF;
text-align:center;
border-width: 0px 1px 0px 0px;
margin-right:-250px;
position:relative;
}
#contentright img {
width:230px;
margin:10px;
margin-bottom:-2px;
border:2px solid #000044;
}
#foot_div {
position:relative;
top:-2px;
width:782px;
height:3px;
padding:0px;
margin:0px;
float:left;
line-height:0px;
font-size:1px;
background:#1463d4;
border-style:solid;
border-color:#FFF;
border-width: 0px 1px 0px 1px;
}
#foot_menu_container {
width:782px;
height:30px;
padding:0px;
float:left;
background:#000033;
/*background-image:url('images/layout/foot_menu_bg.jpg');*/
background-repeat:no-repeat;
color:#fff;
text-align:center;
vertical-align:middle;
border-style:solid;
border-color:#FFF;
border-width: 1px 1px 1px 1px;
}
#foot_menu li, #foot_menu ul {
list-style: none;
margin-top: 12px;
padding:0px;
padding-left:7px;
padding-right:6px;
line-height:1px;
float: left;
}
#foot_menu ul {
float:none;
margin-top: 3px;
margin-bottom: 0px;
padding-bottom: 6px;
}
#foot_menu {
margin-left:35px;
}
#foot_menu a {
color:#FFF;
text-decoration:none;
}
#foot_menu a:hover {
color:#ACF;
}
.hidden_foot_menu {
display:none;
background-color:#5987a6;
position:absolute;
float:none;
margin-left:0px;
margin-top:5px;
padding:15px;
border:2px solid #c7d7e1;
line-height:35px;
}
.hidden_foot_menu li {
}
#foot_menu li:hover ul ul, #foot_menu li:hover ul ul ul, #foot_menu li.sfhover ul ul, #foot_menu li.sfhover ul ul ul {
display:none;
}
#foot_menu li:hover ul, #foot_menu li li:hover ul, #foot_menu li li li:hover ul, #foot_menu li.sfhover ul, #foot_menu li li.sfhover ul, #foot_menu li li li.sfhover ul {
display:block;
}
#foot {
width:782px;
height:60px;
padding:0px;
float:left;
text-align:center;
background-color:#dddddd;
border-style:solid;
border-color:#FFF;
border-width: 0px 1px 1px 1px;
font-size:13px;
}
br.all {clear:both;}
div.padding {padding:10px;}
h1 {
font-size:20px;
font-family:"Times New Roman", Times, serif;
letter-spacing:1px;
color:#000044;
padding-bottom:3px;
margin:0px 10px 10px 10px;
font-variant:small-caps;
border-bottom:1px solid #1463d4;
}
h1 span {
font-size:13px;
font-weight:100;
}
p {
margin:10px 10px 10px 10px;
}
#foot_menu p {
margin:6px 10px 6px 10px;
}
p.small {
font-size:10px;
}
#links a {
font-size:12px;
}
dl {
margin:10px;
}
dd {
margin-bottom:5px;
}
#ribbonBanner{
background-image:url(/style/ribbon2.png);
background-repeat:no-repeat;
width:555px;
height:115px;
z-index:100;
text-align:center;
margin:0 auto;
}
#ribbonBanner p{
margin:0 auto;
padding-top:10px;
vertical-align:middle;
height:30px;
width:70%;
color:#FFFFFF;
}