body {
	margin: 0;
	padding: 0;
	background: #333 ;
	background-image:url('images/main_bkg.gif'); 
	background-repeat:repeat-x;
	font-family: Tahoma,Helvetica, sans-serif;
	font-size: 0.8em;
	color: #A9B1B4;
}
a {
	color:#ACD1D5;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
input, textarea, select{
	color : #000;
	border-collapse: collapse; border: 1px solid #666666; padding:2px 4px 2px 4px; background-color:#ccc;font-size:12px
}
.input7 {
	background-image:url('images/black_top_main.gif'); 
	color : #ddd;
	border: 2px solid #666;
	font-size:12px;
	font-family:Arial;
}
.input6 {
	background-image:url('images/black_top_main.gif'); 
	color : #eee;
	border: 4px solid #666;
	font-size:13px;
	font-family:Arial;
	padding:4px;
}
.disabled {
	border:0px none;
	padding:0;
	background:none
}
h1 {
	margin:0;
	padding:0px 0 4px 0px;
	font-size:1.7em;
	margin-bottom:10px;
	color:#ddd;
}
img.thumb {
	border:1px solid #666;
}
img.large {
	border:2px solid #666;
}
img.symbols {
	float:left;
	margin:0 8px 3px 0;
}

p {
	padding:4px 3px 4px 4px;
}
img.help {
	border:none;
	margin:0 0 0px 0;
	padding:0 9px  0 9px;
}
.error {
	background-color:#CC6600;
	color : #eee;
	border: 2px solid #ccc;
	text-align:center;
	font-size:0.85em;
	font-family:Arial;
	float:left;
	padding:4px;
}
.error a{
	color:#eee;
	text-decoration:none;
}
.warning {
	background-color:#95523F;
	color : #eee;
	border: 3px solid #bbb;
	text-align:center;
	font-size:1em;
	float:left;
	padding:6px;
	width:746px;
}
.warning a {
	color:#eee;
}
.small {
	font-size:0.85em;
}
.turq {
	color:#4EC3BC;
}
.orange {
	color:#FF9900;
}
.page {
	width:980px;
	margin: 0 auto;
}
.header {
	width:100%;
	height:180px;
}
.logo {
	width:140px;
	float:left;
}
.top_header {
	border:1px solid #444;
	font-size:1.6em;
	padding:12px 0 10px 10px;
	background:none;
	color:#ccc;
	float:left;
	width:753px;
	margin-bottom:10px;
	font-weight:bold;
}
.header_titles {
	width:210px;
	padding-top:65px;
	float:left;
	font-size:1.1em;
}
.top_shape {
	width:485px;
	float:right;
	padding-top:101px;
	padding-right:0px;
}
.top_shape_left{
	width:51px;
	background-image:url('images/black_top_left.gif'); 
	float:left;
	height:35px;
}
.top_shape_search{
	width:370px;
	background:#333; 
	float:left;
	height:35px;
	color:#ddd;
	font-size:1em;
	font-weight:bold;
	line-height:40px;
	padding:0 0 0 20px ;
	background-image:url('images/black_top_main.gif'); 
}
.top_search {
	margin:0 0 4px 16px;
	border:1px solid #999;
	border-width:thin;
	font-size:12px;
	background:#444;
	padding:1px 3px 2px 4px;
	color:#bbb;
}
.top_shape_right{
	width:44px;
	background-image:url('images/black_top_right.gif'); 
	float:right;
	height:35px;
}
.red_shape {
	width:980px;
	float:left;
}
.red_shape_left{
	width:48px;
	background-image:url('images/red_top_left.gif'); 
	float:left;
	height:33px;
}
.red_shape_main{
	width:888px;
	float:left;
	height:33px;
	background-image:url('images/red_top_main.gif'); 
}
.red_shape_right{
	width:44px;
	background-image:url('images/red_top_right.gif'); 
	float:right;
	height:33px;
}
.content {
	width:100%;
	padding:20px 0 0 0;
}
.left {
	width:200px;
	float:left;
	margin-right:10px;
}
.frame {
	padding:6px 6px 4px 6px;
	background:#3E4758;
	float:left;
	width:188px;
	margin-bottom:15px;
	background-image:url('images/bkg4.gif');
}
.frame h2 {
	margin:0;
	color:#eee;
	padding:3px 0px 5px 6px;
	background:#3C4046;
	font-size:1.3em;
}
.frame p.login {
	font-size:0.9em;
	text-align:right;
	padding:2px 0px 0px 0;
}
.welcome {
	color:#2AF0E4;
	padding-left:6px;
}
.under {
	font-weight:bold;
	border:1px solid #3D3D3D;
	font-size:1.1em;
	padding:10px 0 7px 10px;
	background:#2F2F2F;
	color:#ddd;
	margin:20px 0 5px 0;
	height:20px;
	width:755px;
	float:right;
}
.under2 {
	font-weight:bold;
	border-bottom:1px dashed #555;
	font-size:1em;
	padding:15px 4px 4px 4px;
	color:#ddd;
}
.under3 {
	font-weight:bold;
	border-bottom:1px dashed #555;
	font-size:1em;
	padding:15px 4px 4px 27px;
	color:#4EC3BC;
	font-size:1.2em;
	background-image:url('images/dc_xs.png'); 
	background-repeat:no-repeat; 
	background-position:5px 15px;
	margin:0;
}
.user_status {
	width:180px;
	font-size:0.9em;
	padding:4px;
	line-height:20px;
}
.status_1 {
	width:120px;
	text-align:left;
	float:left;
}
.status_2 {
	float:right;
	width:60px;
	text-align:right;
	color:#ddd;
}
.sunday_subject {
	background:url('images/sunday_subject.png');
	width:198px;
	height:67px;
	float:left;
	margin-bottom:15px;
	display:block;
	border:1px solid #777;
	
}
.ss_top {
	margin:0;
	padding:11px 5px 0 55px;
	color:#ACD1D5;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.85em;
}
.ss_bottom  {
	margin:0;
	padding:19px 5px 0 55px;
	color:#ddd;
	text-align:center;
	font-size:1em;
	font-weight:bold;
}
.ss_bottom  a {
	color:#ddd;
}
.top20 {
	width:180px;
	font-size:0.9em;
	padding:4px 3px 4px 2px;
	line-height:17px;
	float:left;
}
.top20_counter {
	width:15px;
	font-weight:bold;
	text-align:right;
	float:left;
	color:#ddd;
}
.top20_entry {
	width:160px;
	float:right;
	padding:0px 0 0 4px;
}
.half_row {
	width:82px;
	float:left;
	background:#4B5464;
	padding:4px 1px 4px 7px;
	color:#aaa;
	font-size:0.85em;
}
.last_comments {
	background-image:url('images/bkg1.gif');
	padding:6px;
	float:left;
}
.last_comments h2 {
	margin:0;
	padding:4px 4px 4px 6px;
	color:#ddd;
	font-size:1.3em;
	background:#333;
}
.com_photo {
	float:left;
	width:110px;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}
.com_right {
	float:right;
	width:630px;
	text-align:left;
	margin-top:10px;
	height:65px;
}
.com_title {
	height:20px;
}
.com_legend {
	font-size:1em;
}
.all_comments {
	float:left;
	text-align:left;
	width:95px;
	font-size:0.85em;
	padding:0 0 0 645px;
	height:20px;
}
.main {
	width:765px;
	float:left;
	margin:0;
	padding:0;
}
.editorial {
	margin:0;
	background-image:url('images/bkg2.gif');
	color:#ccc;
	padding:6px;
	float:left;
	width:755px;
	margin-bottom:20px;
}
.editorial_title {
	float:left;
	width:570px;
	font-size:1.5em;
}
.editorial_date {
	float:right;
	width:160px;
	text-align:right;
	padding-top:8px;
	color:#DD7A22;
}
.browse_legend {
	font-size:0.85em;
	padding:6px;
	background:#444;
	border:4px solid #222;
	margin-bottom:15px;
}
.browse_row {
	width:770px;
	float:left;
	padding-bottom:9px;
}
.container {
	width:167px;
	height:230px;
	float:left;
	background:#2D2D2D;
	border:3px solid #292929;
	font-size:0.85em;
	padding:6px;
}
.row1 {
	background:#383838;
}
.full_row_div {
	padding:4px;
	background:#383838;
	margin-bottom:10px;
}
.full_row {
	margin:0;
	font-size:0.9em;
	padding:2px 3px 3px 5px;
	line-height:17px;
}
.full_row_title {
	margin:0;
	font-size:0.9em;
	padding:3px 3px 5px 5px;
	color:#ddd;
}
.rating {
	float:left;
	background:#777;
	border:4px solid #444;
	width:750px;
	padding:6px;
}
.image_date {
	color:#9FC7D2;
	width:60%;
}
.image_id {
	color:#666;
	text-align:right;
	width:40%;
}
.image_title {
	text-align:center;
	height:35px;
}
.image_title a {
	color:#DD7A22;
}
.description {
	margin:0;
	padding:3px 0 30px 4px;
	word-wrap: break-word;

}
.box2 {
	font-size:0.85em;
	padding:0 5px 5px 0px;
	color:#aaa;
	width:760px;
	float:left;
}
.avg_rating {
	font-size: 1.5em; 
	border:4px solid #888; 
	padding:8px; 
	color: #EEEEEE; 
	text-align: center; 
	background-color: #DB7116; 
	font-weight:bold;
}
.ratings_table {
	margin:0;
	padding:20px 0 10px 0;
	width:765px;
	float:left;
}
.test4 {
	text-align:right;
}
.test4_h {
	text-align:right;
	font-weight:bold;
	border-bottom:2px solid #888;
	color:#ccc;
}
.test3 {
	text-align:left;
}
.test3_h {
	text-align:left;
	font-weight:bold;
	border-bottom:2px solid #888;
	color:#ccc;
}
.container2 {
	border:1px solid #444; 
	background-color:#3A3A3A; 
	text-align:left; 
	font-size:0.9em;
	padding:10px;
	margin-bottom:8px;
	color:#bbb;
	line-height:17px;
}
.container2 h2 {
	padding:8px;
	font-size:1.4em;
	background:#333;
	color:#ccc;
	margin:0px;
}
.container3 {
	border:1px solid #444; 
	background-color:#363636; 
	text-align:left; 
	padding:6px;
	margin:3px 19px 0 8px;
}
.container4 {
	background-color:#3A3A3A; 
	text-align:left; 
	font-size:0.85em;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	color:#bbb;
	line-height:17px;
}
.navigation {
	padding:8px 10px 12px 19px;
	background-color:#444;
	float:left;
	margin:15px 0 10px 0;
}
.register {
	list-style:square;
	margin:0;
	font-size:0.85em;
}
.register li {
	line-height:14px;
	margin:2px 0 6px 0;
}
.folders {
	list-style:none;
	margin:0;
	padding:0;
}
.folders li {
	background-image:url('images/bkg3.gif');
	display:block;
	float:left;
	font-size:0.85em;
	border:1px solid #444;
	margin:3px 0px 3px 0px;
	position:relative;
}
.folders a{
	text-decoration:none;
	display:block;
	width:175px;
	height:28px;
	line-height:28px;
	padding:2px 3px 2px 5px;
	text-align:center;

}
.folders a:hover {
	background-image:url('images/bkg5.gif');
	color:#eee;
}
.manage {
	list-style:none;
	margin:0;
	padding:0;
}
.manage li {
	margin:3px 8px 4px 0px;
	background-image:url('images/bkg3.gif');
	display:block;
	float:left;
	font-size:0.9em;
	border:1px solid #444;
}
.manage a{
	text-decoration:none;
	position:relative;
	float:left;
	display:block;
	width:152px;
	height:20px;
	padding:15px 3px 8px 28px;
	background-image:url('images/dc_xs.png'); 
	background-repeat:no-repeat; 
	background-position:8px 15px;
}
.manage a:hover {
	background:#444;
	background-image:url('images/dc_xs.png'); 
	background-image:url('images/bkg5.gif');
}
.sortings {
	list-style:none;
	margin:0;
	padding:0;
}
.sortings li {
	margin:3px 0px 4px 0px;
	background-image:url('images/bkg3.gif');
	display:block;
	position:relative;
	float:left;
	font-size:0.9em;
	border:1px solid #444;
}
.sortings a{
	text-decoration:none;
	display:block;
	width:123px;
	height:20px;
	padding:8px 0px 2px 23px;
}
.sortings a:hover {
	background-image:url('images/bkg5.gif');
	color:#eee;
}
.sortings_selected {
	background-image:url('images/bkg5.gif');
}
.gallery_return {
	text-align:right;
	padding:5px 5px 5px 0;
	margin:0;
	float:right;
}
.popup {
	margin:8px;
	color:#555;
	width:96%;
	float:left;
}
.popup h3 {
	margin:0px;
	background:#bbb;
	padding:10px;
	color:#444;
	height:25px;
}
.text-reverse {
	font-size:0.85em;
	margin:5px;
}
.bottom_buttons {
	margin-top:20px;
	text-align:center;
	float:left;
	width:100%;
}
.forum1 {
	font-size:1.1em;
	font-weight:bold;
	background-color:#95523F;
	color:#ddd;
	padding:10px 0 6px 10px;
}
.forum2 {
	font-size:0.9em;
	font-weight:bold;
	background-color:#444;
	color:#ddd;
	padding:8px 0 6px 18px;
	margin-bottom:13px;
}
.forum3 {
	font-size:0.9em;
	background-color:#393939;
	color:#bbb;
	padding:6px 0 5px 30px;
}
.forum3_b {
	font-size:0.85em;
	background-color:#393939;
	color:#bbb;
	padding:6px 10px 5px 10px;
	text-align:right;
}
.forum4 {
	font-size:1.1em;
	background-color:#393939;
	color:#bbb;
	padding:6px 0 5px 0px;
	width:580px;
}
.forum4_b {
	background-color:#393939;
	color:#bbb;
	padding:6px 10px 5px 10px;
	text-align:right;
	width:90px;
}
.main_bottom {
	float:right;
	width:770px;
	margin-top:30px;
}
.footer {
	width:950px;
	float:left;
	font-size:0.85em;
	padding:10px;
	background-image:url('images/bkg1.gif');
	border:4px solid #555;
	margin:15px 0 10px 0;
}
.footer ul {
	list-style: none;
	margin: 0; padding:0 5px 0 0;
	float:right;
}
.footer li {
	display:block;
	float:left;
	padding:0 0px 0 30px;
}
.copyright {
	float:left;
	text-align:right;
	width:99%;
}
.copyright a {
	color:#DD7A22;
}
#nav, 
#nav ul {padding:0px 0 5px 0; margin:0; list-style:none;  font: 12px verdana, sans-serif; position:relative; z-index:90;}
#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:3px 20px 0 15px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#eee; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;;padding-left:5px}

#nav li:hover {position:relative; z-index:300;text-align:left;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#nav :hover ul {left:0; top:26px; background:#A45A45;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#eee;}
#nav li:hover li:hover> a {background:#944A35;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#dropcontentsubject{
width: 100%;
height:1px;
font-weight: bold;
float:left;
}

.dropcontent{
width: 100%;
height: 60px;
border: 0px solid #000000;
display:block;
font-size:0.9em; 
padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:7px
float:left;
}
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 3px 10px 3px 10px;
visibility: hidden;
border:1px solid #eee;
font:normal 11px Verdana;
line-height: 16px;
z-index: 100;
background:url('images/trans_green.png');
color:#555;
width: 250px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);*/
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
#myGallery
{
	text-align: left;
	margin: 0 0 0px 0;
	width: 765px !important;
	height: 200px !important;
	font-size:1.4em;
	float:left;
}

/*sprites*/
.s_unavailable {
	background:url('images/sprite.png');
	background-position: -3px -3px;
	width:13px;
	height:13px;
	margin:-3px 0 0 0;
}
.s_rated {
	background:url('images/sprite.png');
	background-position: -54px -3px;
	width:13px;
	height:13px;
	margin:-3px 0 0 0;
}
.s_unrated {
	background:url('images/sprite.png');
	background-position: -20px -3px;
	width:13px;
	height:13px;
	margin:-3px 0 0 0;
}
.s_blocked {
	background:url('images/sprite.png');
	background-position: -37px -3px;
	width:13px;
	height:13px;
	margin:-3px 0 0 0;
}
.s_rating {
	background:url('images/sprite.png');
	background-position: -69px -3px;
	width:23px;
	height:10px;
	margin:0 6px -1px 0px
}
.s_comment {
	background:url('images/sprite.png');
	background-position: -95px -3px;
	width:12px;
	height:10px;
	margin:2px 0 0 0;
}
.s_view {
	background:url('images/sprite.png');
	background-position: -109px -3px;
	width:11px;
	height:9px;
	margin:2px 0px 0px 6px;
}
.s_help {
	background:url('images/sprite.png');
	background-position: -122px -3px;
	width:11px;
	height:12px;
}
.s_r_up {
	background:url('images/sprite.png');
	background-position: -123px -3px;
	width:9px;
	height:5px;
	margin:6px 0 0 0;
}
.s_r_dn {
	background:url('images/sprite.png');
	background-position: -123px -10px;
	width:9px;
	height:5px;
	margin:6px 0 0 0;
}
.s_r_ne {
	background:url('images/sprite.png');
	background-position: -134px -3px;
	width:7px;
	height:7px;
	margin:6px 0 0 0;
}
.s_r_nc {
	background:url('images/sprite.png');
	background-position: -134px -10px;
	width:12px;
	height:3px;
	margin:6px 0 0 0;
}
.s_click_a {
	background:url('images/sprite.png');
	background-position: -146px -3px;
	width:7px;
	height:9px;
}
.s_comment2 {
	background:url('images/sprite.png');
	background-position: -153px -3px;
	width:11px;
	height:9px;
}
.s_enter {
	background:url('images/sprite.png');
	background-position: -166px -3px;
	width:9px;
	height:7px;
}
.s_lapd {
	background:url('images/sprite.png');
	background-position: -176px -3px;
	width:27px;
	height:12px;
}
.legend_right {
	float:right;
	width:62px;
	text-align:left;
	margin:-11px 0 0 0;
}