a:link {
        color: #003399;
        text-decoration: none;
        }

a:visited {
        color: #1a2b54;
        text-decoration: none;
        }

a:hover {
        color: #003399;
        text-decoration: underline;
        }


body {
        background: #1d2644; /*#0b2040;#2C3337*/
        }
        
#page {
        text-align: left;
        background: #ffffff;
        width: 900px;
        position: relative;
        margin: 30px auto; /*Top margin of 10px*/
        border: 2px solid #b78d03;
        }

#header {
        float: left;
        background: #fff;
        padding: 0px 0px 0px 0px;
        width: 900px;
        }


/* LOGO / HEADER CONTAINER */

#header_logo {
        background: green;
        display: inline;
        }

#header img {
       float: left;
       border: none;
       z-index: 0;
       }

#navbox {
	position: absolute;
	width: 860px;
	top: 140px;
	left: -1px;
	padding-top: 10px; /*padding from top of container*/
	padding-left: 40px; /*padding from left edge*/
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;  /*centers the text in the box */
	z-index: +3; /*makes the subnav appear over content*/
	background: #b78d03;
	border-top: 1px solid #666666;
	border-right: 1px solid #b78d03;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #b78d03;
	}


/* ------------------ */
/* NAVIGATION STYLING */
/* ------------------ */

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	line-height: 2.5em;
    }

#nav a {
	display: block;
    color: #fff;
    font-weight: bold;
	width: 125px;  /*sets the width of the block, set to background image width to center text*/
}

#nav li { /* all list items */
	float: left;
	width: 130px; /* sets top level box width - width needed or else Opera goes nuts */
	margin-right: 4px; /*margin between top nav boxes - my code*/
	margin-left: 4px; /*margin between top nav boxes - my code*/
	padding-bottom: 4px; /*padding to display bottom of buttons - tweak to avoid gap*/
	background: url('../images/nav_button_1_black_0.gif') no-repeat top left; /*hover styles - my code */
}

/* SECOND LEVEL CODE */

#nav li ul { /* second-level lists */
	position: absolute;
	top: 40px; /*positions the drop down box vertically relative to its container, so padding + button height to get to align at bottom - my code*/
    padding-top: 10px; /*moves nav boxes down but preserves the block element so the hover is not lost*/
	margin-left: -5px; /*offset margin between top nav boxes and second level boxes - my code*/
	width: 130px; /* sets second/third level box width - my code */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align: left;  /*left justifies the text in the boxes - my code  */
	/*lborder-top: 1px solid #cccccc;*/
}

#nav li ul li { /* format second level boxes */
	margin-left: 0px;
	margin-top: -1px;
	padding-bottom: 10px;
	padding-left: 24px; /* pads text within boxes */
	background: #b78d03 url('../images/nav_button_1_black_0.gif') no-repeat top center; /*hover styles - my code */
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

#nav li:hover ul ul, #nav li.sfhover ul ul { /* hides third-and-above-level lists when parent not hovered */
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.sfhover {/* hover styles - my code */
	background: #b78d03 url('../images/nav_button_1_black_1.gif') no-repeat top left;

}

#nav li ul li:hover, #nav li ul li.sfhover {/* hover styles - my code */
	background: #b78d03 url('../images/nav_button_1_black_1.gif') no-repeat top center;
}


div.clearer {
	clear: left;
	line-height: 0;
	height: 0;
	}


#main-area {
        clear: both;
        background: #f0f0f0;
        position: relative;
        width: 900px;
        }

#content-hp {
        float: left;
        width: 900px;
        margin: 60px 0px 20px 10px;
        }

#content {
        float: left;
        width: 840px;
        margin: 70px 0 20px 30px;
        background: #fff;
        border: 1px solid #000;
        }

/* ------------------------------- */
/* MAIN PAGE - LEFT COLUMN STYLING */
/* ------------------------------- */

.content-left {
        float: left;
        width: 560px;
        margin: 20px 10px;
        padding-right: 20px;
        background: #fff;
        border-right: 1px solid #999;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        }

.content-left h1 {
        font-size: 18px;
        color: #0b2040;

        }
 
 .content-left h2 {
        font-size: 14px;
        color: #0b2040;

        }
 
.content-left p {
        line-height: 1.6;

        }

/* -------------------------------- */
/* MAIN PAGE - RIGHT COLUMN STYLING */
/* -------------------------------- */

#right-column {
        float: left;
        width: 200px;
        margin: 50px auto; /*sets top of right column content - set to be below page headline */
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        /*border: 1px solid #cadbeb;*/
        }

.right-column-box {
        float: left;
        width: 200px;
        margin: 20px 10px 30px 10px;
        border: 1px solid #999999;
        }

.right-column-box h1 {
        background:  url("../images/home_page_box_hdr.png") no-repeat top left;
        height: 24px;
        margin: 0 auto;
        padding: 0px 0px 0px 4px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        color: #fff;
        border-bottom: 1px solid #999999;
        }

.right-column-box p {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        line-height: 1.6;
        padding: 2px 4px 0px 4px;
        }

/* -------------------------------- */
/* MAIN PAGE - PHOTO VIEWER STYLING */
/* -------------------------------- */

.photo-viewer {
        float: left;
        width: 800px;
        margin: 20px 10px;
        padding-right: 20px;
        background: #fff;
        border-right: 1px solid #999;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        }


/* ----------------- */
/* HOME PAGE STYLING */
/* ----------------- */

.row-container {
        float: left;
        width: 870px;
        margin-top: 10px;
        /*border: 1px solid #cadbeb;*/
        }

.row-container h1 {
        background:  url("../images/home_page_box_hdr.png") no-repeat top left;
        height: 24px;
        margin: 0 auto;
        padding: 0px 0px 0px 4px;
        margin-bottom: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #999999;
        }

.row-container p {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        line-height: 1.6;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 0px 5px 0px 5px;
        }

.row-container table {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        }

.row-container img.caf {
        /*width: 95px;*/   /*Not sure what this was for...*/
        margin-left: 10px;
        padding: 9px 9px 0px 0px;
        }

.home-left-box {
        float: left;
        width: 420px;
        height: 230px;
        margin: 0px 0px 10px 5px;
        background: #fff;
        border: 1px solid #999;
        }

.home-right-box {
        float: right;
        width: 420px;
        height: 230px;
        margin: 0px 0px 10px 5px;
        background: #fff;
        border: 1px solid #999;
        }

/* ------------- */
/* TABLE STYLING */
/* ------------- */

.table_border { 
    margin: 10px;
    border: solid #333;
	border-width: thin;
	border-collapse: separate ;
    border-spacing: 0px ;
    }

.table_border th { 
    background: #52782a;
    color: #fff;
	border-bottom: #CCC; 
	border-width: 0 0 1px 0; 
	border-style: none none solid none; 
	}

.white_row { 
    background: #fff; 
	border-bottom: #d6d68b;
	border-right:  #d6d68b;
	border-width: 0 1px 1px 0; 
	border-style: none solid solid none;
	padding: 3px;
	vertical-align: top;
	}

.yellow_row { 
    background: #feffea; 
	border-bottom: #d6d68b;
	border-right:  #d6d68b;
	border-width: 0 1px 1px 0; 
	border-style: none solid solid none;
	padding: 3px;
		vertical-align: top;
	}

/* -------------- */
/* FOOTER STYLING */
/* -------------- */

.bottom-container {
        position: relative;
        width: 900px;
        height: 34px;
        margin: 0px 0px 0px 0px;
        clear: both;
        text-align: center;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #b78d03;
        line-height: 1.6;
        border-top: 1px solid #999999;
        background: #0b2040;
        }

.bottom-container a {
        color: #b78d03;
        }

/* -------------- */
/*  MISC STYLING  */
/* -------------- */

.tiny-text {
    font-size: 10px;
    }

.table_paypal { 
    margin: 10px;
    border: solid #333;
	border-width: thin;
	border-collapse: separate ;
    border-spacing: 0px ;
    }

img.fl {
        /*width: 95px;*/   /*Not sure what this was for...*/
        float: left;
        margin-left: 10px;
        padding: 9px 9px 0px 0px;
        }

img.fr {
        /*width: 95px;*/   /*Not sure what this was for...*/
        float: right;
        margin-right: 10px;
        padding: 9px 0px 0px 9px;
        }

.byline {	font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: smaller;
      color: #666666;
      }

.gallery { background: #FFFFFF;
 	border-width: 1px 1px 1px 1px;
 	border-style: solid solid solid solid;
 	}

/* test styles */

.test {
    border-collapse: collapse;
    }

.question {
    font-weight: bold;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 10px;
    text-indent: -25px;
    padding-left: 25px;
    }

.answer_row {
    float: left;
    padding: 0px;
    margin: 5px 0;
    width: 100%;
    clear: both;
    }

.answers {
    float: left;
    width: 200px;
    margin: 0 0 0 0;
    text-indent: -40px;
    padding: 3px 20px 0 40px;
    }

.correct {
    background: #ccff99;
    padding: 4px;
    }

.incorrect {
    background: #ff9497;
    padding: 4px;
    }

.none {
    background: #fff;
    }

.result {
    padding-left: 50px;
    }

.passed { /*results header*/
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    background: #d7ffce;
    border: 1px solid #01991c;
    }

.failed { /*results header*/
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    background: #ffd0d3;
    border: 1px solid #993401;
    }