@media screen
{
  BODY {
  margin:0px 0px;
  color:#FFF;
  font:14px/16px Arial, Helvetica, sans-serif;
  background-color: #5d6a7b; 
  background-image: url(images/gradientb.jpg);
  background-repeat:repeat-y;
  background-position:0 0;
}

.container {
  width:970px;
  display:block;
  background-color:#728496;	  
  float:left;
  z-index:2;
}

div.filler {
  z-index:-20;
  background-color:#728496;	  
  width:970px;
  position:absolute;
}

div.blockhead {
	width:286px;
	background-color:#7e92a6;
	height:50px;
	margin-bottom:20px;
	display:block;
	float:left;	
}

/* big { font-size:1.4em; } */
big { font-size: 1em; }

div.dochead {
	width:684px;
	height:70px;
    background-color:#728496;	  
	float:left;
}

div.front-page-content {
    margin: 18px 20px 0 110px; 
    width: 500px; 
    float: left; 
}

.nav {
   width:256px;
   float:left;
    padding: 0 15px 0 15px;
    background-color:#728496;	  
	font-size:12px;
}

.doc {
	border-left:1px solid #D3C7A7;		
	float:left;
	width:670px;
	padding: 0 280px 135px 15px;
   	background-color:#728496;	  
	line-height:1.3em;
}

ul li { margin-bottom: 1em; /* font-size:0.85em; */ }
ul { padding-left:0px; margin-left:15px; margin-top: 0; }

.iaif li { margin-bottom: 0; }


div.login {
	float:left;
	width:286px;
	padding-left:15px;
}
div.login img { margin-bottom:5px; }

div.footer {
  clear:both;
  padding-top:40px;
  padding-left:30px;
  padding-bottom:20px;
  background-color:#728496;	  
  width:940px;
  font-size:0.9em;
}

.nav .groups 
{
  float:left;
  width:90px;
  margin-bottom:8px;
  display:block;
  font-size:1.1em;
}
.nav .pages {
  margin-top:3px;
  display:block;
  width:130px;
  float:right;
  clear:left;
  font-size:11px;
  line-height:1.2em;
}
.nav .pages br {
  line-height:1em;
}
.nav .selected {
  clear:left;
  width:12px;
  height:14px;
  font-size:1px;
  float:left;
  margin-right:5px;
}
.nav .unselected {
  clear:left;
  width:12px;
  height:14px;
  font-size:1px;
  margin-right:5px;
  float:left;
}

.nav * A { text-decoration: none; }
.nav .groups a:visited,
.nav .groups a:link,
.nav .groups a:active
{
  color:#FFF;
  font-weight:bold;
}
.nav .groups a:hover
{
  color:#FEEDA5;
  font-weight:bold;
  text-decoration:underline;
}
.nav .pages a:active,
.nav .pages a:visited,
.nav .pages a:link
{
  color:#FEEDA5;
  font-weight:normal;
  text-decoration:none;
}
.nav .pages a:hover
{
  color:#FFF;
  font-weight:normal;
  text-decoration:underline;
}
span.current
 {
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
}

.doc A,
.login A { color:#DDF; text-decoration: none }
.login table tr td.l { width:90px; text-align:left }
.login table tr td.r { width:180px; text-align:left; }

input.logintext { width:180px; text-align:left; background-color:#FEFEFE }
input.loginbutton { float:left; background-color:#c6d7f9; width:8em; font-weight:bold; text-align:center; }
input.logoutbutton { float:left; background-color:#c6d7f9; width:8em; font-weight:bold; text-align:center; }
input.inputtext { background-color:#c6d7f9; }

.editform input { }
.editform textarea { width:99%; height:200px; }
.editform { margin-bottom: 25px; background-color:#336799; border:1px solid #000; padding:10px;}

.eventdate { color:#DDF; display:block; }
.eventtitle { font-weight:bold; font-size:15px; line-height:1em; display:block; }

table.caltable tr td { padding-top:0px; }

.topimage { margin-bottom: 1.0em; }

.doc A.documents:visited,
.doc A.documents:active,
.doc A.documents:link
 { color:#DDF; text-decoration: none; margin-top:8px }
.doc A.documents:hover
 { color:#FFF; text-decoration:underline; margin-top:8px }

A:visited,
A:active,
A:link
 { color:#DDF; text-decoration: none; }
A:hover
 { color:#FFF; text-decoration:underline; }

img { border:0px; }

.doc A.calendar:visited,
.doc A.calendar:active,
.doc A.calendar:link
 { color:#DDF; text-decoration: none; }
.doc A.calendar:hover
 { color:#FFF; text-decoration:underline; }
 
TD { vertical-align: top; }

strong { color:#FEEDA5; }
}

@media print {
  .nav { display: none; }
  .doc { width: 100%; }
  body { background-color:#FFF;  color:#000; font-size:12px; }
  img { border:0px; margin-bottom:20px }
  .header {  display:none; }
  .aifimg, .aiflongimg { display:none }
}

h2 { margin: 36px 0 16px; }
.doc h2 img { margin: 0; }

ul li ul li { list-style-type: none; }
ul li ul { margin-left: 5px; padding-left:5px; }

#left, #right { width: 49%; float: left; margin: 0; padding: 0; }
.doc img { padding: 0; margin: 0 0 12px; }
.doc p { margin: 0 0; }
#body { margin-bottom: 18px; }

hr.hidden { clear: both; visibility: hidden; }
.columns .left, .columns .right { width: 280px; }
.columns .left { float: left; margin-right: 10px; }
.columns .right { float: left; }

.doc { position: relative; }
#links { position: absolute; text-align: right; font-weight: bold; right: 34px; top: 0; }
#links a { color: #FEEDA5; }