body {
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	background: #f5f5e7 url(http://www.occgate.org/bg.gif) no-repeat 6000px 6000px;
	padding: 0;
	margin: 0;
}

a.no:link    {text-decoration: none;}
a.no:visited {text-decoration: none;}
a.no:hover   {text-decoration: none;}
a.no:active  {text-decoration: none;}

a.blaring:link {color: #FF0000; text-decoration: none; font-weight: bold; font-size: xx-large;}
a.blaring:visited {color: #FF0000; text-decoration: none; font-weight: bold; font-size: xx-large;}
a.blaring:hover {color: #FF6600; text-decoration: underline; font-weight: bold; font-size: xx-large;}
a.blaring:active {color: #FF9900; text-decoration: underline; font-weight: bold; font-size: xx-large;}

#content {
	width: 61em;
	background-color: inherit;
	padding: 0 0;
	border: 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	color: #000000;
}

#spacer {
	height: 25px;
	font-size: 6pt;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

html>body #content {
	width: 61em;
}

h1 {text-align: center; color: #7d6340; padding: 0.5em 0 0.5em 0; margin: 0; }

h2 {text-align: center; color: #7d6340; }

ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  }

#page li, #page ul, #page p {
	background-color: #f5f5e7;
	color: #000000;
	font-weight: normal;
}

#page ul {
	list-style: disc;
	color: #7d6340;
}

#page li {
	float: no;
	position: relative;
	width: 100%;
	text-align: left;
	cursor: default;
	border: none;
}

.bb {
	font-weight: bold;
	font-size: large;
}

.c {
	text-align: center;
}

.high {
	color: #FF6600;
}

.i {
	font-style: italic;
}

.imgc {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#imgc {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.j {
	text-align: justify;
}

i. {
	font-style: italic;
}

.lg {
	font-size: large;
}

.lgr {
	font-size: larger;
}

.box {
	padding: 1em 10em 1em 10em;
	margin: 0;
}

.lbox {
	padding: 1em 5em 1em 5em;
	margin: 0;
}

.pad {
	padding: 0.5em;
}

#main {	
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
}

#main img {
	vertical-align: middle;
	margin: 0.5em;
}

ul.norm { font-weight: bold; list-style: disc; padding: 1em 0 0 0; font-size: large; color: #7d6340; background-color: #f5f5e7;
  }

ul.navb { text-align: center;
  }

ul.normx { font-weight: bold; list-style: disc; padding: 0 3em 1em 12em; font-size: large; color: #7d6340; background-color: #f5f5e7;
  }

ul.normxx { font-weight: bold; list-style: disc; padding: 0 3em 1em 12em; font-size: large; color: #7d6340; background-color: #f5f5e7;
  }

ul.bigx { font-weight: bold; list-style: disc; padding: 0 1em 1em 3em; font-size: large; color: #7d6340; background-color: #f5f5e7;
  }

ul.c { list-style-type: none; padding: 1em 0 4em 15em; background-color: #f5f5e7; color: #000000; text-align: center;
  }

ul.cx { list-style-type: square; padding: 1em 0 0em 15em; background-color: #f5f5e7; color: #000000; text-align: center;
  }

ul.x { list-style-type: disc; padding: 0 2em 1em 6em; color: #000000; text-align: center; background-color: #f5f5e7; 
  }

li.norm { font-weight: bold; float: no; position: relative; width: 100%; text-align: justify; cursor; default; background-color: #f5f5e7; border: none; border-width: 0;
  }

li.c { float: no; position: relative; width: 100%; background-color: #f5f5e7; border: none; border-width: 0; text-align: justify; padding: 0;
  }

li.cx { width: 100%; background-color: #f5f5e7; border: none; border-width: 0; text-align: justify; padding: 0;
  }

li.x { float: no; position: relative; width: 100%; background-color: #f5f5e7; cursor; default; border: none; border-width: 0; text-align: justify; padding: 1em 0 0 0; 
  }

li.normx { float: no; position: relative; width: 100%; background-color: #f5f5e7; cursor; default; border: none; border-width: 0; text-align: justify; padding: 0 0 0 0; 
  }

li.bigx { float: no; position: relative; width: 100%; background-color: #f5f5e7; cursor; default; border: none; border-width: 0; text-align: justify; padding: 0 0 1em 0; 
  }

li {
  float: left;
  position: relative;
  width: 10em;
	text-align: center;
	cursor: default;
	background-color: white;
	border: 1px solid #7d6340;
	border-width: 1px 0;
  }

a {
	text-decoration: none;
}

a:link {
	color: #080;
}

a:visited {
	color: #080;
}

a:hover {
	color: #790; text-decoration: underline;
}

a:active {
	color: #33FF00;
}

#nav    {    text-align: center;

}

#nav a {
	font-weight: bold;
	color: #006600;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;#FF8080
	font-weight: normal;
	color: #060;
	padding: 0.2em 10px;
}

#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #7d6340;
	border-width: 0 5px;
	text-align: center;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; text-align: center;
}

li#first {
	border-left-width: 0.5em; text-align: center;
}

li#last {
	border-right-width: 0.5em; text-align: center;
}

li ul {
  display: none;
  position: absolute; 
  top: 100%;
  left: 0;
  text-align: center;

	font-weight: normal;
	background: url(http://www.occgate.org/bg.gif) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #7d6340;
  }

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	text-align: center;
}

li:hover ul, li.over ul{ display: block; text-align: center; }

p.c {text-align: center}
p.ci {text-align: center; font-style: italic;}
p.cx {clear: left; text-align: center; padding: 0 10em 0 10em; margin: 0;}
p.cxi {clear: left; text-align: center; padding: 0 10em 0 10em; margin: 0; font-style: italic;}
p.cxiu {clear: left; text-align: center; padding: 0 10em 0 10em; margin: 0; font-style: italic; text-decoration: underline;}
p.cxui {clear: left; text-align: center; padding: 0 10em 0 10em; margin: 0; font-style: italic; text-decoration: underline;}
p.j {clear: left; text-align: justify; }
p.jx {clear: left; text-align: justify; padding: 0 10em 1em 10em; margin: 0;}
p.bigjx {clear: left; text-align: justify; padding: 0 10em 0 10em; margin: 0; font-size: larger;}
p.bigxc {text-align: center; font-size: x-large;}
p.bigc {text-align: center; font-size: large;}
p.normc {text-align: center; font-size: larger;}
p.main    {color: #080; text-decoration: none; font-size: large}
img.mid {vertical-align: middle;}
img.main { border: solid 2px #008800; color: #008800; }

table.occ {background-color: #006600;}
td.a {text-align: center; background-color: #7d6340; color: #FFF; font-weight: bold; }
td.al {background-color: #7d6340; color: #FFF; font-weight: bold; }
td.b {background-color: #FFF; color: #5b4120; }

hr.x {color: #7d6340; background-color: #7d6340; height: 1px; border: 0; }

a.main:link    {color: #080; text-decoration: none; font-size: large}
a.main:visited {color: #080; text-decoration: none; font-size: large}
a.main:hover   {color: #790; text-decoration: underline; font-size: large}
a.main:active  {color: #33FF00; text-decoration: none; font-size: large}

a.mainx:link    {color: #080; text-decoration: none; font-size: x-large}
a.mainx:visited {color: #080; text-decoration: none; font-size: x-large}
a.mainx:hover   {color: #790; text-decoration: underline; font-size: x-large}
a.mainx:active  {color: #33FF00; text-decoration: none; font-size: x-large}

a.big:link    {color: #080; text-decoration: none; font-size: large}
a.big:visited {color: #080; text-decoration: none; font-size: large}
a.big:hover   {color: #790; text-decoration: underline; font-size: large}
a.big:active  {color: #33FF00; text-decoration: none; font-size: large}

a.green:link    {color: #008800; background-color: transparent; text-decoration: none;}
a.green:visited {color: #008800; background-color: transparent; text-decoration: none;}
a.green:hover   {color: #790; background-color: transparent; text-decoration: none;}
a.green:active  {color: #008800; background-color: transparent; text-decoration: none;}

.nobr {white-space: nowrap}