/*
 *****************************************************
 * Special styles for LOMIK site
 * This assumes that common_style_yui.css is also used
 *****************************************************
 */
 
/*
 *******************************************
 * this creates custom page width of 750px
 *******************************************
 */ 
#custom-doc {
	margin: auto; text-align: left; /* leave unchanged */
	width: 57.69750em;  /* non-IE */
	*width: 56.25em;      /* IE */
	min-width:600px;/* optional but recommended */
}  

div.yui-t1 {
   border: 3px solid #015b00;
   margin: 6px;
   padding: 0px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
} 

div.content { 
   padding: 0px 0px;                                              
}

div#hd {
   border-bottom: 1px solid #015b00; 
   padding-bottom: 0px; margin-bottom: 0px;
}

div#bd {
   background-image:url('164_rightborderblack_graya8back.gif');
   background-repeat:repeat-y;
   padding-top: 0px; margin-top: 0px;
}

div#ft {
   border-top: 1px solid black;
   background: #015b00;
   margin-top: 0px;
   padding: 6px;
   color: white;
   text-align: center;
   font-size: 77%;
}

div#ft a, div#ft a:link, div#ft a:visited { text-decoration: none; color: white; }
div#ft a:hover {color: #ffffc0; }

div.leftnav ul {
	padding: 0;
	margin: 0.5em 3px 0.5em 8px;
	list-style-type: none;
}
div.leftnav li {
	text-align: left;
	font-weight: bold;
	font-size: 94%;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	display: block;
}	
div.leftnav li a {
	text-decoration: none;
	color: black;
}
div.leftnav li a:link, div.leftnav li a:visited  {
	color: black;
}
div.leftnav li a:hover {
	color: white;
}

div.biblequote {
   font-size: 77%;
   font-style: italic;
   text-align: center;
   /* color: #a7840d; */
   color: white;
   padding: 12px 6px 12px 6px;
}

div.formslist h2 {
   color: red;
   padding-top: 3px;
}
div.formslist ul {
   margin-top: 0px;
}
div.formslist li {
   list-style-type: none;
}
div.formslist li.first {
   margin-top: 12px;
}


div.campbutton {
   color: #009900;
   position: absolute;
   font-weight: bold;
   font-size: 115%;
   text-align: left;
   width: 140px;
   white-space: normal;
}
div.campbutton a, div.campbutton a:link, div.campbutton a:visited { text-decoration: none; color: #009900; padding: 4px 0px; }
div.campbutton a:hover {color: black; background: #ffffc0; }

div.highlightblock {
    border: 1px solid #015b00;
    /* background: #ffffc8; */
    background: #e0e0e0;
 }
 .insidetitle { 
    background: #015b00; 
    color: white;
    border-bottom: 1px solid #015b00;
}
.insidetitle a, .insidetitle a:link, .insidetitle a:visited { color: white; }
.insidetitle a:hover { color: yellow; }
 
table.gnl_data {
    border: 2px solid #015b00;
    margin: 12px auto;
 }
 
 table.gnl_data th, table.gnl_data td {
    padding: 2px 4px;
    border: none;
 }
 
 table.gnl_data th {
    /* background: #cccc99; */
    background: #015b00;
    color: white;
    border-bottom: 1px solid #015b00;
    color: white;
 }
 
 table.gnl_data td{
    /* background: #ccccff; */
    background: #e0e0e0;
 }
  
 table.gnl_data th.bright, table.gnl_data td.bright {
    border-right: 1px solid black;
 }
 table.gnl_data th.bbot, table.gnl_data td.bbot {
    border-bottom: 1px solid black;
 }

/* used for blog page (scrapbook) and employment page */
div.lpic { float:left; margin: 6px 12px 12px 0px; }  
div.rpic { float:right; margin: 6px 0px 12px 12px; }  
div.lpic img, div.rpic img { border: 1px solid black; } 

h1 { color: #015b00; }

div.adminform {
   width: 510px;
}

/* 
 * this alone is deprecated - it does not trigger jQuery actions and is not at top right of form
 * normally the submit button would have class 'submitdoit', and possibly 'changesunknown' or 'changed'
 */
a.butlink { 
	display:block;
	margin-left: 0px;
	margin-right: 12px;
	background: #4466ff;
	color:#FFFFFF;
	border-top:solid 1px #224400;
	border-right:solid 2px #002288;
	border-bottom:solid 2px #002288;
	border-left:solid 1px #224400;
	font-size:11px;
	font-weight:bold;
	padding:2px 6px;
	float: left;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
}
a.butlink {
	text-decoration: none;
}
a.butlink:link, a.butlink:visited  {
	color: white;
}
a.butlink:hover {
	color: #c0c0c0;
}

/*
 *************************************************************************
 * upbutton is the floating "up" navigational button that lives on 
 * non-menu pages to point up to the relevant menu
 *************************************************************************
 */

div.upbutton {
   float: right; 
   background: #BCEAB6; 
   padding: 3px; 
   margin: 6px; 
   border-left: 1px solid #318C25; 
   border-top: 1px solid #318C25; 
   border-right: 2px solid #318C25; 
   border-bottom: 2px solid #318C25; 
   font-weight: bold;
	font-size: 0.75em;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; 
}

@media print {
   div.upbutton {  display: none }
}

div.upbutton a:link, div.upbutton a:visited  {
   text-decoration: none;
   color: #318C25;
}

div.upbutton a:hover {
   text-decoration: none;
   color: white;
}