/* CSS Document */

/* basic layout */

body {
  margin: 0;
  padding: 0px 5px;
  min-width: 780px;
}

#container {
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  margin-top: 1em;
}

#left {
  width: 235px;
  position: absolute;
  top: 0;
  left: 0;
}

#right {
  width: 330px;
  top: 0;
  right: 0;
  position: absolute;
}

#content {
  margin-left: 250px;
  margin-right: 340px;
  padding-bottom: 18%;
  position: relative;
}

#footer {
  background-color: #fff;
  color: #666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding: 0.5em 0em 0em 0em;
  margin: 4em 0em 0em 0em;
  border-top: 0.1em solid #bbb;
  clear: both;
  width: 100%;
  margin: 0 auto;
}

/* formatting styles */

h2.line {
	border-top: #ccc 1px solid;
	margin-top: 1.5em; 
	padding-top: 0em;
	width: 90%;
}

#blueline {
width: 235px;
border: 1px solid #022d57;
height: 100%;
}

#blueline p {
color: #000000;
font-size: 0.9em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 2em;
}

#blue-background {
width: 235px;
color: #FFFFFF;
background-color: #022d57;
padding: 0px 0px 0px 0px;
font-size: 0.9em;
float: left;
}

#blue-background p {
color: #FFFFFF;
background-color: #022d57;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
}

#blue-background a:link, #blue-background a:visited {
color: #FFFFFF;
background-color: #022d57;
}

#blue-box {
width: 235px;
height: 58px;
border: #022d57 1px solid;
color: #FFFFFF;
background-color: #022d57;
margin-top: 0.5em;
font-size: 1em;
font-weight: bold;
}

#blue-box a:link, #blue-box a:visited {
color: #FFFFFF;
background-color: #022d57;
}

#blue-box img {
float: right;
margin-left: 10px;
}

#blue-box p {
padding-top: 0.25em;
padding-left: 0.5em;
}

#blue-box2 {
width: 320px;
height: 58px;
border: #022d57 1px solid;
color: #FFFFFF;
background-color: #022d57;
margin-bottom: 1.5em;
font-size: 1em;
font-weight: bold;
}

#blue-box2 a:link, #blue-box2 a:visited {
color: #FFFFFF;
background-color: #022d57;
}

#blue-box2 img {
float: left;
margin-right: 10px;
}

#blue-box2 p {
padding-top: 0.25em;
padding-left: 0.5em;
}

#expert img{
margin-top: 1em;
}

#expert-top{
margin-bottom: 1em;
}

/* highlight and news styles */

#highlight { 
width: 330px;
padding: 0px 0px 20px 0px;
float:right;
vertical-align: top;
background-color: #CCCCCC;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 5px;
}

#highlight h2 {
color: #FFFFFF;
background-color: #022d57;
display: block;
padding-top: 0px;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
}

#highlight img {
float: left;
border: 1px #022d57 solid;
margin-left: 5px;
margin-right: 7px;
margin-top: 6px;
}

#highlight p {
vertical-align: top;
font-size: 0.9em;
padding-top: 0px;
margin-right: 5px;
margin-top: 5px;
}

#flashnews {
margin-bottom: 5px;
width: 330px;
}

#flashnews-alt { 
width: 330px;
padding: 0px 0px 20px 0px;
vertical-align: top;
background-color: #cccccc;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 5px;
}

#flashnews-alt p {
color: #000000;
background-color: #cccccc;
padding-left: 5px;
}


#flashnews-alt h2 {
color: #FFFFFF;
background-color: #022d57;
display: block;
padding-top: 0px;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 0px;
}

#flashnews-alt img {
float: left;
border: 1px #022d57 solid;
margin-left: 5px;
margin-right: 7px;
margin-top: 6px;
}

#profile { 
width: 95%;
padding: 8px 0px 20px 0px;
float: none;
vertical-align: top;
background-color: #FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 5px;
}

#profile img {
float: left;
border: 1px #022d57 solid;
margin-left: 5px;
margin-right: 7px;
margin-top: 6px;
}

#profile p {
vertical-align: top;
font-size: 0.9em;
padding-top: 0px;
margin-right: 5px;
margin-top: 5px;
}

#profile ul {
float: right;
list-style-type: none;
font-size: 0.9em;
padding-top: 0px;
margin-right: 5px;
margin-top: 5px;
}

/* video styles */

#video h2 {
color: #FFFFFF;
background-color: #022d57;
display: block;
padding-top: 0px;
padding-left: 8px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 10px;
}