body {
	background: #336699;
	background-position:center;
	font: normal 66% sans-serif;
	width:100%;margin:auto;min-width:400px;max-width:2000px}
	
#global {
	font-size: 1.25em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 90%;
	background-color:#FFFFFF;
	}
	
#mainframe {background: #FFFFFF;}

		  
#navigation {
    text-align:center;
	background-color: #fffaaf /*#F6EA9A*/;
	border-top:1px solid #275B7D;
	border-bottom:1px solid #275B7D;
	height:3em;}
	
#navigation a {
	border-right: 1px solid #004080;
	color: #275B7D;
	font: bold 1em/41px Tahoma, sans-serif;
	padding: 0 1em;
	text-align: center;
	text-decoration: none;}
	
#navigation a:first-child{border-left:1px solid #004080;}
#navigation a:hover, #navigation a:active{background-color:#EFEFEF; text-decoration:underline;}

a {color: #004EBC;}
a link:hover {background-color:#CCCCCC;}

h1{
	font: normal 1.7em serif, sans-serif;
	color:#960909;
	line-height:125%;}
h1.large{
	font-family:"Times New Roman", Times, serif;
	text-decoration:underline;
	font: 2em serif,;
	font-weight:800;
	text-align:center;
	color: #275B7D }
h1.largeblue{color:#275B7D; font-size:26px; font-weight:700; margin:0;
             background-color: #D8EDFF; text-align:center; padding-bottom:5px; padding-top:5px}
             	
h2{
	font: normal 1.7em serif, sans-serif;
	color:#000066;	
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	line-height:110%;}	
h2.highlight{font: normal 1.25em serif, sans-serif;}
h2.dblue{color: #275B7D;}

.right h2{line-height:125%;}
	
h3 {
	font: bold 1.4em serif, sans-serif;
	color: #003399;}
	
p{line-height:115%; font-size:1.10em; color:#275B7D}	

p.com {
    font-family:"Times New Roman", Times, serif;
	font: 30px serif;
	font-weight:900;
	color:  #275B7D;
	line-height:140%;
	background-color: #CAD9E1;
	background-image:url(clocks-imgs/poss3.png);
	background-position: 95% 2%;
	background-repeat:no-repeat;
	padding-left:40px;
	} 
	
#text{	
    text-align:center;
	border: 1px solid #CCCCCC;
	margin-bottom:0.5em;
	background-color: #D8EDFF;
	padding:0.6em;
	margin-right:auto;
	margin-right:auto
	}
	
#text2{
 text-align:center;
	border: 1px solid #CCCCCC;
	margin-bottom:0.5em;
	background-color: #D8EDFF;
	padding:0.6em;}
	
#text h2{text-align:center}
#text p{text-align:justify}
#text p.center{text-align:center}	
	
#text .home{
    width:90%;
	margin-top:5px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right: auto;}
	
	
#text .sales{
	padding:10px 5px;}
	 	
#text.alt{background-color:#F3F8F8;}
#text.alt p{text-align:justify}
#text.alt p.center{text-align:center}

.clear{clear: both; font-size: 0;} 

.colframe .left {width: 90%; float: left;}
.colframe .left-addendum-page {width: 99%}
.colframe .right { width: 28%; float: right;}
.colframe .left .left {width:45%}
.colframe .left .right {width:45%} 
.colframe{text-align:center; width:98%; margin-left:auto; margin-right:auto}

.content {margin: 2% 2% 2% 2%}

/* sidenav */
.sidenav{margin-top:25px; background:#F4F7F8;}
.sidenav h2{background-color:#FFFFFF}
ul.sidenav {
	border-top: 1px solid #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
	text-align:left;}
	
.sidenav li {border-bottom: 1px solid #BCBCBC; list-style: none;}
.sidenav  li a{text-decoration: none;
               color: #215273; display: block;
			   padding: 4px 3%;
			   width: 90%;}

.sidenav  li a:hover {background: #B6CED8; color: #1D4662;}
.right{padding-top:10px; max-height:450px}

.right .sidenav, .right .sidenav li {border-color: #B3CAD5;}
.right .sidenav li a:hover {background: #F0F0F0;}
	
#bottom {
	background: #CAD9E1;
	border-top: 1px solid #999999;
	color: #333333;
	padding: 14px 20px;}
	
	.footer {
    text-align:center;
	font-weight:bold;
	background-color: #4E9CCB;
	color: white;
	padding: 10px;}
	
	.note{width:85%; border:1px solid #4E9CCB; margin:auto;}
	
	.alt{background-color:#F3F8F8;}
	
	
	table{margin-left:auto; margin-right:auto;}