/* UA - style.css */

body {
font-family: "Century Gothic", "trebuchet ms", sans-serif;
font-size: medium;
color: #663333;
background-color: #ffffff;
margin-left: 5px;
margin-right: auto;
padding: 5px; 
}

#wrap {
background: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}

#layout {
background-color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}

h1 {
font-family : "Century Gothic", verdana, sans-serif;
color : #660000;
font-size : large;
}

h2 {
font-family : "Century Gothic", verdana, sans-serif;
color : #660000;
font-size : medium;
}

h3 {
font-family : "Century Gothic", verdana, sans-serif;
color : #660000;
background-color: #f96;
font-size : small;
}

ul {
list-style: none;
list-style-position: outside;
background-repeat: no-repeat;
}

ul.li {
list-style: none;
}

ul.compact { /* class="compact" */
list-style: inside;
list-style-type: none;
}

#ul.img {
list-style-image: url(/img1/folder2.png);
list-style-position: outside;
background-repeat: no-repeat;
}
 
a:link {
font-weight: normal;
text-decoration: none;
color: #cc5500;
}

a:visited {
color: #ff8039;
text-decoration: none;
}

a:hover {
font-weight: bold;
text-transform: none;
color: #cd7f32;
cursor: pointer;
}

a:active {
font-style: italic;
background-color: #7f6a00;
}

strike,pre {
font-family: "courier new", courier;
font-size: 10px;
color: #666666; /* med grey */
}

code {
font-family: "courier new", courier;
font-size: 10px;
color: #000000; /* black */
backgroundv: #CCCCCC; /* med grey */
border: dotted 1px #000000;
}

.sig {
font-family: arial, sans-serif;
font-size: 10px;
color: #996600; /* choc */
text-align: center;
}

.red {
color: #ff0000;
font-weight: bold;
}

.visible {visibility: visible;}
.hidden {visibility: hidden;}

p.pl {text-align: left;}
p.pl-1 {text-align: left; font-size: small;}
p.pr {text-align: right;}
p.pc {text-align: center;}
p.pc-1 {text-align: center; font-size: small;}

div.dc {text-align: center;}
div.dl {text-align: left;}
div.dr {text-align: right;}

img.c2 {border:0;width:88px;height:31px;}
span.c1 {font-weight: normal;}

#header {
text-align: center;
/*background-image: url('/img/');  alt hdr: ua-hdr-800x250.png */
background-repeat: 
no-repeat;
background-attachment: 
scroll;
background-position: center top;
padding: 10px;
}

/* font-size: xx-large;
color: #7b3f00;
font-weight: bolder;
background-color: #f0dc82;
border: 0; */

#coder {
width: 30%;
float: inherit;
padding: 25px;
}

#container {
  width: 800px ;
}

#content {
  margin-left:  150px; /* 200 */
  padding: 10px 10px 5px 10px;
}

#content-r {
width: 40px ;
margin-left:  10px;
}

.gads {
width: 120px ;
margin-left:  10px;
}

#navbar {
  float: inherit;
  width: 125px;
}

#contactform {
width: 80%;
color: #000000;
font-family: "trebuchet ms", sans-serif;
text-align: left;
background-color: #EAE6C5;
/*background-color: url('/img/') repeat-x repeat-y;*/
padding: 10px;
}

/* #gallery {
width: 60%;
float: inherit;
padding: 20px;
background-image: url('/img1/dark2.png'); /*#660000;*/
border: medium double #660000;;
overflow: auto;
z-index: 1;
} */

#footer {
font-family: "trebuchet ms", sans-serif;
font-size: 10px;
color: #663333;
text-align: center;
background-image: url('/img/ua-footer.png') no-repeat center; /* alt ftr: .png */
background-repeat: no-repeat;
background-position: bottom center;
padding: 5px;
clear: both;
/* background-color: #FFFFCC; */
/* width: 745px; */
/* margin-left:  100px; */
}

#galytics {visibility: hidden;}

/* bot-r drop shadow - border 1 paragraph */
/* ref: wubbleyew.com/tests/dropshadows.htm */
.brshadow1{
	float:left;
	clear:left;
	background: url(/img/tmp/brshadow-a.png) no-repeat bottom right !important;
	background: url(/img/tmp/brshadow-whbg.png) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 500px;
}
.brshadow1 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
} /* <!-- div class="brshadow1"><-- h2>TEXT</h2 --><--p>Text<br />text</p--></div --> or use <!-- img src="" --> instead of h2, p text */

/* bot-r drop shadow (border innerbox div) */
/* ref: wubbleyew.com/tests/dropshadows.htm */

.brshadow2{
	float:left;
	clear:left;
	background: url(/img/tmp/brshadow-a.png) no-repeat bottom right !important;
	background: url(/img/tmp/brshadow-whbg.png) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	width: 500px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
/* <!-- div class="brshadow2"><!-- div class="innerbox"><!-- h4>HEADING</h4 -->  <!-- p>Paragraph with 2 wrapping div; 1 for shadow, and 1 for border.</p --></div --></div --> */