a:active	{ color: #FFFFFF; text-decoration: underline; font-variant: small-caps; position: relative; top: 1px; }
a:link		{ color: #009900; text-decoration: underline; font-variant: small-caps; }
a:visited	{ color: #9933FF; text-decoration: underline; font-variant: small-caps; }
a:hover		{ color: red; text-decoration: underline overline; font-variant: small-caps; }
em		{ color: red; }
table		{ color:black; font-family:"Verdana"; font-size:10pt;
		border-left: 1px dashed black;
		border-bottom: 1px dashed black; } 
th		{ background-color: #F8EED8; }
td, th		{ border-top: 1px dashed black; 
		border-right: 1px dashed black; padding:0 5px 0 5px; }
p		{ text-indent: 2em; }
blue		{ color:blue; font-family:"Verdana"; font-size:10pt; }
new		{ color:red; font-family:"Verdana"; font-size:10pt; }
white		{ color:white; font-family:"Verdana"; font-size:10pt; }
linky		{ color: #660000; font-variant:small-caps; font-family:"Verdana"; font-size:10pt; }
legend		{ color: black; font-family:Verdana; font-size:1.2em; font-variant:small-caps; 
		background-color:WhiteSmoke; border:1 solid; border-bottom:none; padding: 3 10 0 10; }
fieldset		{ color: black; font-family:Verdana; background-color:WhiteSmoke; }

body		{ color:black;
		font-family:"Verdana";
		font-size:10pt;
		background-image: url(/images/gradient-Barley1.jpg);
		background-attachment: fixed;
		margin:0; padding:0; line-height: 1.5em;
		}
.notebox	{ color: black; 
		font-family:Verdana; 
		background-color:WhiteSmoke;
		margin:10; 
		padding:10; 
		width:500;
		}
e1		{ font-weight: normal;
		font-family:"Verdana";
		margin-bottom: 1em;
		color: #777;
		font-variant: small-caps;
		}

h1		{ color:black; text-align: center; margin-bottom: 1em; margin-top: 1em;}
h2		{ color:black; text-align: center; margin-bottom: 0.5em; margin-top: 0.5em;}

h3:before	{ content: ".:: ";
		color: red;
		}
h3:after	{ content: " ::.";
		color: red;
		}
img.floatLeft	{
		float: left; 
		margin: 8px; 
		}
img.floatRight	{
		float: right; 
		margin: 8px; 
		}

/*      rollout menu   */
.glossymenu	{ margin: 5px 0;
		padding: 0;
		width: 220px; /*width of menu*/
		border: 1px solid #9A9A9A;
		border-bottom-width: 0;
		}

.glossymenu a.menuitem {
		background: black url(images/orangeGradient.jpg) repeat-x bottom left;
		font: bold 12px Verdana, Helvetica, sans-serif;
		color: navy;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 4px 0;
		padding-left: 10px;
		text-decoration: none;
		}

.glossymenu a.menuitem:visited,
.glossymenu .menuitem:active{
		color: navy;
		}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
		position: absolute;
		top: 5px;
		right: 5px;
		border: none;
		}

.glossymenu a.menuitem:hover{
		background-image: url(images/orangeGradient1.jpg);
		}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
		background: white;
		}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

.glossymenu div.submenu ul li{
		border-bottom: 1px solid orange;
		}

.glossymenu div.submenu ul li a{
		display: block;
		font: normal 13px Verdana, Helvetica, sans-serif;
		color: navy;
		text-decoration: none;
		padding: 2px 0;
		padding-left: 10px;
		}

.glossymenu div.submenu ul li a:hover{
		background: #DFDCCB;
		colorz: white;
		}

/*      main template   */
#topsection{
background: #EAEAEA;
height: 155px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#midsection{
float: left;
width: 100%;
}

#midcolumn{
margin: 0 200 0 232; /*Margins for mid column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
z-index: 1;
}

#midrtcolumn{
margin: 0 0 0 232; /*Margins for mid column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
z-index: 1;
}

#leftcolumn{
float: left;
width: 232; /*Width of left column*/
margin-left: -100%;
background: #FFF8C6;
z-index: 2;
}

#rightcolumn{
float: left;
font-size:10pt;
width: 200; /*Width of right column*/
margin-left: -200; /*Set margin to that of -(RightColumnWidth)*/
background: #FFF8C6;
z-index: 2;
}

#footer{
clear: left;
width: 100%;
background: none;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*      fading photos    */
#wrap {
float: right;
 margin: 0 auto 0 auto;
 padding: 2px;
 width: 400px;
 background-color:#FFF8C6;
}

pre {
 padding:2px;
 border: 1px dotted #eee;
 background-color:#f9f9f9;
}

#photodiv {
  background-repeat: no-repeat;
}