/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
}

ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/* LAYOUT */

html,body {
margin: 0;
padding: 0;
background: #FFF;
}

body {
font: small Arial, Helvetica, Verdana sans-serif;
line-height: 1.4em;
}

#wrapper {
float: left;
width: 100%;
}

#container {
margin: 0;
background: #FFF;
width: 1000px;
margin: 0 auto;
}

#header {
margin: 0;
padding: 20px;
background: #8B3626;
border-bottom: solid 5px #0E0707;
}

#header h1 {
margin: 0;
padding: 0;
color: #FFF;
font-size: 2em;
}

#header img {
margin: 0;
padding: 0;
vertical-align: bottom;
}

#header_user {
background: #3F4C6B;
text-align: right;
font-size: .9em;
color: #FFF;
padding: 5px;
border-bottom: solid 5px #0E0707;
text-transform: uppercase;
}

#header_user a {
color: #FFF;
}

#content {
margin: 0 10px 0 200px;
}

#content_box {
margin: 10px 0 10px 0;
padding: 10px 10px 0 10px;
background: #FFF;
border: solid 1px #666;
color: #000000;
/* Hides from IE5-mac \*/
height: 1%;
/* End hide from IE5-mac */
}

#navigation {
float: left;
width: 200px;
margin-left: -1000px;
}

.nav_box {
margin: 10px;
}

#extra {
float: left;
width: 200px;
margin-left: -200px;
}

#footer {
clear: left;
width: 100%;
background: #3F4C6B;
color: #FFF;
border-top: solid 5px #0E0707;
border-bottom: solid 1px #0E0707;
padding: 5px 0 5px 0;
}

#footer p {
text-align: center;
font-size: .95em;
color: #FFF;
padding: 0;
margin: 0;
}

#footer a {
color: #FFF;
}

.force_clear {
clear: both;
}

/* GENERAL TEXT */

p {
font-size: 1em;
margin: 0 0 1em 0;
}

h1 {
color: #000;
font-weight: bold;
font-size: 1.3em;
text-transform: uppercase;
padding: 0;
margin: 0 0 10px 0;
color: #424242;
}

h2 {
font-weight: bold;
font-size: 1em;
margin: 0 0 10px 0;
text-transform: uppercase;
color: #000;
}

strong {
font-weight: bold;
}

/* EDITOR STYLES */

.edit_red {
color: #424242;
}

/* GENERAL LISTS */

ul {
list-style-type: circle;
margin: 0 0 10px 20px;
}

ol {

}

/* GENERAL LINKS */

a {
color: #990000;
}

a:hover {
text-decoration: none;
}

/* GENERAL GRAPHICS */

hr {
border: none 0; 
border-top: 2px solid #999;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
}

img {
border: 0;
}

.img_help {
float: right;
}

/* FORMS */

form {
margin: 0;
padding: 0;
}

fieldset {
border: 0;
background: #EEE;
padding: 10px;
margin: 0 0 10px 0;
border: 1px solid #999;
}

legend {
background: #FFF;
color: #666;
text-transform: uppercase;
padding: 0 5px 0 5px;
border: 1px solid #999;
}

label {
display: block;
margin-bottom: 10px;
color: #666666;
font-weight: bold;
font-size: 1em;
}

input {
padding: 5px;
background: #FFF;
border: 2px solid #999;
margin-bottom: 20px;
font: small Arial, Verdana, Helvetica sans-serif;
}

select {
display: block;
margin-bottom: 15px;
background: #FFF;
}

textarea {
margin-bottom: 20px;
background: #FFF;
}

input.checkbox {
margin: 0;
padding: 0;
}

input.form_radio {
margin: 0;
padding: 0;
border: 0;
background: #FFF;
}

input.form_submit {
margin: 0;
border: 2px solid #666;
padding: 5px;
background-color: #EEEEEE;
color: #333333;
font-weight: bold;
font-family: Arial, Verdana, Helvetica sans-serif;
}

form.hide_text fieldset {
border: none;
padding: 0;
background: inherit;
}

form.hide_text legend, form.hide_text label {
display: none;
}

form.hide_text input {
margin: 0;
display: inline;
}

form.hide_text input.form_submit {
display: inline;
margin: 0;
}

/* FORM SIDE-BY-SIDE */

.side_by_side form {
padding: 0;
margin: 0 0 10px 0;
}

.side_by_side fieldset {
border: 0;
padding: 0;
margin: 0;
background: #FFF;
}

.side_by_side legend {
display: none;
}

.side_by_side label {
display: none;
}

.side_by_side select {
background: #C1CDCD;
border: 1px solid #666;
padding: 3px;
margin: 0;
}

input.form_submit_side {
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
color: #FFF;
padding: 1px;
margin: 0 0 0 5px;
font-size: .9em;
border: 2px solid #333;
}

/* FORM PRES_USER */

.pres_user form {
padding: 0;
margin: 0 0 10px 0;
}

.pres_user fieldset {
border: 0;
padding: 0;
margin: 0;
background: #FFF;
}

.pres_user legend {
display: none;
}


/* ERRORS */

.error_msg {
padding: 10px 10px 0 10px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #999;
background: #FAFAD2;
text-align: left;
}

.error_msg h2 {
margin: 0 0 1em 0;
}

.error_msg2 {
padding: 10px 10px 0 10px;
margin-bottom: 10px;
border: 1px solid #CCC;
background: #FAFAD2;
}

.error_msg2 h2 {
margin: 0 0 1em 0;
}

/* TABLES */

table {
color: #000;
font-size: 1em;
text-align: left;
background: #999;
}

td, th {
padding: .4em;
vertical-align: middle;
border: 1px solid #999;
}

td select {
padding: 0;
margin: 0;
}

th {
font-weight: bold;
text-transform: uppercase;
background: #666;
color: #FFF;
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
text-align: center;
font-size: .9em;
}

th a {
color: #FFF;
}

tr {
background: #FFF;
}

tr.light {
background: #FFF;
}

tr.dark {
background: #FFF;
}

tr.wait {
background: #EEE8AA;
}

table.block {
margin-bottom: 10px;
}

/* BREADCRUMB */

.bread {
margin: 10px 0 10px 0;
padding: 5px 5px 5px 10px;
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
color: #EEE;
border: 1px solid #333;
font-weight: bold;
}

.bread a {
color: #EEE;
}

/* TOP NAVIGATION */

.header_bar {
background: #000;
}

.nav_top
{
margin: 0;
padding: 0;
width: 100%;
}

.nav_top ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

.nav_top ul li
{
width: 140px;
display: block;
float: left;
padding: 0;
margin: 0;
}

.nav_top ul li a
{
background-color: #484E2C;
background-image: url(../images/grad4.gif);
background-position: top left;
background-repeat: repeat-x;
border-bottom: 5px solid #CCC;
border-right: 1px solid #CCC;
padding-top: .6em;
padding-bottom: .6em;
margin: 0;
color: #FFF;
line-height: 1.2em;
text-decoration: none;
display: block;
font-size: .9em;
}

.nav_top ul li a:hover
{
border-bottom: 5px solid #424242;
}

.nav_top #current
{
border-bottom: 5px solid #424242;

}


/* SIDE NAVIGATION */

.nav_side
{
width: 180px;
padding: 0;
background-color: #FFF;
font-size: .94em;
font-weight: bold;
border-top: 1px solid #666;
}

.nav_side ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.nav_side li
{
border-bottom: 1px solid #666;
margin: 0;
}

.nav_side li a
{
display: block;
padding: 5px;
border-right: 5px solid #666;
border-left: 1px solid #666;
background-color: #C1CDCD;
color: #333;
text-decoration: none;
}

.nav_side li a:hover
{
color: #EEE;
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
border-right: 5px solid #111;
border-left: 1px solid #666;
}

.nav_side li li
{
border-top: 1px solid #666;
border-bottom: none;
}

.nav_side li li a
{
background-color: #FFF;
background-image: none;
border-right: 5px solid #666;
border-left: 1px solid #666;
color: #333;
}

.nav_side li li a:hover
{
background-color: #FFF;
color: #000;
border-right: 5px solid #990000;
border-left: 1px solid #666;
background-image: none;
}

.nav_side #current_cat
{
color: #EEE;
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
border-right: 5px solid #111;
border-left: 1px solid #666;
}

.nav_side #current_sub
{
background-color: #FFF;
color: #000;
border-right: 5px solid #990000;
border-left: 1px solid #666;
}

/* TEXT BLOCK */

.block_text_box {
margin: 10px 0 10px 0;
padding: 10px 10px 0 10px;
background: #EEE;
border: solid 1px #666; 
}

/* IMAGE BLOCK */

.block_img_left {
float: left;
margin: 0 10px 10px 0;
}

.block_img_right {
float: right;
margin: 0 0 10px 10px;
}

.block_img_border {
padding: 5px 5px 5px 5px;
border: 1px solid #999;
}

.block_img_border_large {
padding: 5px 5px 30px 5px;
border: 1px solid #999;
background-image: url(../images/bg_enlarge.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

/* MOVIE BLOCK */

.block_mov_box {
margin: 10px 0 10px 0;
padding: 10px;
background: #EEE;
border: solid 1px #666; 
}

.block_mov_mov {
float: left;
background: #666666;
border: solid 1px #666;
}

.block_mov_text {
margin: 0 0 0 350px;
padding: 10px 10px 0 10px;
background: #FFF;
border: solid 1px #666;
}

.block_mov_trans_box {
margin: 10px 0 10px 0;
padding: 0 10px 0 10px;
background: #FFF;
border: solid 1px #666;
overflow: scroll;
height: 100px;
}

/* INTRO MOVIE BLOCK */

.block_mov_intro_box {
margin: 10px 0 10px 0;
padding: 0;
background: #FFF;
border: 0; 
text-align: center;
}

.block_mov_intro_mov {
background: #FFF;
border: 0;
}

.block_mov_intro_text {
margin: 0;
padding: 10px 10px 0 10px;
background: #FFF;
border: solid 1px #666;
text-align: left;
}

/* FOR UNDERSTANDING BROWSERS */
.block_mov_box_min {
min-height: 285px; 
height: auto;
}

/* FOR IE */
/*\*/
* html .block_mov_box_min {
height: 285px;
}
/**/

/* PRE PAGES */

.pre_box_wrapper {
text-align: center;
padding: 20px;
background-image: url(../images/bg_grad2.gif);
background-position: top right;
background-repeat: repeat-x;
}

.pre_box {
width: 500px;
margin: 0px auto;
padding: 10px;
border: 1px solid #999;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
background-color: #FFF;
text-align: center;
}

.pre_box legend {
display: none;
}

.pre_box fieldset {
margin: 0;
text-align: center;
}

.pre_box h1 {
font-size: 2em;
color: #000;
margin-bottom: 10px;
}

.pre_box img {
margin-bottom: 10px;
}

/* USER BOX */

.user_box {
text-align: left;
background: #FFF;
border: 1px solid #999999;
padding: 10px;
}

.user_box h1 {
font-size: 1.2em;
text-align: center;
margin-bottom: 10px;
}

.user_box_img_box {
margin: 10px auto 0 auto;
width: 250px;
}

.user_demo_box {
text-align: left;
background: #EEE;
border: 2px dotted #999999;
padding: 10px;
margin: 0 0 10px 0;
}

/* USER MENU */

.user_menu {
background: #333;
background: #CCC;
padding: 10px;
margin: 0 0 10px 0;
color: #333;
border: 1px solid #999;
}

.user_menu p {
padding: 0;
margin: 0;
text-transform: uppercase;
font-weight: bold;
}

.user_menu a {
color: #333;
}

/* SPONSOR LOGO BOX */

.sponsor_logo_box {
background: #FFF;
border: 1px solid #999999;
margin: 10px 0 0 0;
padding: 10px;
}

.sponsor_logo_box img {
padding: 2px;
}

/* SPONSOR SIDE BOX */

.sponsor_side_box {
text-align: center;
background: #FFF;
border: 1px solid #666;
margin: 10px;
padding: 10px;
}

.sponsor_side_box img {
padding: 10px;
}

/* SURVEY SIDE BOX */

.feedback {
margin-left: 10px;
}

/* MODULE BOX */

.user_mod_box {
background: #FFF;
border: 1px solid #999999;
padding: 10px 10px 0 10px;
margin-bottom: 10px;
}

/* PASSWORD BOX */

.password_box {
padding: 10px 10px 0 10px;
margin-bottom: 10px;
border: 1px solid #999999;
background: #FFF;
text-align: left;
}

/* GLOSSARY SEARCH BOX */

.glos_search_header {
margin: 10px 10px 0 10px;
padding: 5px;
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
color: #EEE;
border: 1px solid #333;
font-weight: bold;
text-align: center;
text-transform: uppercase;
font-size: .95em;
}

.glos_search_box {
background: #FFF;
text-align: center;
margin: 0 10px 10px 10px;
border: 1px solid #666;
border-top: none;
padding: 10px 0 10px 0;
}

.glos_search_box form {
padding: 0;
margin: 0;
}

.glos_search_box fieldset {
border: 0;
padding: 0;
margin: 0;
}

.glos_search_box legend {
display: none;
}

.glos_search_box label {
display: none;
}

.glos_search_box input {
background: #C1CDCD;
border: 1px solid #666;
padding: 3px;
margin: 0;
}

input.form_submit_glos {
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
color: #FFF;
padding: 1px;
margin: 0 0 0 5px;
font-size: .9em;
border: 2px solid #333;
}

/* GLOSSARY RESULT BOX */

.glos_result_box {
background: #FFF;
margin: 0 10px 10px 10px;
border: 1px solid #666;
border-top: none;
padding: 10px;
}

.glos_result_box p {
padding: 0;
margin: 0;
}

.glos_result_box h2 {
color: #333;
}

.glos_result_box ul {
padding: 0 0 0 20px;
margin: 0;
}

/* FILE MANAGER */

ul.file {
margin: 0;
padding: 10px 10px 0 10px;
border: 1px solid #CCC;
list-style: none;
}

ul.file li {
padding: 0 0 10px 20px;
background-image: url(../images/file_txt.gif);
background-repeat: no-repeat;
}

ul.file li.doc {
background-image: url(../images/file_doc.gif);
}

ul.file li.pdf {
background-image: url(../images/file_pdf.gif);
}

ul.file li.xls {
background-image: url(../images/file_xls.gif);
}

ul.file li.ppt {
background-image: url(../images/file_ppt.gif);
}

ul.file li.jpg {
background-image: url(../images/file_img.gif);
}

ul.file li.gif {
background-image: url(../images/file_img.gif);
}

/* ASSESSMENTS */

.mod_ques legend {
display: none;
}

.mod_ques fieldset {
border: none;
padding: 0;
margin: 0 0 10px 0;
}

.mod_ques label {
color: #333;
}

.ques_box {
background: #EEE;
margin: 0 0 10px 0;
border: 1px solid #999;
padding: 10px 10px 20px 10px;
}

.ques_box select {
margin: 10px 0 0 0;
background: #FFF;
}

.ques_box_wrong {
background: #FFF;
margin: 0 0 10px 0;
border: 1px solid #999;
border-left: 5px solid #424242;
padding: 10px 60px 0 10px;
background-image: url(../images/bg_q_wrong.gif);
background-position: top right;
background-repeat: no-repeat;
}

.ques_box_right {
background: #FFF;
margin: 0 0 10px 0;
border: 1px solid #999;
border-left: 5px solid #458B00;
padding: 10px 60px 0 10px;
background-image: url(../images/bg_q_right.gif);
background-position: top right;
background-repeat: no-repeat;
}

.ques_why {
background: #FAFAD2;
margin: 20px 0 10px 0;
border: 1px solid #999999;
border-left: 5px solid #999999;
padding: 10px;
}

.ques_why p {
margin: 0;
}

.ques_img img {
background: #FFF;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #999999;
}

/* DISCUSSION QUESTIONS */

.dis_ques_box_number {
padding: 5px 5px 5px 10px;
margin: 0;
background-color: #999;
background-image: url(../images/bg_grad4.gif);
background-position: center left;
background-repeat: repeat-x;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
}

.dis_ques_box_number h2 {
padding: 0;
margin: 0;
}

.dis_ques_box_content {
padding: 10px 10px 0 10px;
margin: 0 0 10px 0;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
}

/* PREVIOUS / NEXT BOX */

.prev_next_box {
margin: 10px 0 10px 0;
padding: 5px;
background-image: url(../images/bg_grad3.gif);
background-position: center left;
background-repeat: repeat-x;
color: #EEE;
border: 1px solid #333;
font-weight: bold;
text-align: center;
}

.prev_next_box a {
color: #EEE;
}

/* ACTIVITIES BOX */

.act_box {
padding: 10px 10px 0 10px;
margin: 0 0 10px 0;
border: 1px solid #666666;
}

/* LIGHTBOX */

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

/* EVENT BOX */

.event_box {
background: #EEE;
margin: 0 0 10px 0;
border: 1px solid #666;
padding: 10px 10px 0 10px;
}

/* EVENT HIGHLIGHT BOX */

.event_highlight {
background: #EEE8AA;
}

/* EVENT SESSION BOX */

.event_sess_box {
background: #EEE;
margin: 0 0 10px 0;
border: 1px solid #666;
padding: 10px 10px 0 10px;
}

/* EVENT QUESTION BOX */

.event_ques_box {
background: #FFF;
margin: 0 0 10px 0;
border: 1px solid #666;
padding: 10px 10px 0 10px;
}

/* EVENT LIMIT BOX */

.event_limit_box {
background: #EEE;
margin: 0;
border: 1px solid #666;
padding: 10px 10px 0 10px;
}

/* CALENDAR */

.calendarDateInput {
padding: 0;
margin: 0;
}

/* MY EVENT */

.my_event_box_header {
background: #EEE;
padding: 5px 10px 5px 10px;
border: 1px solid #666;
border-bottom: none;
margin: 0;
}

.my_event_box_header h2 {
padding: 0;
margin: 0;
color: #333;
}

.my_event_box_body {
background: #FFF;
margin: 0;
border: 1px solid #666;
padding: 10px 10px 0 10px;
}

.my_event_box_footer {
background: #EEE;
margin: 0 0 10px 0;
border: 1px solid #666;
border-top: none;
padding: 5px 10px 5px 10px;
}

.my_event_box_footer p {
padding: 0;
margin: 0;
color: #333;
}

/* EVENT EMAIL */

.event_e_box {
background: #EEE;
padding: 10px;
border: 1px solid #666;
margin: 0 0 10px 0;
}

/* AREAS */

.area_meet_box {
background: #EEE;
padding: 10px 10px 0 10px;
border: 1px solid #666;
margin: 0 0 10px 0;
}