@media screen
{
	*{
		font-family:Verdana,sans-serif;
		border-collapse: collapse;
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	br{
		margin-bottom:.2em;
	}
	select, .rightElement select{	
		background:rgb(255,255,153); /* pale yellow */
		font-size:90%;
	}
	tr{
		vertical-align:top;
	}
	a {
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}
	a:link,a:visited {	
		color:#CC3333;
	}
	a:active {	
		color:#CC3366;
	}
	p {
		text-align:left;
		margin-top:10px;text-indent:0px;margin-bottom: -1px;
	}
	ul {
		margin-top: 1px;
		margin-bottom: 1px;
		list-style-type: circle;
	}
	.aligncenter{
		text-align:center;
	}
	.alignmiddle{
		vertical-align:middle;
	}
	.aligntop{
		vertical-align:top;
	}
	.alignright{
		text-align:right;
	}
	.alignleft{
		text-align: left;
	}
	.together,.nowrap{
		white-space:nowrap;
	}
	.paleYellow{
		background:rgb(255,255,153); /* pale yellow */
	}
	.paleBlue{
		background:rgb(0,191,255);
	}
	/* three-column screen styling */
	/* general */
	.wholeScreenDiv{	
		width:100%
	}
	.wholeScreenTable{
		width:98%;
		margin:0% 1% 0% 1%;
		_width:100%; /* IE sets width minus margins */
	}
	.masthead{ /*this is the actual one that controls the link color.*/
		width:100%;
		vertical-align:middle;
		text-align:center;
		white-space:nowrap;
		height: 1.6em;
		font-weight:bold;
		color:rgb(31,31,31);
		background:rgb(0,0,200);
        background-image:url("index.php?menimage=blue_bar_background.jpg"); 
		border-top: .25em solid  #f0f0f0;
		padding-top:.25em;
		_height:2em; /* IE hack */
		cursor:default;
        -webkit-border-radius:10px; 
        -moz-border-radius:10px;
	}
	.mastheadimagediv{
		;
	}
	.mastheadimageimg{
		;
	}
	.mastheadmenuimagediv{
		;
	}
	.mastheadmenuimageimg{
		;
	}
	.mastheadmenu{ /*this is the actual one that controls the link color.*/
		width:100%;
		vertical-align:middle;
		text-align:center;
		white-space:nowrap;
		height: 1.6em;
		color:rgb(31,31,31);
		background:rgb(0,0,200);
        background-image:url("index.php?menimage=blue_bar_background.jpg"); 
		border-top: .25em solid  #f0f0f0;
		padding-top:.25em;
		_height:2em; /* IE hack */
		cursor:default;
        -webkit-border-radius:10px; 
        -moz-border-radius:10px;
	}
	.bodyTopSpace{
		border-top:3px;
		height:3px;
	}
	.copyrightLine
	{
		font-size:50%;
		text-align:right;
		padding-top:.5em;
	}
	/* center column for both forms and content */	
	.bodyCenter{
		vertical-align:top;
		text-align:left;
		padding-left:5px;
		padding-right:3px;
	}
	.bodyText{
		width:100%;
		clear:both;
	}
	/* ad side */
	div.adSide{
		font-size:90%;
	}
	.adside *{
		font-size:100%;
	}
	/* menu side */
	div.menuSide{	
		font-size:90%;
	}
	.menuSide *{
		font-size:100%;
		background:#F0F0F0;
	}
	.sub0init,div.sub0init{
		vertical-align: middle;
		text-decoration:none;
		text-transform: lowercase;
		white-space:nowrap;
		font-weight: normal;
		color:#000044;		
		text-align: center;
	}
	.sub1init,div.sub1init{
		vertical-align: middle;
		text-decoration:none;
		text-transform: lowercase;
		white-space:nowrap;
		font-weight: normal;
		color:#000044;		
		text-align: right;
		background:#D0D0D0;
	}
	.sub2init,div.sub2init{
		vertical-align: middle;
		text-decoration:none;
		text-transform: none;/*was 'lowercase'*/
		white-space:nowrap;
		font-weight: normal;
		color:#000044;		
		text-align: right;
		background:#D0D0D0;
		font-style:italic;		
	}
	div.linkhover{
		text-decoration:underline;
		font-weight:bold;
		color:#444444;
		cursor:pointer;
	}
	div.linkvisiting{
		text-decoration:none;
		font-weight: normal;
		color:green;
	}
	div.picturevisitor{
		border-bottom:2px solid green; 
	}
	div.picturehover{
		border-bottom:1px solid #444444;
		cursor:pointer;
	}
	.linkdivider{ 
		vertical-align:middle;
		text-align:center;
		white-space:nowrap;
		height: 1.5em;
		color:rgb(31,31,31);
		background:rgb(0,0,200);
        background-image:url("index.php?menimage=blue_bar_background.jpg"); 
		padding-top:.25em;
		_height:2em;  /*IE hack*/ 
		cursor:default;
         border: 1px solid rgb(200,200,255);
        -webkit-border-radius:10px; 
        -moz-border-radius:10px;
	}
	/* simulates look of divider in 'move' dialog in  'manage menu items' */
	span.dividersim
	{
		color:rgb(31,31,31);
		background:rgb(0,0,200);
		white-space:nowrap;
	}
	/* navigation buttons on filmstrips*/
	input.nextPrev
	{
		font-size:80%;
		vertical-align:middle;
		color:white;
		background-color:#000055;  
		border-right:1px solid white;
		cursor:pointer;
	}	
	/* blog styling */
	.blogtitle{
		cursor:default;
		font-weight: bold;
	}
	.blogpagehead{
		font-weight:normal;
		height:1.5em;
		margin-top: 1px;
		margin-left: 1px;
		cursor:default;
	}
	.blogresponsetitle{
		font-size:90%;
		margin-top:-1px;
		font-weight:normal;
	}
	.blogbody{
		font-size:90%;
		cursor:default;
		padding:5px;
	}
	.blogopts{	
		font-size:90%;
		border-bottom: 1px solid  #aaaaaa; 
		border-left: 1px solid  #aaaaaa;
		padding-bottom:5px;
		cursor:default;
		clear:both;
	}
	.blogoptsNoReplies{	
		font-size:90%;
		margin-bottom: 1px ;
		margin-left: 1px ;
		cursor:default;
		clear:both;
	}
	.blogspacer{
		border-bottom:1px solid black;
		height:2px
	}
	.blogindenter{
		border-top: 1px solid #aaaaaa;
	}
	.blogreplyindenter{
		width:1em;
		background:white;
		border-top: 1px solid #aaaaaa;
	}
	.blogresp0{
		border-left: 1px solid  #aaaaaa;
		margin-top:-1px;
	}
	.forumheadline{
		margin-top: 2px;
		margin-bottom:.1em;
		font-size:120%;
		font-weight: bold;
	}	
	a.adminbtn,a:visited.adminbtn,a:link.adminbtn,a:hover.adminbtn,a:active.adminbtn {
		color:white;
        background:rgb(0,0,128);
		font-size:60%; 
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        padding:1px 2px 1px 2px;
		margin:1px;
		white-space:nowrap;
		text-decoration:none;
	}
a.readmore,a:visited.readmore,a:link.readmore,a:hover.readmore,a:active.readmore {
		color:white;
        background:rgb(0,0,128);
		font-size:70%; 
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        padding:1px;
		margin:1px;
		margin-left:5px;
		white-space:nowrap;
		text-decoration:none;
		vertical-align:text-bottom
	}
	/* articles */	
	.avatar{
		height:1.5em;
		_height:2em;
		margin:3px 3px -4px 3px;
	}
	div.imgcontainer{
		padding:6px;
		background:rgba(67,67,67,0.6);
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
	}
	div.imgcontainerCenter{
		padding:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
	}
	div.imgcontainerLeft{
		float:left;
		padding:6px;
		margin-right:5px;
		background:rgba(67,67,67,0.6);
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
	}
	div.imgcontainerRight{ 
		float:right;
		padding:6px;
		margin-left:5px;
		background:rgba(67,67,67,0.6);
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
	}
	.pubDate{
		font-size:70%;
		text-transform:uppercase;
	}
	.byStyle{
		font-size:70%;
		font-style:italic;
		font-weight:normal;
	}
	.byStyle .person{
		text-transform:uppercase;
	}
	.headline{
		margin-top: 2px;
		margin-bottom:.1em;
/*		white-space:nowrap; */
		font-size:120%;
		font-weight: bold;
		width:100%;
	}
	.articlebreak{
		margin-top:.5em;
		border-top:1px solid black;
	}
	.articlebreakAdSide{
		margin-top:.5em;
		border-top:1px solid black;
	}
	.smallhead{
		white-space:nowrap;
		margin-top: 2px;
		margin-bottom:.3em;
		font-size:70%;
		text-transform: uppercase;
		font-weight: bold;
	}
	.adsidehead{
		white-space:nowrap;
		margin-top: 2px;
		margin-bottom:.3em;
		font-size:70%;
		text-transform: uppercase;
		font-weight: bold;
	}
	.smallesthead{
		margin-top: 2px;
		margin-bottom: -1px;
		white-space:nowrap;
		font-size:70%;
		font-weight: bold; 
		color:red;
		font-style:italic;
	}	
/* STYLING ASSOCAITED WITH FORMS */
	div.fix { /* alert for bad inputs */
		color:red;
		font-style:italic;
		font-size:100%;
		width:15em;
	}
	.helplink {
		color:rgb(0,128,0);
	}
	.secret{	
		display: none;
	}
	.formBanner{
		width:100%;
		vertical-align:middle;
		text-align:center;
		white-space:nowrap;
		height: 2.0em;
		color:black;
		background:white;
		padding-top:.25em;
		_height:2.2em; /* IE hack */
	}
	.formBannerImage{
		width:100%;
		vertical-align:middle;
		text-align:center;
		white-space:nowrap;
		height: 2.0em;
		color:black;
		background:white;
		padding-top:.25em;
		_height:2.2em; /* IE hack */
	}
	div.formStyle
	{
		font-size:90%;
	}
	.formStyle *{
		font-size:100%;
		background: #edf9da; 
	}
	table.formTable {
		border: 1px solid black; 
		background:#C0FFC0;
        -webkit-border-radius:10px; 
        -moz-border-radius:10px;
	}
	.metaform *{ /* top-half color for forms used to manage forms */
		background:rgb(128,128,255);
	}
	td.formBackgroundColor{
		border:1px solid black;
		background: #edf9da; 
	}
	.formBackgroundColor *{
		background: #edf9da; 
	}
	/* Top line of form, where the form is named */
	.formHeader{ 
		 text-align:center;
		 border-bottom:1px solid gray;
	}
	/* text content of top line */
	.formHeader span{
		font-weight:bold;
		white-space:nowrap;
	}
	/* description area for buttons on right */
	.leftElement{
		text-align:right;	
		padding-right:2px;
		border-right:1px solid #aaaaaa;
	}
	/* area for submit buttons */
	.rightElement{
		text-align:left;
		padding-left:.25em;
	}

	/* draws a line between command descriptions */
	.topbar {
		border-top:1px solid gray;
	}
	input.text,textarea{
		background:#eeeeee;
		border:1px solid #aaaaaa;
		font-size:90%;
	}
	input.text{
		padding: 0px 3px 0px 3px;
		margin-bottom:3px;
	}
	input.submit { 
		margin: 1px 0px  0px 3px;
		padding: 0px 2px 0px 2px;
		border: 1px solid #C0FFC0; 
		overflow:visible; 
		vertical-align:middle;
		width:auto;
		color:white;
		background:#000055;  
		cursor:pointer;
        -webkit-border-radius:10px; 
        -moz-border-radius:10px;
	}
	.fakekey { /* used on instructions telling a sequence of keys to press */
		color:black;
		background:white;
		border:1px solid black;
		font-size:80%;
		font-style:normal;
		vertical-align:top;
        -webkit-border-radius:5px; 
        -moz-border-radius:5px;
	}
	.overline{
		text-decoration:overline;
	}
	/* used in advancedSearch */	
	table.logicmatrix {
		width: 100%;
		border: 1px solid gray;
		text-align:left;
	}
	table.logicmatrix td {
		border: 1px solid gray;
		vertical-align: middle;
		text-align:center;
	}
	/* more-compact subforms */
	table.subForm{
		font-size:90%;
	}
	.subForm *{
		font-size:100%;
	}
	table.subForm select *{
		background:rgb(255,255,153); /* pale yellow */
		font-size:95%
	}
	table.subForm input.text{
		font-size:100%; 
		padding: 0px .2em 0px .2em;
		margin-bottom:0.09em;
	}
	.commentBackground{
		background:#a0ffa0;
		border-bottom:1px solid gray;
		border-top:1px solid gray;
	}	
	.commentBackground *{
		background:#a0ffa0;
	}	
	/* styleing for flag info or radio boxes */
	table.flagtable{
		font-size:90%;
		border:1px solid black;
	}
	.flagtable *	{
		font-size:100%;
		_margin:-2px  0px -2px 0px;
	}
	.flagType{
		background:rgb(188,238,104);
		padding-top:.2em;
		border-top:1px solid black;
		border-bottom:0px;
		text-align:center;
		text-decoration:underline;
	}
	.flagTypeColor{
		background:rgb(188,238,104); /* medium green */
	}
	.flagDescriptorColor{	
		background:rgb(154,192,205); /* light blue */
	}
	.noColDec{
		text-decoration:none;
		font-style:italic;
		border-bottom:1px solid #555555;
	}
	.flagColumns *{
		border-bottom:1px solid #555555;
		font-style:italic;
		background:rgb(202,255,112);
	}
	/* provides gap between two rows of flag drop-downs */
	.midRowBorder td{
		border-top:1px solid white;
	}
	.color1{
		background: #6600FF;
		padding-left:.5em;
		vertical-align:middle;
	}
	.flagDescriptor div, .flagDescriptor a{
		background:rgb(154,192,205); /* light blue */
		padding:.2em;
		padding-left:.5em;
		vertical-align:middle;
	}
	.flagBoxItself{
		width:1em;
		border-right:1px solid gray;
		background:rgb(154,192,205); /* light blue */
	}
	.radiob{
		height:1.2em;
		vertical-align:middle;
		padding-bottom:.05em;
		/*font-size:50%; */
		margin:auto;
	}
	.checkdiv, .checkdiv *{ /* asterisk needed for IE */
		font-size:40%;	
		background:rgb(154,192,205); /* light blue */
		padding-left:.3em;
		padding-top:.3em;
		padding-right:.5em;
	}
	.rightV{
		border-right:1px solid black;
	}
	.color2 *{
		background: #33CCCC;
	}
	input.candotext{
		padding:1px;
		border:1px solid #aaaaaa;
	}
	.popdrop{
		padding:.2em;
	}
	.popdrop div *,div.poplevel *{	
		background:rgb(255,255,153); /* pale yellow */
		background:rgb(154,192,205); /* light blue */
	}
	.popdrop select{
		vertical-align:top;
		border:.2em solid blue;
        -webkit-border-radius:.3em; 
        -moz-border-radius:.3em;
        -webkit-border-top-radius:0em; 
        -moz-border-radius-topleft:.0em;
		background:rgb(154,192,205); /* light blue */
		}
	.popdrop select option{ /* descriptions of flags */
		background:rgb(154,192,205); /* light blue */
	}
	.popdrop span *{ /* name of type of flag */
		border:.2em solid blue;
		background:white;
		background:rgb(188,238,104); /* medium green */
		padding:.0 .2em 0 .2em;
        -webkit-border-top-left-radius:.3em; 
        -webkit-border-top-right-radius:.3em; 
        -moz-border-radius-topleft:.3em;
        -moz-border-radius-topright:.3em;
	}

	/* used in list of users from which you can click to select one to edit */
	.userList td.col1{
		width:4%;
	}
	.userList td.col2{
		white-space:normal;
		text-indent:-2em;
		padding-left:2em;
	}
	.userList a.Email *, .userList a.Email{
		background:rgb(255,255,153); /* pale yellow */
		color:black;
	}
	.userList a.Name *,.userList a.Name{
		background:rgb(0,191,255);
		color:black;
	}
	/* used to style tables that actually are tables, not form elements */
	table.dataTable
	{
		font-size:90%;
		margin:auto;
	}
	.dataTable *{
		color:black;
		background:white;
		vertical-align:middle;
		font-size:100%;
	}
	.dataTable td, .dataTable td div{
		padding:0 .5em 0 .5em;
/*	_margin: -.2em 0em -.3em 0em; */
		height:1.4em;
	}
	.dataTable td{
		border: 1px solid black;
	}
	.dataTable select{
		background:rgb(255,255,153); /* pale yellow */
		font-size:90%;
	}
	.dataTable .linkdivider{  /* used in menuAccess.php */
		vertical-align:middle;
		text-align:center;
		white-space:nowrap;
		height: 1.2em;
		color:rgb(31,31,31);
		background:rgb(0,0,200);
		border:0px;
		padding:0px;
	}
	tr.dataHeader td,.dataHeader
	{
		font-weight:bold;
		background:yellow;
		white-space:nowrap;
	}
	td.willTran /* used in readCSV */
	{
		font-weight:bold;
		background:#8A8A8A;
		_margin: -.1em 0em -.2em 0em;
	}
	td.wontTran, span.wontTran /* used in readCSV */
	{
		background:#D3D3D3; 
		color:#5E5E5E; 
		font-style:italic;
		_margin: -.1em 0em -.2em 0em;
	}
	tr.dataHeader td.wontTran
	{
		background:#D3D3D3; 
		color:#5E5E5E; 
		font-style:italic;
		_margin: -.1em 0em -.2em 0em;
	}
	td.yel { 
		padding:0;
		border:3px solid black;
	}
	.vrx { /* vertical separator bar styling on a td */
		width:1px;
		border-left:1px solid black;
		padding:0;
	}
	/* used for sudoku game */
	.sudoku{
		width:100%;
	}
	.sudoku td
	{
		text-align:center;
		border:1px solid black;
		width:1em;
	}
	.sudoku td div{
		font-size:90%;
	}
	.sudoku td input.text
	{
		font-size:200%;
		text-align:center;
		font-weight:bold;
	}
	.sudoku td.rquad {border-right:3px solid black}
	.sudoku td.bquad{border-bottom:2px solid black}
	.sudoku td div{text-align:center;vertical-align:middle;}
	/* right-click context menu */
	.contextMenus {
		position:absolute; 
		background:rgba(0,0,0,0);
		border:1px solid rgba(0,0,0,.9); 
		-webkit-border-radius:6px;
		-moz-border-radius:6px; 
	}
	.contextMenus td{
		font-size:90%;
	}
	.devmen {
		border-collapse:separate;
		border:3px solid rgba(255,255,255,0.9); 
		background:rgba(100,100,255,0.7); 
		_background:rgb(100,100,255); 
		filter:alpha(opacity=80);
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		text-align: center;
		vertical-align: middle;
		white-space:nowrap;
	}     
	.devmenhead td{
		background: rgb(0,0,128);
		color:white;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	} 
	.devmen a{
		color:black;
	}
	/* CALENDAR STYLES */
	div.newcal table{
		text-align: center;
		vertical-align: middle;
	}
	.toolTips {
		position:absolute; 
		background:#ffffff; 
		border-style:solid; border-width:1px; 
		border:#000000; 
	}
	.calday,.thisday,.caldaynb,.thisdaynb {
		text-align: left;
		vertical-align: top;	
		border: 1px solid #aaaaaa;
	}
	.thisday,.thisdaynb {
		background:white;
	}
	.caldaynb,.thisdaynb{
		border-bottom:0;
	}
	.daynames {	
		border: 1px solid  #aaaaaa;
		background:white;
	}
	tr.caldayhng td,.thisdayhng {
		border-left: 1px solid #aaaaaa;	
		border-right: 1px solid  #aaaaaa;
		text-align: left;
	/* cssline-caldayhng-fontsize */font-size:85%;
	}
	.thisdayhng{
		background:white;
	}
	tr.caldayhng td p,.thisdayhng p{
		border: none;
		margin:0px;
		padding: 0px 2px 0px 6px;
		text-indent:-5px;
	}
	div.newcal tr.caldayhng td.allaround{
		border:1px solid #aaaaaa;
		border-top: 2px dotted  #cccccc;
		text-align:center;
		text-indent:0px;
		font-weight:bold;
	}
	.myHr{
		border:0px;
		border-top:solid gray;
		background:gray;
		height:0em;
	}
	a.linkBtn,.fakelinkBtn{  /* same as for submit button */
		color:white;
		background:#000055;  
		font-size:90%; 
		padding:.1em .6em .2em .3em;
		border: 1px solid #C0FFC0; 
		overflow:visible;  
		vertical-align:middle;
		width:auto;
		white-space:nowrap;
		text-decoration:none;
		cursor:pointer;
        -webkit-border-radius:10px; 
        -moz-border-radius:10px;
	}
	.fakelinkBtn{  /* used on instructions telling what button to push */
		font-size:80%;
		vertical-align:top;
		padding:0;
		border:0;
		cursor:auto;
	}
	.x21{
		font-size:90%;
	}
	.x226{
		font-size:85%;
	}
	.x226 *,.x21 *{
		font-size:100%;
	}
}@media print{
body,table,tr,td,input,ul,textarea {
	font-family:"Bookman Old Style",serif;color:black;font-size:9pt;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: 0px;
	vertical-align:top;
}
table.sudoku td
{
	width:5em;
	font-family:"Arial Narrow",sans-serif;color:black;
	font-size:16pt;
	text-align:center;
	border:1px solid black
}
table.sudoku td.rquad {border-right:4px solid black}
table.sudoku td.bquad{border-bottom:4px solid black}
table.sudoku input
{
	width:40px;
	font-size:36pt;
	text-align:center;
	background-color:green;
}
tr.pad td{
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid black;
}
.hideprint{	
	display: none;
}
table.vert td
{
	padding-top:8px;
	padding-bottom:8px; 
}
div.onecol{
	width:100%;
}
.printme{page:call-sheet;}
br.pb{page-break-before:always;}
}