/*
    HTML TAG OVERLOADERS

    These are basic element overloads.
*/

html {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	background-color: #000080;
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

/*
    *** LAYOUT ***

    CONTAINERS control the layout of the website.

    Divided up in the following way:

    MAIN_       -- Background
    HEADER_     -- Displays title, catch phrase
    TOPBAR_     -- Top navigational bar
    NAVBAR_     -- Left side navigational bar
    BODY_       -- Main area that displays content
    FOOTER_     -- Copyright info, etc.
*/

#layout_main_container {
	width: 750px;
	background-color: #F0D50F;
	border: 1px solid #000;
	margin: auto;
	padding: 10px;
	padding-right: 2px;
}

#layout_header_container {
    width: 740px;
	height: 123px;
	border: 1px solid #000;
	border-bottom: 0px;
	position: relative;
}

#layout_topbar_container {
	position: relative;
	float: left;
    width: 730px;
    height: 26px;
	margin-top: 10px;
	border-top: 1px solid #AAA;
	padding: 5px;
    /*background-color: #DEDEDE;*/
    background-color: #F7F7F7;
}

#layout_content_container {
    width: 740px;
    border: 1px solid #000;
    border-top: 1px solid #AAA;
    background-color: #F7F7F7;
}

#layout_navbar_container {
    height: 100%;
	width: 200px;
	position: relative;
	float: left;
}

#layout_body_container {
	width: 535px;
	border-left: 1px solid #AAA;
	position: relative;
	float: right;
}

#layout_footer_container {
    margin-top: -1px;
    width: 740px;
    height: 65px;
    border-top: 1px solid #AAA;
    clear: right;
    position: relative;
}


/*
    *** HEADER ***

    The top portion of the web site displaying title/logan
*/


#header_cell {
	margin: auto;
	text-align: left;
	padding: 5px 5px 5px 5px;
	position: relative;
}

/*
    *** TOPBAR ***

    The top navigational bar containing quick links and search form

*/

/*#topbar_container {
	margin: auto;
	text-align: center;
	position: relative;
}*/

#topbar_links_cell {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 5px;
}

#topbar_search_cell {
    width: 200px;
    float: right;
    margin-top: 2px;
}


/*
    *** NAVBAR ***

    The left part of the content portion of the web site.  Primary link navigation.
*/

#navbar_top_cell {
    text-align: left;
    padding: 5px 5px 15px 10px;
    position: relative;
}

#navbar_cell {
    margin-top: 5px;
    text-align: left;
    padding: 5px 5px 15px 10px;
    position: relative;
}

/*
    *** BODY ***

    Displays the content to the user from their selection from the various bars.

*/

#body_cell {
	margin: auto;
	text-align: justify;
	padding: 10px 25px 15px 15px;
	position: relative;
}

/*
    *** FOOTER ***

    Displays the content to the user from their selection from the various bars.

*/

#footer_cell {
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}

/*
    *** LINKS ***

    These refer to anchor links, and differ from regular text.

    TOPBAR_
    NAVBAR_
    BODY_
*/

/* topbar */
.links_topbar {

}

.links_topbar:link {
	text-decoration: none;
	font-weight: normal;
}

.links_topbar:visited {
	text-decoration: none;
	font-weight: normal;
}

.links_topbar:hover {
	text-decoration: underline;
	font-weight: normal;
}

/* navbar */
.links_navbar {

}

.links_navbar:link {
	text-decoration: none;
	font-weight: normal;
}

.links_navbar:visited {
	text-decoration: none;
	font-weight: normal;
}

.links_navbar:hover {
	text-decoration: underline;
	font-weight: normal;
}

/* body */
.links_body {

}
.links_body:link {
	text-decoration: underline;
	font-weight: normal;
}
.links_body:visited {
	text-decoration: underline;
	font-weight: normal;
}
.links_body:hover {
	text-decoration: underline;
	font-weight: normal;
}

.links_body_list {

}
.links_body_list:link {
	text-decoration: none;
	font-weight: normal;
}
.links_body_list:visited {
	text-decoration: none;
	font-weight: normal;
}
.links_body_list:hover {
	text-decoration: underline;
	font-weight: normal;
}

/*
    *** COLOR ***

    Color is not specified in actual elements because it is element independent (for portability).

    TEXT_

*/

.color_background_default {
    background-color: #FCFCFC;
}

.color_text_default {
    color: #000066;
}

.color_text_watermark {
    color: #AAAACC;
}

.color_text_disabled {
    color: #AAAACC;
}

/*
    *** TEXT ***

    This refers to the the text itself (size, style, docoration, face).

                style, size base

    HEADER_     -- bold, 14pt
    BODY_       -- none, 12pt
    SLOGAN_     -- italic, 12pt
    FORM_       -- none, 9pt

*/

.text_body_small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text_body_normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text_body_medium {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.text_body_large {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.text_header_small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.text_header_normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 14px;
}
.text_header_medium {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}
.text_header_large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
}
.text_slogan_normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
}
.text_form_textbox {
	font-size: 9pt;
}
.text_form_button {
    font-size: 10pt;
}

/*
    *** DIVIDER ***

    These are horizontal or vertical dividers.

    HDIVIDER_       -- Horizontal Divider
    VDIVIDER_       -- Vertical Divider

*/

.hdivider_navbar_normal {
    border-bottom: 1px solid #AAA;
    width: 80%;
    margin-left: 8%;
}

.hdivider_body_normal {
    border-bottom: 1px solid #AAA;
    width: 90%;
    margin-left: 5%;
}

.vdivider_topbar_small {
    border-left: 1px solid #AAA;
    float: left;
    margin-top: 3px;
    height: 15px;
}

/*
    *** MISC ***
*/

ul,ol {
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
}


/*
    *** HACKS ***

    MSIE min-height hack (.prop and .clear)
    Courtesy Gray Wyvern - http://www.greywyvern.com/code/min-height-hack
*/
.prop {
	float:right;
	width:1px;
	height: 500px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}