body.blue {
	background: url(../img/bg.gif) #97a3cf;
}

body.green {
	background: url(../img/bg.gif) #993300;
}

body.orange {
	background: url(../img/bg.gif) #cfc297;
}

body {
	margin: 10px 0 10px 0;
	padding: 0;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#right, #footer {
	color: #cccccc;
}

#right a, #footer a {
	color: #999999;
	text-decoration: underline;
}

.blue a {
	color: #3d668f;
}

.green a {
	color: #60a000;
}

.orange a {
	color: #8f653d;
}

a {
	text-decoration: none;
}

/* START DEFAULT CHANGES FOR TEMPLATE */
.sectiontableheader {
	padding-right: 10px;
	padding-top: 15px;
	font-weight: bold;
	border-bottom: 1px ridge #cccccc;
}

.sectiontableentry1 {
	background: #333333;
}

#left .sectiontableentry1 {
	background: #444444;
}

.blue #right .sectiontableentry1, .blue #footer .sectiontableentry1 {
	background: #207899;
}

.green #right .sectiontableentry1, .green #footer .sectiontableentry1 {
	background: #659920;
}

.orange #right .sectiontableentry1, .orange #footer .sectiontableentry1 {
	background: #993f20;
}

.sectiontableheader a, .sectiontableentry1 a, .sectiontableentry2 a {
	color: #cccccc;
}

.sectiontableentry1 td, .sectiontableentry2 td {
	padding-right: 10px;
}

.blue li {
	list-style: url(../img/blue/arrow.gif);
}

.green li {
	list-style: url(../img/green/arrow.gif);
}

.orange li {
	list-style: url(../img/orange/arrow.gif);
}

img {
	border: 0px;
}

#mod_search_searchword {
	background: none;
	border: 1px solid #cccccc;
	color: #cccccc;
}

#form-login fieldset {
	border: none;
}

#form-login a {
	border: none;
	background: none;
	padding: 0 0 0 10px;
	margin: 0;
	font-weight: normal;
}

.blue .button {
	background: url(../img/blue/button.gif) repeat-x;
}

.green .button {
	background: url(../img/green/button.gif) repeat-x;
}

.orange .button {
	background: url(../img/orange/button.gif) repeat-x;
}

.button {
	border: 1px solid #444444;
	color: #cccccc;
}

.blue #right .button, .blue #footer .button {
	background: url(../img/blue/button1.gif) repeat-x;
}

.green #right .button, .green #footer .button {
	background: url(../img/green/button1.gif) repeat-x;
}

.orange #right .button, .orange #footer .button {
	background: url(../img/orange/button1.gif) repeat-x;
}

.blue .readon {
	background: url(../img/blue/arrow.gif) left no-repeat;
}

.green .readon {
	background: url(../img/green/arrow.gif) left no-repeat;
}

.orange .readon {
	background: url(../img/orange/arrow.gif) left no-repeat;
}

.readon {
	padding-left: 10px;
	font-style: italic;
}

.blue .contentheading, .blue h3, .blue .componentheading {
	color: #3d668f;
}

.green .contentheading, .green h3, .green .componentheading {
	color: #60a000;
}

.orange .contentheading, .orange h3, .orange .componentheading {
	color: #8f653d;
}

.blue .contentheading {
	background: url(../img/blue/pre.gif) left no-repeat;
}

.green .contentheading {
	background: url(../img/green/pre.gif) left no-repeat;
}

.orange .contentheading {
	background: url(../img/orange/pre.gif) left no-repeat;
}

.contentheading {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #222222;
	padding-left: 25px;	
}

#user5 h3, #user6 h3 {
	border-bottom: none;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #222222;
}

.blue #left h3 {
	border-bottom: 1px solid #186b8a;
}

.green #left h3 {
	border-bottom: 1px solid #60a000;
}

.orange #left h3 {
	border-bottom: 1px solid #8a3518;
}

#left h3 {
	color: #cccccc;
}

#right h3, #footer h3 {
	color: #cccccc;
}

.pagination span, .pagination a {
	margin: 0 2px;
}

.small, .createdate, .modifydate {
	font-size: smaller;
	font-style: italic;
}

.componentheading {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}
/* END DEFAULT CHANGES FOR TEMPLATE*/

.blue #head {
	background: url(../img/blue/header.gif) right no-repeat #444444;
}

.green #head {
	background: url(../img/green/header.gif) right no-repeat #444444;
}

.orange #head {
	background: url(../img/orange/header.gif) right no-repeat #444444;
}

#head {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	position: relative;
	height: 100px;
	border-left: 1px solid #222222;
	border-top: 1px solid #222222;
	border-right: 1px solid #222222;
}

#user2 {
	position: absolute;
	left: 20px;
	right: 300px;
	text-align: left;
}

#user2 h3 {
	display: none;
}

#title1 {
	position: absolute;
	bottom: 0;
	right: 155px;
	font-size: large;
}

#gomenu {
	border: 1px solid #222222;
}

#gomenu h3 {
	display: none;
}

#menu1 a, #menu2 a {
	color: #cccccc;
}

#menu1 ul, #menu2 ul {
	padding: 0;
	margin: 0;
}

#menu1 li, #menu2 li {
	list-style: none;
	font-weight: bold;
	float: left;
	padding: 0 10px;
	border-right: 1px ridge #222222;
}

#menu1 li ul {
	display: none;
}

.blue #menu1 {
	background: url(../img/blue/menumain.gif) top repeat-x;
}

.green #menu1 {
	background: url(../img/green/menumain.gif) top repeat-x;
}

.orange #menu1 {
	background: url(../img/orange/menumain.gif) top repeat-x;
}

#menu1 {
	height: 30px;
}

#menu1 a {
	text-transform: uppercase;
}

#menu1 li {
	height: 22px;
	padding-top: 8px;
}

#menu1 li:hover a, #menu2 li:hover a {
	color: #cccccc;
}

#menu1 li.active a, #menu2 li.active a {
	color: #333333;
}

.blue #menu1 li.active a, .blue #menu2 li.active a {
	color: #cccccc;
}

.blue #menu1 li.active {
	background: url(../img/blue/menumain1.gif) top repeat-x;
}

.green #menu1 li.active {
	background: url(../img/green/menumain1.gif) top repeat-x;
}

.orange #menu1 li.active {
	background: url(../img/orange/menumain1.gif) top repeat-x;
}

.blue #menu2 {
	background: url(../img/blue/menusub.gif) bottom repeat-x;
}

.green #menu2 {
	background: url(../img/green/menusub.gif) bottom repeat-x;
}

.orange #menu2 {
	background: url(../img/orange/menusub.gif) bottom repeat-x;
}

#menu2 {
	border-top: 1px ridge #222222;
	border-bottom: 1px ridge #222222;
	height: 20px;
	margin-bottom: 10px;
}

#menu2 li {
	height: 20px;
}

.blue #menu2 li.active {
	background: url(../img/blue/menusub1.gif) bottom repeat-x;
}

.green #menu2 li.active {
	background: url(../img/green/menusub1.gif) bottom repeat-x;
}

.orange #menu2 li.active {
	background: url(../img/orange/menusub1.gif) bottom repeat-x;
}

#container {
	position: relative;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #444444;
	text-align: left;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
}

.blue #sides_1_1, .blue #sides__1 {
	background: url(../img/blue/right.gif) right repeat-y;
}

.green #sides_1_1, .green #sides__1 {
	background: url(../img/green/right.gif) right repeat-y;
}

.orange #sides_1_1, .orange #sides__1 {
	background: url(../img/orange/right.gif) right repeat-y;
}

#sides_1_1 {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	width: 400px;
}

#sides_1_ {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	width: 200px;
}

#sides__1 {
	margin-bottom: 10px;
	margin-left: 10px;
	float: right;
	width: 200px;
}

#sides__ {
	margin-bottom: 10px;
	margin-left: 10px;
}

#right {
	float: right;
	width: 195px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blue #righttop {
	background: url(../img/blue/righttop.gif) right top no-repeat;
}

.green #righttop {
	background: url(../img/green/righttop.gif) right top no-repeat;
}

.orange #righttop {
	background: url(../img/orange/righttop.gif) right top no-repeat;
}

#righttop {
	float: right;
	padding-top: 5px;
}

.blue #rightbottom {
	background: url(../img/blue/rightbottom.gif) right bottom no-repeat;
}

.green #rightbottom {
	background: url(../img/green/rightbottom.gif) right bottom no-repeat;
}

.orange #rightbottom {
	background: url(../img/orange/rightbottom.gif) right bottom no-repeat;
}

#rightbottom {
	float: right;
	padding-bottom: 5px;
}

#left {
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 200px;
}

.blue #leftin {
	background: url(../img/blue/dot.gif) left repeat-y #333333;
}

.green #leftin {
	background: url(../img/green/dot.gif) left repeat-y #333333;
}

.orange #leftin {
	background: url(../img/orange/dot.gif) left repeat-y #333333;
}

#leftin {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.blue #lefttop {
	background: url(../img/blue/lefttop.gif) top no-repeat;
}

.green #lefttop {
	background: url(../img/green/lefttop.gif) top no-repeat;
}

.orange #lefttop {
	background: url(../img/orange/lefttop.gif) top no-repeat;
}

#lefttop {
	padding-top: 5px;
}

.blue #leftbottom {
	background: url(../img/blue/leftbottom.gif) bottom no-repeat;
}

.green #leftbottom {
	background: url(../img/green/leftbottom.gif) bottom no-repeat;
}

.orange #leftbottom {
	background: url(../img/orange/leftbottom.gif) bottom no-repeat;
}

#leftbottom {
	padding-bottom: 5px;
}

#sides a {
	color: #222222;
}

#content_1_1 {
	padding: 0 10px;
	margin-right: 400px;
}

#content_1_,#content__1 {
	padding: 0 10px;
	margin-right: 200px;
}

#content__ {
	padding: 0 10px;
	margin: 0;
}

#u5u6 {

}

#user5 {
	float: left;
}

#user6 {
	float: right;
}

#user3 {
	clear: left;
}

#component {
	clear: left;
}

#user4 {
	clear: left;
}

.blue #footer {
	background-color: #186b8a;
}

.green #footer {
	background-color: #60a000;
}

.orange #footer {
	background-color: #8a3518;
}

#footer {
	text-align: center;
	border-top: 1px solid #222222;
	padding: 0 10px;
	clear: both;
}

.menu li a, .menu li a:link, .menu li a:visited {
	text-decoration: none;
	color: #cccccc;
}

.blue .menu li:hover {
	list-style: url(../img/blue/arrow2.gif);
}

.blue .menu li.active {
	list-style: url(../img/blue/arrow4.gif);
}

.blue #right .menu li:hover {
	list-style: url(../img/blue/arrow3.gif);
}

.blue #right .menu li.active {
	list-style: url(../img/blue/arrow5.gif);
}

.green .menu li:hover {
	list-style: url(../img/green/arrow2.gif);
}

.green .menu li.active {
	list-style: url(../img/green/arrow4.gif);
}

.green #right .menu li:hover {
	list-style: url(../img/green/arrow3.gif);
}

.green #right .menu li.active {
	list-style: url(../img/green/arrow5.gif);
}

.orange .menu li:hover {
	list-style: url(../img/orange/arrow2.gif);
}

.orange .menu li.active {
	list-style: url(../img/orange/arrow4.gif);
}

.orange #right .menu li:hover {
	list-style: url(../img/orange/arrow3.gif);
}

.orange #right .menu li.active {
	list-style: url(../img/orange/arrow5.gif);
}

#colors {
	position: absolute;
	left: 0;
	width: 20px;
	text-align: center;
}