html 
{

    background-position: 0% 0%;
    min-height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed; 
	background-image:url('images/cody2d.jpg'); 
    background-color: #595964;

}


.LeftBox
{
	padding: 0px 0px 5px 0px;
}
.MiddleBox
{
	padding: 0px 0px 5px 25px;
}
.RightBox
{
	padding: 0px 0px 5px 25px;
}

.BoxWrapper
{
	padding: 0px 5px 0px 5px;
	margin: 5px;
	border: solid 3px #cfecfa;
	border-radius: 5px;
	background-color: #ffffff;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}



.body_text {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}
/* page_title */
.page_title {
    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    color: #990000;
}
/* sub_head */
.sub_head {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
/* photo_bdr */
.photo_bdr {
	padding: 0px;
	border: 2px solid #000000;
	margin: 5px;
}
/* photo_resp */
.photo_resp 
{
    display: inline;   
    width: 100%;
    height: auto;
    margin: 4px;
    padding: 0px;
    border: solid 2px black;
}


img 
{
    /* 
        See http://stackoverflow.com/questions/10844205/html-5-strange-img-always-adds-3px-margin-at-bottom.
        Every img element that is wrapped inside a DIV has a 3px bottom margin to it.
        This problem is caused by the image behaving like a character of text (and so leaving a space below it where the hanging part of a "y" or "g" would go).
    */
    vertical-align: middle;
}

 
.FloatLeft { float:left; }
/* Break out of responsive design floating elements. */
.ClearFloat { clear: both; }


#view-mobile
{
    height:3em; color: #ff9900; background-color:#ededed; text-align: center; font-size: 2em;
}


img.responsive 
{
	max-width: 100%;
	height: auto;
    /* max-height: 100%; */
}



.Title
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #cc0000;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.footer_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

/* **************** LINKS **************** */
A.footerlink:link     { color: #000000; text-decoration:none; font-family: arial; font-size: 11px; font-weight:normal; }
A.footerlink:visited 	{ color: #000000; text-decoration:none; font-family: arial; font-size: 11px; font-weight:normal; }
A.footerlink:active 	{ color: #000000;  cursor:pointer; text-decoration:none; font-family: arial; font-size: 11px; font-weight:normal; }
A.footerlink:hover 	{ color: #000000;  cursor:pointer; text-decoration:underline; font-family: arial; font-size: 11px; font-weight:normal; }


A.smalllink:link     { color: #000000; text-decoration:none; font-family: arial; font-size: 10px; font-weight:normal; }
A.smalllink:visited 	{ color: #000000; text-decoration:none; font-family: arial; font-size: 10px; font-weight:normal; }
A.smalllink:active 	{ color: #ff0000;  cursor:pointer; text-decoration:none; font-family: arial; font-size: 10px; font-weight:normal; }
A.smalllink:hover 	{ color: #ff0000;  cursor:pointer; text-decoration:underline; font-family: arial; font-size: 10px; font-weight:normal; }

A.biglink:link     { color: #0000ff; text-decoration:none; font-family: arial; font-size: 12px; font-weight:bold; }
A.biglink:visited 	{ color: #0000ff; text-decoration:none; font-family: arial; font-size: 12px; font-weight:bold; }
A.biglink:active 	{ color: #ff0000;  cursor:pointer; text-decoration:none; font-family: arial; font-size: 12px; font-weight:bold; }
A.biglink:hover 	{ color: #ff0000;  cursor:pointer; text-decoration:underline; font-family: arial; font-size: 12px; font-weight:bold; }



/* **************** CONTAINERS **************** */

.TableNoPadCollapsed
{
    border-spacing: 0;
    border-collapse: collapse;	
}

/* Flexible iFrame 425 x 350 */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.littleAlphaBox
{
    padding: 1px 1px 1px 1px;
    border: solid 1px black;
    background-color:White;
    width:12px;
    height:15px;
    text-align:center;
}

.mainPanel
{
    border-top: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
}

.adminPanel {
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 1px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	background-color: #ffffff; 
}

.adminPanelHeader
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-align: center;
    BORDER-TOP: black 0px solid;
	BORDER-RIGHT: black 0px solid;
	BORDER-BOTTOM: black 1px solid;
	BORDER-LEFT: black 0px solid;
    background-color: #D7E0E5;
    width: 100%;
}

.master_PageFrame
{
    border: 0px;
    padding: 0px;
    margin: 0px; 
    height: 100%;
    width: 100%;
    min-height: 100%;
    border-collapse: collapse;    
}

.master_PageHeader
{
    height: 100px; 
    background-color: #ffffff;
    font-size: 14pt;
    font-weight: bold; 
    color: #000000;
    padding: 0px;
    margin: 0px;
}

.master_PageFooter
{
    height: 75px; 
    background-color: #cccccc;
    font-size: 12px;
    font-weight: bold; 
    color: #000000;
    padding: 10px;
    margin: 0px;
}

.master_ContentPane
{
    width: 100%;
    height: 100%;
    min-height: 100%; 
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
    text-align: center;
}

.master_PageDivider
{
    border-top: solid 1px black; 
    border-bottom: solid 1px black; 
    border-left: solid 1px black; 
    border-right: solid 1px black; 
    height: 3px; 
    background-color: #800000; 
    padding: 0px;
    margin: 0px; 
    border-collapse: collapse;
    font-size: 0pt; 
}

.master_PageNavLeft
{
    width: 150px; 
    height: 100%;
    min-height: 100%;
    background-color: #006400;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    padding: 0px;
    text-align: center;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-bottom: black 1px solid; 
    border-left: black 1px solid; 
}



/* **************** FONTS - DO NOT CHANGE - USED BY BACKEND APPS **************** */

/* ARIAL */

.arial1 {
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}
.arial1white {
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
}
.arial1red {
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    color: #990000;
}
.arial1blue {
    font-family: arial;
    font-size: 11px;
    font-weight: normal;
    color: #000099;
}
.arial1bold {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
.arial1whitebold {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}
.arial1bluebold {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #000099;
}
.arial1redbold {
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #990000;
}

.arial2 {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.arial2bold {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.arial2whitebold {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
.arial2bluebold {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #000099;
}
.arial2redbold {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #990000;
}

.arial3 {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}
.arial3bold {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.arial3whitebold {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.arial3bluebold {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #000099;
}
.arial3redbold {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #990000;
}


/* TIMES */ 

.times1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}
.times1white {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: normal;
    color: #ffffff;
}
.times1red {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: normal;
    color: #990000;
}
.times1blue {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: normal;
    color: #000099;
}
.times1bold {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
.times1whitebold {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}
.times1bluebold {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #000099;
}
.times1redbold {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    font-weight: bold;
    color: #990000;
}

.times2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.times2bold {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.times2whitebold {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}
.times2bluebold {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #000099;
}
.times2redbold {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #990000;
}

.times3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}
.times3bold {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
.times3whitebold {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.times3bluebold {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    color: #000099;
}
.times3redbold {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
    color: #990000;
}


/* **************** FORMS **************** */

.formBox
{
    color : #000000;
    background : #FFFFFF;
    border-color : #000000;
    border-top : 1px solid;
    border-bottom : 1px solid;
    border-left : 1px solid;
    border-right : 1px solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
	font-weight: normal;
}

.formSubmit
{
    color: #000000;
    background-color : #ffffff;
    border-color : #000000;
    border-top : 1px solid;
    border-bottom : 1px solid;
    border-left : 1px solid;
    border-right : 1px solid;
    font-family : arial,tahoma,verdana;
    font-size : 11px;
    font-weight: bold;
    cursor: pointer;
}

.NoBorder input
{
    background: transparent; 
    border: 0; 
}

/* ******************* MEDIA QUERIES ************************** */


@media screen and (max-width: 560px) 
{
	.PersonnelBox { display: inline-block; text-align: center; }
    .FloatLeft { clear: both; }
    .LeftBox { padding: 0px 0px 5px 0px; }
    .MiddleBox { padding: 0px 0px 5px 0px; }
    .RightBox { padding: 0px 0px 5px 0px; }
}