@charset "utf-8";
/* CSS Document */

/* css clear: set default tag style and basic tag styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, img {
margin : 0 auto;
padding : 0;
}

body {
background : #1a2c55;
font-family : Arial, sans-serif;
}
body {
margin : 0 auto;
padding : 0 15px;
text-align : center;
font-size : 10pt;
}
li {
list-style : none;
}
div.clear {
clear : both;
overflow : hidden;
height : 1px;
}
a{
color: #0066cc;
text-decoration: none;
border: none;
}
a:link{
color: #0066cc;
text-decoration: none;
}
a:visited{
color: #0066cc;
text-decoration: none;
}
a:hover{
color: #ff0000;
text-decoration: none;
}
h1 {
font-family : Verdana, Arial, sans-serif;
font-size : 20pt;
color : #ccc;
margin : 0;
padding : 0;
}
h2 {
font-family : Arial, sans-serif;
font-size : 16pt;
color : #000;
margin : 0;
padding : 0;
}
h3 {
font-family : Arial, sans-serif;
font-size : 12pt;
color : #000;
margin : 0;
padding : 0;
}
h4 {
font-family : Arial, sans-serif;
font-size : 100%;
font-weight : normal;
color : #333333;
margin : 0;
padding : 0;
}
h5 {
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
color : #cccccc;
margin : 0;
padding : 0;
}
/* main structural elements * 
------------------------------------------------------------------------------------- */
/* common widths */
#wrap, #topnav, #banner, #main, #footer {
width : 763px;
}
#content, #content1, #content2 {
width : 763px;
}
#wrap {
height : 100%;
text-align : center;
padding : 0;
margin : 0 auto;
background : #fff;
}
#banner {
background : #0070ba url(images/banner.jpg) no-repeat top left;
height : 121px;
text-align : left;
}
#topnav {
background : #cc0000 url(../images/topnavbkg.gif) repeat-x 0 0;
text-align : left;
}
#main {
height : 100%;
text-align : left;
text-align : left;
}
#sidebar {
float : left;
width : 224px;
background : #fff url("/images/sidebar_bkg.gif") repeat-x top left;
padding : 0;
margin : 0 auto;
height : 100%;
}
/* common elements */
#content {
float : left;
width : 523px;
background : #fff;
height : 100%;
}
#footer {
height : 31px;
background : #b7d0f3;
text-align : center;
}
/* banner */
#banner span {
display : none;
}
/* navigation */ 
#topnav {
width : 763px;
height : 32px;
padding : 0;
margin : 0;
list-style : none;
font-family : Arial, Helvetica;
font-weight : bold;
}
#topnav li {
float : left;
list-style : none;
width : 9em;
}
#topnav a {
display : block;
text-decoration : none;
padding : 8px 10px 5px 10px;
border-right : 1px solid;
font-size : 11pt;
color : #fff;
border-right-color : #666;
}
#topnav li a {
padding : 8px 16px 5px 10px;
background-image : url(images/nav-bullet.gif);
background-repeat : no-repeat;
background-position : right center;
}
#topnav li a:hover, #topnav li a:focus, #topnav li a:active {
color : #9cf;
background-color : #900;
}
#topnav li {
width : auto;
}
#main {
background : #fff;
margin : 0 auto;
padding : 0 0 0 0;
height : 100%;
font-size : 10pt;
}
/* home content*/
#content1 {
height : 269px;
background : #fff url("../images/pic_video.jpg") no-repeat top right;
}
#content1 img {
float : left;
border : none;
display : block;
}
#content2 {
height : 96px;
background : #e5e5e5;
margin : 0 auto;
padding : 26px 0 28px 0;
}
#content2 img {
display : inline;
margin : 0;
padding : 0;
}
#content2 li {
float : left;
list-style : none;
}
#content2 span {
display : none;
}
#homeban li {
margin : 0;
padding : 0;
list-style : none;
display : block;
}
#homeban a {
display : block;
}
#leftban, #leftban a {
left : 0;
top : 0;
width : 224px;
height : 66px;
background : url("../images/register_button.gif") no-repeat top left;
}
#cntrban, #cntrban a {
background : url("../images/survey_button.gif") no-repeat top left;
width : 214px;
height : 66px;
}
#rightban {
background : url("../images/testimonial_button_bkg.gif") repeat-x top left;
width : 325px;
height : 66px;
}
#rightban blockquote {
position : relative;
top : 18px;
right : 10px;
font-weight : bold;
font-size : 10pt;
text-align : right;
}
#rightban em {
font-weight : bold;
font-size : 11pt;
}
#rightban a {
display : inline;
color : #0000ff;
}
/*inner pages */
#sidebar {
padding : 8px 0 8px 8px;
margin : 0;
}
#sidebar h2{
color:#fff;
margin : 0px 0 15px 0
}
#sidebar h2 a, #sidebar h2 a:link, #sidebar h2 a:hover, #sidebar h2 a:visited {
color: #fff;
text-decoration: none;
border: none;
}
#sidebar h2 .small {
font-size:11pt;}


.box {
height : 100%;
width : 206px;
background : #999;
margin : 8px 0 12px 0;
}
.sidetop {
background : #fff url("../images/side_topper.gif") no-repeat top left;
padding : 12px 0 8px 4px;
border:2px solid #0173bc;
}

.register {
background : #fff url("../images/register_topper.gif") no-repeat top left;
padding : 74px 0 8px 8px;
}
/*.register h3{
border:2px solid #a30a0a;
}*/


.survey {
background : #fff url("../images/survey_topper.gif") no-repeat top left;
padding : 74px 0 8px 8px;
border:2px solid #d6db58;
}
#content {
padding : 8px 0 8px 8px;
margin : 0;
background : #fff;
}
.feature {
height : 100%;
background : #fff;
margin : 0 0 20px 0;
}
.feature h2{
height : 100%;
color : #0066cc;
margin : 0 0 10px 0;
font-weight:bold;
}
.feature p {
font-size : 10pt;
}
.story {
background : #fff;
margin : 8px 8px 0 0px;
}
.story h3 {
margin: 12px 0 8px 0;
border-bottom: 2px #0066CC solid;
color:0066cc;
}

.story blockquote {
background : url("../images/testimonial_button_bkg.gif") repeat-x top left;
height : 66px;
font-weight : bold;
font-size : 14pt;
text-align : center;
color:#fff;
padding: 8px 0 0 0;
}


/* image styles */
.story img {
margin : 15px 5px 10px 15px;
float : right;
padding : 1px 1px 1px 1px;
border : 1px;
border-style : solid;
border-color : #000000;
clear : both;
}
.story img.leftnb {
float : left;
display : block;
border : none;
padding : 1px 1px 1px 1px;
margin : 0 10px 5px 0;
border : 1px;
border-style : solid;
border-color : #ffffff !important;
}
.story img.rightnb {
float : right;
display : block;
border : none;
padding : 1px 1px 1px 1px;
margin : 0 10px 5px 0;
border : 1px;
border-style : solid;
border-color : #ffffff !important;
}
/* footer */
.footnav {
padding : 8px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
}