body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666;
	background-color: #D2D6D9;
	margin: 0 20px;
	padding: 0;
}
#masthead {
	color: #666;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}
#wrapper {
	width: 778px;
	margin: 0 auto;
	background-color: #ffffff;
}
#column_wrapper {
	background-image: url(img/clm02_middle.gif);
	background-repeat: repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}
#right {
	width: 600px;
	float: right;
	margin-right:4px;
	min-height:500px
}
#left {
	width: 161px;
	float: left;
}
#left .content {
	padding: 5px 0 1px 8px;
	font-size: 1em;
	line-height: 1.6em;
}
#right .content {
	padding: 5px 0 10px 0;
	font-size: 0.96em;
	line-height: 1.6em;
}
#masthead .content {
	padding:8px 6px 8px 8px;
	height:182px
}
#footer .content {
	padding: 12px 0;
}
#footer {
	padding: 5px 0;
	margin: 0;
	font-size: 1.4em;
	font-weight:bold;
	clear: both;
	letter-spacing:0.0025em;
	letter-spacing:-0.0005em;
}
#footer .content span {color:#F2922B}

/*#right a:link {
	color: #0000FF;
}
#right a:visited {
	color: #666666;
}
#right a:hover {
	color: #000000;
}
*/
#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}
#footer a:link {color: #999999;}
#footer a:visited {color: #666666;}
#footer a:hover {color: #FFFFFF;}
.p7uberlink {
	font-weight: bold !important;
	letter-spacing: .15em;
	border-color: #000000 !important;
}
h1 {
	font-size: 1.8em;
	margin: 0;
}
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
/*h5 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
}
*/

.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0; text-align:justify
}


/*** menu ***/
div#navcontainer						{ display: block; width: 153px; padding: 0 2px 0 0; margin: 0 }
ul#navlist, 
ul#navlist li ul#subnavlist				{ list-style-type: none; padding: 0; margin: 0 }
ul#navlist li, 
ul#navlist li ul#subnavlist li 			{ display: inline; font-size:0.97em }
ul#navlist li a 						{ display: block; width: 143px; height:18px; background: transparent url('../../img/selected.gif') no-repeat; text-decoration: none; margin: 0; padding:0 5px; color:#666 }
ul#navlist li a:hover, 
ul#navlist li a:focus 					{ color:#666; background:#ccc url('../../img/light-gray.gif') }
ul#navlist li a:active 					{ color:#666 }
ul#navlist li#active a 					{ color: #fff; background: transparent url('../../img/orange.gif') no-repeat }
ul#navlist li ul#subnavlist li a		{ color: #999; display: block; width: 143px; background: #fff  url('../../img/light-gray.gif') no-repeat; text-decoration: none; }
ul#navlist li ul#subnavlist li a:hover, 
ul#navlist li ul#subnavlist li a:focus 	{ color: #E49425; background: transparent url('../../img/light-gray.gif') no-repeat; }
ul#navlist li#active					{ color: #E49425; background: transparent url('../../img/dark-gray.gif') no-repeat }
ul#subnavlist li#subactive a 			{ font-weight:normal; color: #E49425; background: transparent url('../../img/dark-gray.gif') no-repeat }


#login-wrapper 	{ background:#fff url('../../img/login_bg.gif') no-repeat; width:201px; height:134px; margin-bottom:10px }
#username 		{ text-align:left; padding:44px 0 0 19px; display:block }
#password 		{ text-align:left; padding:11px 0 0 19px; display:block }
#submit			{ text-align:right; padding:2px 30px 0 0; display:block }

#photodiv { background-repeat: no-repeat; margin:0; padding:0; height:182px; width:599px }
#photoimg { margin:0; padding:0; height:182px; width:599px}


.photowrapper { float:left; display:inline; padding: 0 3px 10px 0; width:197px }
.photowrapper .pict 	{ margin:0; padding-bottom:3px; border-bottom:1px dashed #999; height:80px }
.photowrapper .title 	{ margin:0; padding:0; height:33px }
.photowrapper .findout 	{ margin:0; padding-bottom:3px; border-bottom:1px dashed #999; height:21px }
.orangetitle 			{ clear:both; margin:10px 0 0 0; display:block; color:#F2922B; font-size:1.8em; font-weight:bold; padding: 3px 0 0 1px; height:50px; border-bottom:1px dashed #999 }
.bottombar 				{ clear:both; margin:10px 0 0 0; color:#B2B0B1; display:block; font-size:1.6em; font-weight:bold; padding: 3px 0 0 1px }
.bottombar span			{ color:#F2922B }
.bottomdashed			{ clear:both; padding:10px; height:50px; border-bottom:1px dashed #999 }


#masthead .content #logo 		{ float:left;width:153px;position:relative; text-align:center !important }
#masthead .content #randompict 	{ float:right; width:599px; position:relative }



#right .content .boxleft { float:left;width:385px;position:relative }
#right .content .boxleft h1 {color:#000; font-size:1.6em; padding:0 0 10px 0; margin:0}
#right .content .boxleft h2 {color:#E49425; font-size:1em; padding:0 0 5px 0; margin:0; letter-spacing:0.03em }
#right .content .boxleft h5 {color:#E49425; font-size:1em; padding:0 0 0 0; margin:0; letter-spacing:0.03em }

#right .content .boxleft-long { float:left;width:590px;position:relative }
#right .content .boxleft-long h1 {color:#000; font-size:1.6em; padding:0 0 10px 0; margin:0}
#right .content .boxleft-long h2 {color:#E49425; font-size:1em; padding:0 0 5px 0; margin:0; letter-spacing:0.03em }
#right .content .boxleft-long h5 {color:#666; font-size:1em; padding:0 0 0 0; margin:0; letter-spacing:0.03em }

#right .content .boxleft-long a:link,
#right .content .boxleft-long a:visited, 
#right .content .boxleft-long a:hover {color: #E49425}

#right .content .boxleft-long .newslist-long { clear:both; padding:10px 0; margin:0; display:block; width:100%}
#right .content .boxleft-long .newslist-long .pict { float:left; margin:0 5px 0 0; padding:0; width:84px; height:84px; vertical-align:top }
#right .content .boxleft-long .newslist-long .desc { float:right; margin:0 0 0 0; padding:5px 0 0 0 }
#right .content .boxleft-long .newslist-long .desc .title { padding:0 0 5px 0; font-size:1.1em; font-weight:bold }
#right .content .boxleft-long .newslist-long .desc a { text-decoration:underline; color:#E49425 }




#right .content .boxleft-long .newslist-long .descnews { margin:0 0 0 0; padding:5px 0 0 0 }
#right .content .boxleft-long .newslist-long .descnews .title { padding:0 0 5px 0; font-size:1.1em; font-weight:bold }
#right .content .boxleft-long .newslist-long .descnews a { text-decoration:underline; color:#E49425 }

#right .content .boxright {float:right; width:205px; position:relative }

#right .content .boxright a:link,
#right .content .boxright a:visited, 
#right .content .boxright a:hover {
	color: #E49425;
}

#right .content .boxleft a:link,
#right .content .boxleft a:visited, 
#right .content .boxleft a:hover {
	color: #E49425;
}



#right .content #submit {text-align:right; padding:2px 30px 0 0; display:block }

#right .content h3 {margin:0 0 5px 0; color:#fff; letter-spacing:0.05em; font-size:1em; font-weight:bold; padding: 3px 0 0 10px; background:url('../../img/title-bar.gif') no-repeat; height:24px}

#footer .content .bl { float:left;width:168px;position:relative; margin:0 5px 0 0 }
#footer .content .br { float:left;width:595px;position:relative; padding:10px 0; border-top:0px dashed #999 }

/** inner page **/

#right .content h4 {color:#E49425; font-size:1.4em; padding:0 0 15px 0; margin:0 0 10px 0; letter-spacing:0.03em; border-bottom:1px dashed #999; }

#right .content .boxleft .newslist { clear:both; padding:10px 0; display:block }
#right .content .boxleft .newslist .pict { float:left; margin:0 5px 0 0; padding:0; width:84px; height:84px; vertical-align:top }
#right .content .boxleft .newslist .desc { float:right; margin:0 0 0 0; padding:5px 0 0 0; width:285px; background: #fff url('../../img/dot-line.gif') repeat-x top }
#right .content .boxleft .newslist .desc .title { padding:0 0 5px 0; font-size:1.1em; font-weight:bold }
#right .content .boxleft .newslist .desc a { text-decoration:underline; color:#E49425 }

#right .content .boxright h2		{ padding:0 0 6px 0; font-size:1.0em; color:#E49425; font-weight:bold; text-align:left; border-bottom:1px solid #E49425 }
#right .content .boxright .list { clear:both; padding:5px 0 0 5px; display:block; border-bottom:1px solid #D4D4D2 }
#right .content .boxright .list .icon { float:left; margin:5px 10px 0 0; width:20px; display:block }
#right .content .boxright .list .desc { float:right; padding-top:5px; width:170px; display:block }
#right .content .boxright .list .desc1 { padding:5px 0 5px 0; width:190px; display:block }


#right .content ol,	
#right .content ul		{ list-style-position:outside; padding:0 0 0 15px; line-height:1.6em;  }




/*** Form ***/
form { line-height:1.7em; margin: 0; padding: 0; width: 100% }
form input.data 			{ width:150px; padding:0px; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url('admin/img/fieldbg.gif') repeat-x top }

form fieldset 							{ border-color: #fff; border-width: 1px; border-style: dashed; padding: 10px; margin: 0 }
form fieldset legend 					{ font-size: 1.1em; font-weight:bold; text-transform:uppercase; color:#666666 }
form label 								{ font-size:1em; display: block; float: left; width: 150px; padding: 0; margin: 5px 0 0; text-align: left }
form input#reset 						{ margin-left: 0px }
form small 								{ display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88% }
form .required 							{ font-weight:bold }
form br 								{ clear:left }
form textarea							{ font-family: arial,verdana,sans-serif; font-size: 1em; }

.floatright	{
float: right;
width: 203px;
margin: 17px 0 10px 10px;
background-color: #fff;
padding: 0 0 10px 10px;
}

div.floatright img { }




.legal-wrap				{ display:block; padding: 5px 0 10px 1px; background: #FDFBFC }
.legal-wrap .leftside 	{ float:left; margin:0; padding-bottom:3px; width:370px }
.legal-wrap .leftside ul{ list-style-position:outside; padding:0 0 0 15px }
.legal-wrap .rightside 	{ float:right; margin:0; padding-bottom:3px; width:200px }





a.button{
	background:url('../../img/../button.gif');
	display:block;
	color:#555555;
	font-weight:normal;
	height:30px;
	/*line-height:29px;*/
	line-height:2em;
	margin-bottom:14px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url('../../img/add.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url('../../img/delete.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url('../../img/user.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url('../../img/alert.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url('../../img/msg.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url('../../img/download.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.lens{
		background:url('../../img/lens.gif') no-repeat 5px 6px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url('../../img/info.gif') no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
		
.border {
 font-size: 11px;
 border-top: 1px dashed #ddd;
 border-bottom: 1px dashed #ddd;
 background-color: #fbfbfb;
 padding: 3px 0;
 margin: 3px 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}