/*---- Layout ----*/

 // . = class 
 // # = Id

/*iphone landscape*/
@media all and (min-width:321px) and (max-width:480px) { 
  h1 {
     font-size:18px;
    }
}

/*iphone portrait and below*/
@media all and (max-width:320px)  {
    h1 {
        font-size:16px;
    }
}

html {
font-size: 100%;
}

a {
//font-size: 1.75rem;
}

div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}

body
{
	//padding: 20px;
	//margin: 0;
	//background-color: #3e4979;
	
	text-align:center; /* for IE */
	margin:0 auto; /* for the rest */ 

	//background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	/* font-size: 23px; */
	font-size: 1.3em;
	color: #444444;
	
}

table th, td 
{
  border: 1px solid black;
}

#oldbrowser
{
	text-align: center;
}

#masthead h1
{
	display: inline;
}

#leftcolumn
{
	margin-right: -200px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}

#contentColumn
{
	width: auto;
	margin-leftx: 199px;
	background-colorx: #3e4979;
	margin: 0 auto;

}

.content-box
{
	background-color: #c7cce0;
	border-style: solid;
	border-color: #0000ff;
	border-width: 1px 1px 1px 1px;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;


}

#masthead, #innerLeftColumn, #innerContentColumn 
{
	padding: 10px;
}

#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	width:1200px;
	margin: 0 auto;
	
	/* to center align the auto margin has to go on the element that has the width.. that should make it work in FF/Op etc.. */
	
}

#innerContentColumn p
{

	background-colorxx: #c7cce0;
}

#contentColumn, #innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}


/*---- Borders ----*/
#pageFrame
{
	/* border: solid 1px #000; */
}

.footer {
	padding: 0px 0px 0px 0px;
	clearx: left;
	display: block;
	margin-topx: 5px;
	margin-bottomx: 5px;
	//text-align: center;
	//background-color: green;
	background-color: lightblue;
	border-top: 1px solid #C8D0CA;
	margin-right: auto; 
	margin-left: auto; 
	width: 100%;
}

.footer p {
	margin-top: 0; 
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}





#masthead, .hnav
{
	/* border-bottom-width: 1px; */
}
#innerLeftColumn
{
	border-right-width: 0px;
}
#contentColumn
{
	border-left-width: 0px;
}

/*---- Visual Elements ----*/

#pageFrame
{
	background-colorxx: #3e4979;
	color: #000;
	min-width: 800px;
}
.hide
{
	display: none;
}

/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
.hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
}
.hnav
{
	padding: 3px 0 4px 0;
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}


.vnav
{
	width: 150px;
	text-align: center;
	background-color: #3e4979;	
}

.vnav-link
{
	background-color: #c7cce0;
	margin: 9px 3px 3px 3px;
	padding: 9px 3px 3px 3px;
	border-style: solid;
	border-color: #0000ff;
	border-width: 1px 1px 1px 1px;
	height: 25px;
	color: blue;
	cursor: pointer;
	
}

.vnav-link a:visited, a:link
{
	color: blue;

}


#masthead
{
	/* background-color: #3e4979;  dark blue */
	padding: 0px 0px 0px 220px;
	
}

#contentColumn A:link {
   text-decorationx: underline;
}

#contentColumn A:active {
   text-decorationx: underline; 
}

#contentColumn A:visited {
   /* color: red;
   background: yellow;
   font-style: italic; */
   
}
   
#contentColumn A:hover {
   font-style: italic;
   color: red;
}   


ul#navlist {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	color: #fff;
	background-color: #036;
}

ul#navlist li { display: inline; }

ul#navlist li a {
	width: 100px;
	color: #fff;
	background-color: #036;
	padding: 0 10px 0 10px;
	text-decoration: none;
	border-rightx: 1px solid #fff;
	border-leftx: 1px solid #fff;
}

ul#navlist li a:hover {
	background-color: #369;
	color: #fff;
}


.full-page-width {
    width: 100%;
    overflow: hidden;
}
.center-content-container {
    width:1330px;
    margin: 0 auto;
}
.content-container {
    width: 100%;
}
.extended-content-container {
    width: 500%;
    margin-left: -200%;
}
.content {
    width:100%;
    //text-align:center;
}
.extended-content {
    width:100%;
   // text-align:center;
}