/*----------------------------------------------------------

Eric Meyer's CSS Reset v1.0 | 20080212
http://meyerweb.com/eric/tools/css/reset/index.html

----------------------------------------------------------*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;    /* now everything has the browser default font size (~16px)... */
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
body {
	line-height: 1;     /* ...and a line-height equal to the font size */
}
/* 
blockquote, q {
	quotes: none;
} 
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
*/
/* remember to define focus styles!
:focus 
{
	outline: 0;
}
*/
/* remember to highlight inserts somehow!
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
*/
/* tables still need 'cellspacing="0"' in the markup
table 
{
    border-collapse: collapse;
	border-spacing: 0;
}
*/

/*----------------------------------------------------------

exordia css - based on nerddinner css

#fff = white
#000 = black
#007F85 = exordia green
#ff9916 = exordia orange

line-height: %, px, em - children inherit value
line-height: normal, number - children inherit factor that's then applied to font-size

font-size: children inherit values
font-size: in px overrides inherited value
font-size: in em or % is applied as factor to inherited value
(& em < 1 is treated as px in ie5)

can do it all on one line with
font: <font-size>/<line-height> list of fonts

----------------------------------------------------------*/
html, body
{
    height: 101%;
}
body
{
    background-color: #fff;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: .7em;
}
h1, h2, h3, h4, h5, h6
{
}
h1.homepage
{
    font-size: 1.3em; 
    margin-bottom: 20px;
	text-align: center;
}
h1, h2
{
    font-size: 1.1em;
    margin-bottom: 15px;    
	color:#007F85;
}
h3, h4, h5, h6
{
    font-size: 1em;
}
a:link
{
    color: #007F85;
}
a:visited
{
    color: #007F85;
}
a:hover
{
    color: #ff9916;
}
a:active
{
}
p, ul
{
    margin-bottom: 20px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header
{
    line-height: 2;
}
#main
{
    padding: 20px;
    line-height: 1.3;
    text-align: justify;
}
#footer
{
    font-size: .8em;
    line-height: 2;
    color: #007F85;
    clear: both;
}

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

#footerContent
{
    margin: 0 20px;
    position: relative;
    text-align: center;
}
#copyright  
{
    width: 100%;            /* required for ie6 */
}
#siteMapLink
{
    color: inherit;         /* not supported in ie6/7 but link gets correct colour anyway */
    display: block;
    position: absolute;
    left: 0px;              /* required for ie6/7 */
    top: 0px;
    width: 100%;
    text-align: right;
}

/* COLUMNS
----------------------------------------------------------*/
div#leftCol
{
	width: 20%;
	float: left;
}
div#rightCol
{
	margin-left: 21%;
	text-align: justify;
}
div#rightContentCol
{
	margin-right: 160px;
	text-align: justify;
}
div#rightImageCol
{
	width: 145px;
	float: right;
	text-align: center;
}

/* HORIZONTAL MENU
----------------------------------------------------------*/
ul#menuH
{
    margin: 0 20px;
    text-align: right;
}
ul#menuH li
{
    display: inline;
}
ul#menuH li a
{
    padding: 2px 5px;
}

/* VERTICAL MENU(S)
----------------------------------------------------------*/

ul.menuV ul
{
    margin: 2px 0 0 15px;
}
ul.menuV li
{
    margin-bottom: 2px;
}
ul.menuV li a
{
    padding: 1px;
}
.subMenuTitle
{
    margin-top: 20px;
}

/* MENU ITEMS
----------------------------------------------------------*/

li.menuItem a
{
    text-decoration: none;
    color: #007F85;    
}
li.menuItem a:hover
{
    color: #ff9916;
}
li.menuItem a.selected
{
    background-color: #007F85;
    color: #fff;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset 
{    
    margin: 0 0 20px 0;
    padding: 0 10px;
    border: 1px solid #DBDBDB;
}
legend 
{
    color: #FF9916;
    font-weight: bold;
    padding: 2px 4px 6px 4px;
}

fieldset p 
{
    margin: 5px 10px;
}

fieldset.labelsInline label 
{
    display: inline-block;  /* not supported by ie6 or ie7 */
    width: 150px;
}
fieldset.labelsAbove label
{
    display: block;
}

fieldset.labelsInline input[type="text"]    /* attribute selected not supported by ie6 */
{
    width: 200px;
    border: 1px solid #DBDBDB;
}
fieldset.labelsAbove input, fieldset.labelsAbove select
{
    width: 350px;
    border: 1px solid #DBDBDB;    
}

/* FORM ERRORS
----------------------------------------------------------*/

.validation-summary-errors
{
    color: #FF9916; 
}
.field-validation-error
{
    color: #FF9916;
}
.input-validation-error
{
    background-color: #FFF6EA; 
}

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

table 
{
    width: 100%;
    border: solid 1px;
    border-top-color:  #007F85;
    border-bottom-color:  #007F85;
    border-left-color: #eaf4f4;
    border-right-color: #eaf4f4;    
    background-color: #eaf4f4;
    margin-bottom: 20px;
}
table th
{
    padding: 5px;
	color: #FF9916;
	border-bottom: dotted 1px #007F85;
	text-align: center;
}
table td 
{
    padding: 5px;   
    text-align: center;
}
table .colHeader
{
    text-align: left;
}
table .preBreak td
{
    padding-bottom: 10px;
    border-bottom: dotted 1px #007F85;
}
table .postBreak td
{
    padding-top: 7px;
}

/* MISC  
----------------------------------------------------------*/
.line
{
    display: block;
    height: 1px;
    width: 100%;
}
.imageRight
{
    padding: 0 0 10px 20px;
	float: right;	
}
.imageRightCol
{
    padding: 10px 0;
	max-width: 100%;
}
.imageLeft
{
    padding: 0 20px 10px 0;
    display: block;
	float: left;	
}
.imageNoFloat
{
    padding: 0 20px 10px 0;
    display: block;
}
.bulletedList li
{
    background-image: url('Images/arrow.gif');
    background-repeat: no-repeat;
    background-position: 0 0.25em;
    padding-left: 20px;
}
.orangeBold
{
	color:#ff9916;
	font-weight: bold;	
}
.pdfLink *
{
    display: inline;
    vertical-align: middle;
    line-height: 2;
    padding-right: 5px;
}
.clear
{
    clear: right;
}
.clearBoth
{
    clear: both;
}