/* ---- Default ---- */
body {
	background: #ffcc99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
	text-align: center
}
#wrapper {
	background-color: #ffffcc;
	background-image: url(../images/cocsg-gradient.jpg);
	background-repeat: repeat-x;
	border-left: 5px solid #006666;
	border-right: 5px solid #006666;
	border-top: 10px solid #006666;
	margin: 0 auto -1000px;
	padding: 0 0 1000px;
	text-align: left;
	width: 90%
}
#content {
	margin: 0;
	padding: 0 10px
}
#header {
	min-width: 500px
}
#logo {
	float: right;
	height: 150px;
	width: 150px
}
#quote table {
	height: 150px;
	margin: 0 auto
}
#main1 {
	clear: both
}
#main2 {
	background-image: url(../images/cocsg-initials-150.jpg);
	background-repeat: repeat-y;
	clear: both
}
#left {
	float: left;
	width: 150px
}
#left p {
	padding: .25em .5em
}
#right {
	margin-left: 160px
}
#footer {
	clear: both
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0;
	padding: .75em 0 .25em;
	text-align: center
}
h1 {
	font-size: 220%
}
h2 {
	font-size: 200%
}
h3 {
	font-size: 180%
}
h4 {
	font-size: 160%
}
h5 {
	font-size: 140%
}
h6 {
	font-size: 120%
}
div {
	margin: 0;
	padding: 0
}
img {
	display: block;
	margin: 0;
	padding: 0
}
ol {
	font-size: 100%;
	margin: 0 0 0 3em;
	padding: 0
}
ul {
	font-size: 100%;
	margin: 0 0 0 2em;
	padding: 0
}
p, li {
	font-size: 100%;
	margin: 0;
	padding: .25em 0
}
table {
	font-size: 100%;
	margin: 0;
	padding: 0
}
td, th {
	font-size: 100%;
	margin: 0;
	padding: .25em .5em
}
a {
	color: #006666;
	font-weight: bold;
	text-decoration: none
}
a:hover {
	background: #ccffcc
}
/* Autoscale Image */
div.imagebox img {
	width: 100%
}
/* Background & Border */
div.bbhead {
	overflow: hidden;
	padding: .75em 0 .25em
}
div.bbhead h4, div.bbhead h5, div.bbhead h6 {
	padding: .125em .5em
}
div.bbheadtpad0 {
	overflow: hidden;
	padding: 0 0 .25em
}
div.bbheadtpad0 h5 {
	padding: .125em .5em
}
div.bbparalist {
	overflow: hidden;
	padding: .5em 0 .25em
}
div.bbparalist h6 {
	padding: .125em .5em
}
div.bbparalist p, div.bbparalist li {
	padding: .25em .5em
}
/* ---- Clear & Float ---- */
div.clearcenter {
	clear: both;
	margin: 0 auto;
	padding: .5em 0 .25em
}
div.clearleft {
	clear: both;
	margin: 0 auto 0 0;
	padding: .5em 0 .25em
}
div.clearright {
	clear: both;
	margin: 0 0 0 auto;
	padding: .5em 0 .25em
}
div.floatleft {
	float: left;
	margin: 0 1em 0 0;
	padding: .5em 0 .25em
}
div.floatright {
	float: right;
	margin: 0 0 0 1em;
	padding: .5em 0 .25em
}
div.clearcenter p, div.clearcenter li, div.clearleft p, div.clearleft li, div.clearright p, div.clearright li, div.floatleft p, div.floatleft li, div.floatright p, div.floatright li {
	padding: .25em .5em
}
div.floatleftpq {
	float: left;
	margin: 0 1em 0 0;
	padding: .5em 0 .25em
}
div.floatleftpq div {
	background: #eeeeee;
	border-right: 5px solid #3333cc
}
div.floatleftpq p {
	color: #000099;
	font-size: 110%;
	font-style: italic;
	padding: 0 .5em 0 0;
	text-align: right
}
div.floatrightpq {
	float: right;
	margin: 0 0 0 1em;
	padding: .5em 0 .25em
}
div.floatrightpq div {
	background: #eeeeee;
	border-left: 5px solid #3333cc
}
div.floatrightpq p {
	color: #000099;
	font-size: 110%;
	font-style: italic;
	padding: 0 0 0 .5em;
	text-align: left
}
/* ---- Spacer ---- */
div.spa0 {
	height: 0
}
div.spa025 {
	height: .25em
}
div.spa05 {
	height: .5em
}
div.spa075 {
	height: .75em
}
div.spa1 {
	height: 1em
}
/* ---- Top Button ---- */
div.top {
	clear: both;
	margin: 0 auto;
	padding: .75em 0 .5em;
	width: 52px
}
div.top div {
	background: #eeeeee;
	border: 1px solid #999999
}
div.top p {
	font-weight: bold;
	padding: .125em 0;
	text-align: center;
	width: 50px
}
div.top p a {
	display: block
}
div.top p:hover {
	background: #009999;
	display: block
}
div.top p:hover a {
	color: #ffffcc;
	display: block
}
div.top p a:hover {
	background: none
}
/* ---- Custom Div [care1] ---- */
table.care1 {
	margin-left: auto;
	margin-right: auto;
	width: 480px
}
table.care1 td {
	vertical-align: baseline
}
table.care1 td.date {
	text-align: right;
	white-space: nowrap;
	width: 140px
}
table.care1 td.topic {
	text-align: left;
	width: 340px
}
/* ---- Custom Div [care2] ---- */
table.care2 {
	margin-left: auto;
	margin-right: auto;
	width: 340px
}
table.care2 td {
	vertical-align: baseline
}
table.care2 td.topic {
	text-align: left;
	width: 340px
}
/* ---- Small Print & Caption ---- */
p.smallprint {
	font-size: 80%
}
p.caption {
	font-style: italic;
	padding: .25em .5em;
	text-align: left
}
/* ---- Clear & Display ---- */
.clear {
	clear: both
}
.block {
	display: block
}
.inline {
	display: inline
}
/* ---- Highlight ---- */
.nic {
	color: #0000cc;
	font-style: italic;
	font-weight: normal
}
.bic {
	color: #660000;
	font-style: italic;
	font-weight: bold
}
.nnc {
	color: #0000cc;
	font-style: normal;
	font-weight: normal
}
/* ---- Font Family ---- */
.ffa {
	font-family: Arial, Helvetica, sans-serif
}
.fft {
	font-family: "Times New Roman", Times, serif
}
/* ---- Font Variant ---- */
.fvn {
	font-variant: normal
}
.fvs {
	font-variant: small-caps
}
/* ---- Font Weight ---- */
.fwn {
	font-weight: normal
}
.fwb {
	font-weight: bold
}
/* ---- Font Style ---- */
.fyn {
	font-style: normal
}
.fyi {
	font-style: italic
}
/* ---- Font Size ---- */
.fz120 {
	font-size: 120%
}
.fz140 {
	font-size: 140%
}
.fz160 {
	font-size: 160%
}
/* ---- Line Height ---- */
.lh100 {
	line-height: 100%
}
.lh110 {
	line-height: 110%
}
.lh120 {
	line-height: 120%
}
/* ---- Text Alignment ---- */
.tal {
	text-align: left
}
.tac {
	text-align: center
}
.tar {
	text-align: right
}
.taj {
	text-align: justify
}
/* ---- Vertical Alignment ---- */
.vat {
	vertical-align: top
}
.vam {
	vertical-align: middle
}
.vab {
	vertical-align: bottom
}
.vabl {
	vertical-align: baseline
}
/* ---- List Style ---- */
.lsnone {
	list-style-type: none
}
.lsdisc {
	list-style-type: disc
}
.lssquare {
	list-style-type: square
}
.lsuppera {
	list-style-type: upper-alpha
}
.lslowera {
	list-style-type: lower-alpha
}
.lsdecimal {
	list-style-type: decimal
}
/* ---- Margin ---- */
.mar0 {
	margin: 0
}
.lmar1 {
	margin-left: 1em
}
.lmar2 {
	margin-left: 2em
}
.lmar3 {
	margin-left: 3em
}
.lmar4 {
	margin-left: 4em
}
.lmar5 {
	margin-left: 5em
}
.mara {
	margin-left: auto;
	margin-right: auto
}
.lmara {
	margin-left: auto
}
.rmara {
	margin-right: auto
}
/* ---- Padding ---- */
.pad0 {
	padding: 0
}
.tpad0 {
	padding-top: 0
}
.tpad025 {
	padding-top: .25em
}
.tpad05 {
	padding-top: .5em
}
.tpad075 {
	padding-top: .75em
}
.tpad1 {
	padding-top: 1em
}
/* ---- Border ---- */
.bd1 {
	border-style: solid;
	border-width: 1px
}
.bd2 {
	border-style: solid;
	border-width: 2px
}
.bd3 {
	border-style: solid;
	border-width: 3px
}
.bd4 {
	border-style: solid;
	border-width: 4px
}
.bd5 {
	border-style: solid;
	border-width: 5px
}
/* ---- Test ---- */
.bdt {
	border: 1px dashed #ff00ff
}