
html, body, #container
{
    height:		100%;
    min-height:		100%;
}

html>body, html>body #container
{
    height:		auto;
}

body
{
    font-family:	Verdana,Arial, Helvetica, sans-serif;
    font-size:		12px;
    margin:		0;
    padding:		0;
    border:		0;
    width:		100%;
    height:		100%;
    text-align:		center;
}

table,tr,td
{
    font-family:	Verdana,Arial, Helvetica, sans-serif;
    font-size:		12px;
    line-height:	16px;
    border-spacing:	0;
    border-collapse:	collapse;
    background:		#ffffff;
    padding:		0;
    border:		0;
    margin:		0;
    text-align:		left;
    vertical-align:	top;
}

table.center tr td
{
    text-align:		center;
    vertical-align:	middle;
}

table.border tr td
{
    background:		#f7f7f7;
    border:		1px solid #ccc;
    text-align:		left;
    vertical-align:	top;
}

table li
{
    padding-right:	10px;
    font-size:		11px;
}

#container
{
    width:		800px;
    left:		0;
    top:		0;
    position:		absolute;
    height:		100%; 
    text-align:		left;
    border:		1px solid white;
}

#header
{
    clear:		both;
    vertical-align:	middle;
    width:		100%;
    border-top:		5px solid #016587;
}

#footer
{
    position:		relative;
    width:		800px; 
    padding:		5px 0px 5px 0px; 
    border-top:		1px solid white;
    background:		#016587;
    color:		white;
    text-align:		center;
    font-size:		10px;
    line-height:	14px;
    clear:		both;
}

#footer a
{
    color:		#eeeeee;
    text-decoration:	none;
    font-weight:	bold;
    font-size:		10px;
}

#footer a:hover
{
    color:		#ff9900;
    text-decoration:	Underline;
    font-family:	Verdana,Arial,Helvetica, sans-serif;
    font-weight:	bold;
    font-size:		10px;
}

#content
{
    margin:		0;
    margin-left:	150px;
    padding:		20px 0px 10px 20px; 
    height:		100%;
    padding-bottom:	50px;		/* stay away from footer */
    background:		white;
    border-left:	1px solid #ccc;
}

#menu 
{
    background:		#016587;
    float:		left;
    list-style:		none;
    margin:		0;
    padding:		0;
    width:		100%;
    border-top:		1px solid white;
    border-bottom:	1px solid white;
    clear:		both;
}

#menu li 
{
    float:		left;
    font-family:	Arial,Tahoma,Helvetica, sans-serif;
    margin:		0;
    padding:		0;
}

#menu a.current
{
    color:		#ffcc00;
    font-weight:	bold;
}

#menu a 
{
    background:		#016587;
    color:		white;
    float:		left;
    margin:		0;
    padding:		0px 40px 0px 40px;
    text-decoration:	none;
    font-weight:	normal;
    font-size:		11px;
}

#menu a:hover 
{
    color:		#ffcc00;
}                    

#main
{
    margin:		0;
    border:		0;
    background:		#EFEBC6;
    width:		100%;
    height:		auto;
}

#submenu
{
    width:		150px;
    margin:		0;
    padding:		0;
    padding-top:	20px;
    color:		#555;
    background:		#EFEBC6;
    list-style:		none;
    
    float:		left;
    height:		auto;
}

#submenu li
{
    font-family:	Arial,Tahoma,Helvetica, sans-serif;
    color:		#016587;
    text-decoration:	none;
    font-size:		12px;
    line-height:	18px;
    text-align:		left;
    margin:		0px;
    width:		140px;
    padding:		0px 0px 0px 10px;
    background:		#EFEBC6;
}

#submenu a
{
    font-family:	Arial,Tahoma,Helvetica, sans-serif;
    text-decoration:	none;
    text-align:		left;
    margin:		0px;
    background:		#EFEBC6;
    display:		block;
}

#submenu a:hover
{
    font-family:	Arial,Tahoma,Helvetica, sans-serif;
    text-decoration:	none;
    color:		#ff9900;
}

#submenu li.head
{
    color:		#006586;
    font-weight:	bold;
}

#submenu li.current
{
    color:		#ff9900;
    font-weight:	bold;
}

p,ul,li
{
    font-size:		12px;
    line-height:	18px;
    text-align:		left;
}

img
{
    border:		0px;
    vertical-align:	top;
}

img.left
{	
    border:		0px;
    padding:		5px 10px 5px 0px;
    float:		left;
    clear:		left;
}

img.right
{	
    border:		0px;
    padding:		0px 0px 0px 10px;
    float:		right;
    clear:		right;
}

img.border
{
    border:		1px solid #016587;
    margin:		5px 5px 5px 0px;
}

img.border_right
{
    border:		1px solid #016587;
    margin:		5px 0px 5px 10px;
    float:		right;
    clear:		right;
}

img.border_left
{
    border:		1px solid #016587;
    margin:		5px 10px 5px 0px;
    float:		left;
    clear:		left;
}

a
{
    color:		#016587;
}

a:hover
{
    color:		#ff9900;
}

h1
{
    font-family:	Tahoma,Verdana, Helvetica, sans-serif;
    font-size:		15pt;
    color:		#006586;
    font-weight:	bold;
    padding:		0px 0px 10px 0px;
    text-align:		left;
}

h2
{
    font-family:	Tahoma,Verdana, Helvetica, sans-serif;
    font-size:		11pt;
    color:		#006586;
    font-weight:	bold;
    padding-top:	5px;
}

h2.main
{
    font-size:		14pt;
}

h2.center
{
    text-align:		center;
}

h3
{
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		10pt;
    color:		#006586;
    font-weight:	bold;
}

ul
{
    list-style-type:	circle;
}

hr
{
    border:		none 0;
    border-bottom:	1px solid #ddd;
    margin-top:		20px;
    margin-bottom:	20px;
    height:		1px;
    color:		#ccc;
    width:		100%;
    clear:		right;    
}

blockquote
{
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		8pt;
    line-height:	16px;
    margin:		0;
    padding:		0;
    background:		#EFEBC6;
    border:		1px solid #ccc;
}

blockquote.right
{
    float:		right;
    margin-left:	10px;
    margin-bottom:	10px;
    clear:		right;
    width:		170px;
}

blockquote.left
{
    float:		left;
    margin-right:	10px;
    margin-bottom:	10px;
    width:		170px;
}

#quoteheader
{
    border-bottom:	1px solid #ccc;
    background:		#999;
    background:		#016587;
    color:		white;
    text-align:		center;
}

#quotebody
{
    padding:		7px;
}

cite
{
    font-style:		italic;
    padding:		7px; 
    display:		block;
}

strong
{
    color:		#006586;
    font-weight:	bold;
}

.bold
{
    font-family:	Arial, Helvetica, sans-serif;
    font-size:		14pt;
    color:		#000000;
    font-weight:	bold;
}

#block
{
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		8pt;
    line-height:	16px;
    margin:		0px 0px 10px 0px;
    padding:		0;
    background:		#f7f7f7;
    border:		1px solid #ccc;
}

#blockright
{
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		8pt;
    line-height:	16px;
    width:		170px;
    margin:		0px 0px 10px 10px;
    padding:		0;
    float:		right;
    background:		white;
    border:		1px solid #ccc;
    clear:		right;
}

#blockheader
{
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		8pt;
    line-height:	16px;
    border-bottom:	1px dotted gray;
    background:		#016587;
    color:		white;
    text-align:		center;
}

#blockbody
{
    font-family:	Verdana, Arial, Helvetica, sans-serif;
    font-size:		8pt;
    line-height:	18px;
    padding:		10px;
}


