/*
	font: can consist of any following
	font-family: <generic-family> serif, sans-serif, cursive, monospace
		eg: font-family: "trebuchet ms", arial, helvetica, sans-serif
		eg: font-family: verdana, serif
	font-style: normal, italic, oblique
	font-variant: normal, small-caps
	font-weight: normal, bold, bolder, lighter, 100 to 900
	font-size: xx-small, x-small, small, medium, large, x-large, xx-large, larger, smaller, 1px, 100%

	color: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive,
		purple, red, silver, teal, white, yellow, #000080, #0c0
	background: can consist of any following
	background-color: color, transparent
	background-image: url(img/test.gif), none
	background-repeat: repeat, repeat-x, repeat-y, no-repeat
	background-attachment: scroll, fixed
	background-position: 1px, 100%, top, center, bottom, left, right {x y}

	word-spacing: normal, 1px
	letter-spacing: normal, 1px
	text-decoration: none, underline, overline, line-through, blink
	vertical-align: baseline, sub, super, top, text-top, middle, bottom, text-bottom, 100%
	text-transform: none, capitalize, uppercase, lowercase
	text-align: left, right, center, justify
	text-indent: 1px, 100%
	line-height: normal, 1px, 100%

	margin-top: 1px, 100%, auto
	margin-right: 1px, 100%, auto
	margin-bottom: 1px, 100%, auto
	margin-left: 1px, 100%, auto
	margin: {top right bottom left}
	padding-top: 1px, 100%
	padding-right: 1px, 100%
	padding-bottom: 1px, 100%
	padding-left: 1px, 100%
	padding: {top right bottom left}
	border-top-width: thin, medium, thick, 1px
	border-right-width: thin, medium, thick, 1px
	border-bottom-width: thin, medium, thick, 1px
	border-left-width: thin, medium, thick, 1px
	border-width: {top, right, bottom, left}
	border-color: color {top right bottom left}
	border-style: none, dotted, dashed, solid, double, groove, ridge, inset, outset {top right bottom left}
	border-top: 1px solid black
	border-right: 1px solid black
	border-bottom: 1px solid black
	border-left: 1px solid black
	border: 1px solid black
	width: 1px, 100%, auto
	height: 1px, auto
	float: left, right, none
	clear: none, left, right, both

	display: block, inline, list-item, none
	white-space: normal, pre, nowrap
	list-style-type: disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none
	list-style-image: url(img/test.gif), none
	list-style-position: inside, outside
	list-style: circle inside url(img/test.gif)

	<relative length> = em, ex, px
	<absolute length> = in, cm, mm, pt, pc

	a:link, visited, active, hover
	position: absolute, relative, static, fixed
*/

a:link {
	background-color: transparent;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	background-color: transparent;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	background-color: transparent;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

body {
	background-color: #dcdcdc;
	background-image: url(img/bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

div {
}

form {
	margin: 0;
}

td {
	padding: 5px;
}

ul {
	background-color: #FFFFCC;
	border: 1px solid #CC9900;
	color: black;
	margin-left: 15px;
}

li {
	margin-left: 20px;
}

p.red {
	background-color: #FFCCCC;
	border: 1px solid #CC3300;
	color: black;
	font-style: italic;
	font-weight: bold;
	padding: 5px;
}

p.yellow {
	background-color: #FFFFCC;
	border: 1px solid #CC9900;
	color: black;
	padding: 5px;
}

p.contact1 {
	color: red;
	font-family: "book antiqua", verdana, serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

p.contact2 {
	color: red;
	font-family: "cg times", verdana, serif;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

p.contact3 {
	font-size: 14px;
	padding: 5px;
	text-align: center;
}

#main {
	margin-left: auto;
	margin-right: auto;
	width: 759px;
	padding: 0;
}

#header {
	background-color: white;
	color: black;
	padding: 5px;
}

#header p {
	margin: 0;
}

#headSub1 {
	float: left;
}

#headSub2 {
	width: 80%;
}

#subMain {
	float: left;
	padding: 0;
	width: 450px;
}

#sub1 {
	clear: both;
	float: left;
	padding: 0;
	width: 200px;
}

#sub2 {
	background-color: white;
	background-image: url(img/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	border-color: white;
	border-style: solid;
	border-width: 0 3px 0 3px;
	color: white;
	float: left;
	padding: 0;
	width: 80px;
}

#footer {
	background-color: white;
	clear: both;
	color: teal;
	padding: 5px;
}

#footer p {
	font-size: 11px;
	margin: 0;
	text-align: right;
}

#navi {
	float: left;
	padding: 5px;
}

#navi #box {
	float: left;
	padding: 5px;
}

#navi #box #color {
	float: left;
	padding: 3px;
}

#item1 {
	background-color: #006633;
	color: white;
	font-size: 7px;
	padding: 0;
	margin: 0;
	width: 8px;
}

#item2 {
	background-color: #339966;
	color: white;
	font-size: 7px;
	padding: 0;
	margin: 0;
	width: 8px;
}

#item3 {
	background-color: #00CC66;
	color: white;
	font-size: 7px;
	padding: 0;
	margin: 0;
	width: 8px;
}

#item4 {
	background-color: #66CC99;
	color: white;
	font-size: 7px;
	padding: 0;
	margin: 0;
	width: 8px;
}

#item5 {
	background-color: #33FF99;
	color: white;
	font-size: 7px;
	padding: 0;
	margin: 0;
	height: 2px;
	width: 8px;
}

#item6 {
	background-color: #99FFCC;
	color: white;
	font-size: 7px;
	padding: 0;
	margin: 0;
	height: 2px;
	width: 8px;
}

.subPhoto {
	padding: 0;
}

.subPhoto p {
	margin: 0;
	text-align: center;
}

.subPhotoR {
	padding: 0;
}

.subPhotoR p {
	margin: 0;
	text-align: right;
}

.subPhoto2 {
	padding: 5px;
}

.subPhoto2 p {
	margin: 0;
	text-align: center;
}

.subHeader {
	padding: 0;
}

.subHeader p {
	margin: 0;
	text-align: center;
}

.codeBox {
	padding: 5px;
}

.codeHeader {
	background-color: #E5E5E5;
	background-image: url(img/box_red.gif);
	background-repeat: repeat-x;
	border-color: black;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
}

.codeBody {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	padding: 5px;
}