<!--
/*
	brars.css
	
	Stylesheet for brars.org web site originally created by WA2UZO@arrl.net.
	As more items are customized on the web site new styles should be added
	to this file with comments. Note that if you change something in this file
	please check the web site to be sure nothing else got hosed. Also, be sure
	to track your changes below so they can be undone if need be.
	
	All files that need to use this stylesheet (which should be all files)
	must contain the following line in between their <HEAD></HEAD> tags:
	
		<link rel="stylesheet" href="//css/brars.css" TYPE="text/css" TITLE="BRARS Stylesheet">

	See <http://www.w3.org/TR/REC-CSS1> for more detailed information.
*/

/* BODY */
body { 
	font-family: verdana, arial, sans-serif;
	font-size: small;			/* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */
	font-style: normal;			/* normal | italic | oblique */
	font-variant: normal;			/* normal | small-caps */
	font-weight: normal;			/* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 */
        /* text-indent: 1em; */
	color: black;				/* font color */
	background-color: white;
	background-image: none;                 /* none | url(path/to/file.gif) */
	background-repeat: repeat;		/* repeat | repeat-x | repeat-y */
	background-attachment: fixed;     	/* fixed | scroll */
	margin-top: 0em;			/* em | px | % */
	margin-top: solid #dbf4ff;
        border-left: 0.5em;
        border-right: 0.5em;
        border-top: 0.5em;
        border-bottom: 0.5em;
        border-top: solid #dbf4ff;
        border-left: solid #def7fc;
        border-right: solid #def7fc;
        border-bottom: solid #def7fc;
        /* border-right: solid black; */
	margin-left: 0em;
	margin-bottom: 3em;
	margin-botom: solid #dbf4ff;
	margin-right: 0em;			/* should be same as margin-left */
}

.mono {
	font-family: monospace;
}

/* P */
/*
P { 
	margin-left: 2%;
	margin-right: 2%;
}
*/

.shallow {
	margin-left: 5%;
	margin-right: 5%;
}

.deep {
	margin-left: 10%;
	margin-right: 10%;
}

.deeper {
	margin-left: 15%;
	margin-right: 10%;
}

.deepest {
	margin-left: 20%;
	margin-right: 10%;
}

.bl {background: url(bl.gif) 0 100% no-repeat #e68200; width: 13em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:20px}

.blw {background: url(bl_w.gif) 0 100% no-repeat #ffffff; width: 100%}
.brw {background: url(br_w.gif) 100% 100% no-repeat}
.tlw {background: url(tl_w.gif) 0 0 no-repeat}
.trw {background: url(tr_w.gif) 100% 0 no-repeat; padding:20px}

.blb {background: url(bl_b.gif) 0 100% no-repeat #ffffff; width: 100%}
.brb {background: url(br_b.gif) 100% 100% no-repeat}
.tlb {background: url(tl_b.gif) 0 0 no-repeat}
.trb {background: url(tr_b.gif) 100% 0 no-repeat; padding:20px}

.clear {font-size: 1px; height: 1px} 

.font1 {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
font-size : 9px; 
font-style : normal; 
color : #cccccc; 
background : inherit; 
} 
.font1 a:link {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #bbddff; 
text-decoration : none; 
background : inherit; 
} 
.font1 a:visited {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #bbddff; 
text-decoration : none;
background : inherit; 
} 
.font1 a:hover {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #ffffaa; 
text-decoration : underline; 
background : inherit; 
} 

.TableHeight100 {
height : 100%; 
} 

.TableBorder-3d {
border-left : 1px solid #5E5E5E; 
border-bottom : 1px solid #5E5E5E; 
border-right : 1px solid #5E5E5E; 
border-top : 1px solid #5E5E5E; 
} 
.TableBorder-3d-i {
border-left : 1px solid #5E5E5E; 
border-bottom : 1px solid #000000; 
border-right : 1px solid #000000; 
border-top : 1px solid #5E5E5E; 
} 
.TableBorder {
border-left : 1px solid #000000; 
border-bottom : 1px solid #000000; 
border-right : 1px solid #000000; 
border-top : 1px solid #000000; 
} 

.headline-10p {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
font-size : 11px; 
font-style : normal; 
color : #cccccc; 
background : inherit; 
} 
.headline-10p a:link {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #bbddff; 
text-decoration : none; 
background : inherit; 
} 
.headline-10p a:visited {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #bbddff; 
text-decoration : none; 
background : inherit; 
} 
.headline-10p a:hover {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #ffffaa; 
text-decoration : underline; 
background : inherit; 
} 

.headline-11p {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
font-size : 11px; 
font-style : normal; 
color : #cccccc; 
background : inherit; 
} 
.headline-11p a:link {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #bbddff; 
text-decoration : none; 
background : inherit; 
} 
.headline-11p a:visited {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #bbddff; 
text-decoration : none; 
background : inherit; 
} 
.headline-11p a:hover {
font-family : Verdana, Arial, Tahoma, Georga, "Times New Roman", Times, serif; 
color : #ffffaa; 
text-decoration : underline; 
background : inherit; 
} 

/* LINKS */
A:link 		{ color: #0000FF }	/* unvisited link */
A:visited 	{ color: #000077 }	/* visited links */
A:active 	{ color: #000077 }	/* active links */
A:hover	{						/* hover links */
	text-decoration: underline;
	color: #333333;
}

/* DIV EXTRAS use as: <div class=whatever>blah</div> */
div.outline { 
	padding: 1em;			/* can also set individual padding-left, padding-top, etc. */
	border-style: solid; 	/* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	border-color: black;
	border-width: thin; 	/* thin | medium | thick (can also set border-left-width, border-top-width, etc.) */
	background: #EEEEEE;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
div.graybox {
	padding: 1em;			/* can also set individual padding-left, padding-top, etc. */
    border-style: none;		/* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	background: #DDDDDD;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
div.grayhead {
	padding: 1em;			/* can also set individual padding-left, padding-top, etc. */
    border-style: none;		/* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
	background: #DDDDDD;
	width: 100%;
}

table.fancytable {
  margin: 1em 1em 1em 0;
  background: whitesmoke;
  border-collapse: collapse;
}
table.fancytable tr:hover {
   background: lightsteelblue !important;
}
table.fancytable th, table.fancytable td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.fancytable th {
  background: gainsboro;
  text-align: center;
}
table.fancytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

-->