/* CSS Document */





body {

padding : 0;

margin : 0;

background-color : #ffffff;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 13px;

background-image : url(images/top.jpg);

background-repeat : repeat-x;

text-align : justify;

}



.postmetadataalt {

font-size : 0.81em;

}



.pagetitle {

margin : 0;

padding : 0 0 10px;

}



#rap {

background : #fff url(image/right_bg2.jpg) repeat-y right 0%;

voice-family : inherit;

width : 1024px;

margin : 0 auto;

padding : 0;

}



.normal {

font-size : 1.01em;

}



.small {

font-size : 0.91em;

}



.big {

font-size : 1.11em;

}



h1 {

font-family : times new roman, tahoma, arial;

color : #e56504;

font-size : 2.41em;

text-transform : uppercase;

font-weight : 400;

margin : 0;

padding : 0;

}



h2 {

color : #fff;

font-size : 1.11em;

font-family : tahoma, arial;

margin : 0;

padding : 0;

}



h3 {

font-size : 2em;

color : #2f8504;

font-family : tahoma, arial;

margin : 0;

padding : 0 10px 0 0;

text-align : center;

}



h4 {

font-family : tahoma, arial;

color : #fff;

font-weight : 700;

font-size : 2em;

margin : 0;

padding : 0;

text-align:center;

}



h5 {

font-family : tahoma, arial;

color : #fff;

font-weight : 700;

font-size : 1.5em;

margin : 0;

padding : 0;

text-align:center;

}



#frame {

width : 1059px;

margin-top : 0;

margin-right : auto;

margin-left : auto;

padding : 0;

text-align : left;

}



.table {

width : 1024px;

margin-top : 0;

display : table;

background : url(images/bbg.jpg) repeat-y left top;

}



.table_row {

min-height : 100%;

display : table-row;

width : 1024px;

background : url(images/footer.jpg) no-repeat left bottom;

}



.left {

vertical-align : top;

min-height : 100%;

display : table-cell;

width : 226px;

text-align : left;

}



.co_name_bg {

vertical-align : top;

height : 160px;

width : 226px;

background-color : #fff;

background-image : url(images/logo.jpg);

}



.co_name {

vertical-align : top;

line-height : 3.01em;

padding : 15px 0 10px;

}



.search_bg {

vertical-align : top;

height : 140px;

width : 226px;

background : url(images/search_bg.jpg) no-repeat left top;

clear : none;

}



.search {

color : #fff;

padding : 22px 10px 10px 18px;

}



.search strong {

color : #fff;

}



.widgetbox {

color : #fff;

padding : 20px 5px 10px 15px;

}



.form {

font-size : 1.01em;

color : #626262;

font-family : Tahoma, arial, verdana, courier;

width : 130px;

height : 18px;

vertical-align : top;

margin : 0;

padding : 0;

}



.left_bg {

vertical-align : top;

width : 226px;

background : url(images/left_bg.jpg) no-repeat left top;

}



.left_head {

color : #c35602;

padding : 22px 10px 15px 23px;

}



.sub_left {

color : #fff;

padding : 0 10px 30px 20px;

}



.sub_left li {

list-style : none;

background : url(images/li_bg1.gif) no-repeat left bottom;

vertical-align : top;

line-height : 1.81em;

color : #fff;

margin : 0;

padding : 0 0 0 18px;

}



.cent {

vertical-align : top;

min-height : 100%;

display : table-cell;

width : 590px;

text-align : left;

}



.menu_bg {

vertical-align : top;

width : 590px;

height : 63px;

background : url(images/menu_bg.jpg) no-repeat left top;

}



.menu {

vertical-align : top;

padding : 15px 0 25px;

}



.menu ul {

list-style : none;

margin : 0;

padding : 0;

}



.menu ul li {

display : inline;

margin : 0;

padding : 0;

}



.menu ul li a {

background : none;

color : #fff;

text-decoration : none;

font-weight : 700;

font-size : 1.31em;

font-family : times new roman, Tahoma, arial, verdana, courier;

margin : 0;

padding : 0 24px 0 28px;

}



.menu ul li a:hover {

font-weight : 700;

text-decoration : none;

color : #fff;

font-size : 1.31em;

font-family : times new roman, Tahoma, arial, verdana, courier;

}



.header {

vertical-align : top;

width : 590px;

height : 237px;

background : url(images/header.jpg) no-repeat left top;

}



.cent_bg {

vertical-align : top;

width : 590px;

background : url(images/cent_bg.jpg) no-repeat left top;

}



.sub_cent {

line-height : 1.21em;

padding : 24px 24px 0 27px;

}



.head {

color : #2f8504;

padding : 0;

}



.head strong {

font-size : 1.11em;

color : #2f8504;

}



.content_txt {

padding : 0;

}



.content_txt a {

color : #626262;

text-decoration : underline;

}



.content_txt a:hover {

color : #626262;

text-decoration : none;

}



.content_txt strong {

color : #626262;

}



.comment {

color : #e56504;

font-size : 0.91em;

padding : 10px 0 30px;

}



.comment a {

font-size : 0.91em;

color : #e56504;

text-decoration : underline;

font-weight : 700;

}



.comment a:hover {

font-size : 0.91em;

color : #e56504;

text-decoration : none;

font-weight : 700;

}



.right {

vertical-align : top;

min-height : 100%;

display : table-cell;

width : 201px;

text-align : left;

padding-left:2px;

}



.right_head_bg {

vertical-align : top;

width : 201px;

background-color : #fff;

}



.right_head_bg2 {

vertical-align : top;

width : 201px;

background-color : #fff;

}



.right_head_bg3 {

vertical-align : top;

width : 201px;

background-color : #fff;

}



.right_head {

color : #2f8504;

padding : 20px 10px 10px 18px;

}



.right_bbg1 {

vertical-align : top;

width : 201px;

background : url(images/right_bbg1.jpg) repeat-y left top;

}



.right_bg1 {

vertical-align : top;

width : 201px;

line-height : 5px;

background : url(images/right_bg1.jpg) no-repeat left top;

}



.right_bg2 {

vertical-align : top;

width : 201px;

background : url(images/right_bg2.jpg) no-repeat left bottom;

}



.right_bg3 {

vertical-align : top;

width : 201px;

background : url(images/right_bg3.jpg) no-repeat left bottom;

}



.right_bg4 {

vertical-align : top;

width : 201px;

line-height : 4px;

background : url(images/right_bg4.jpg) no-repeat left top;

}



.sub_right {

color : #fff;

padding : 6px 10px 25px 14px;

}



.sub_right ul {

margin : 0 10px 0 0;

padding : 0;

}



.sub_right li {

list-style : none;

background : url(images/li_bg2.gif) no-repeat left bottom;

vertical-align : top;

line-height : 1.81em;

color : #fff;

margin : 0;

padding : 0 0 0 18px;

}



.footer {

/*background : url(images/footer_txt.gif) no-repeat left top;*/

vertical-align : top;

width : 1023px;

text-align : left;

padding-left : 15px;

}



.footer_txt {

color : #e56504;

line-height : 1.21em;

padding : 8px 0 20px 260px;

}



.footer_txt a {

color : #e56504;

font-weight : 700;

text-decoration : underline;

}



.footer_txt a:hover {

color : #e56504;

font-weight : 700;

text-decoration : none;

}



a, .head a:hover {

color : #e56504;

text-decoration : underline;

}



a:hover, .head a {

color : #e56504;

text-decoration : none;

}



.wifi a:link {text-decoration: none;

}



.wifi a:visited {text-decoration: none;

}



.wifi a:active {text-decoration: none;

}



.wifi a:hover {text-decoration: none;

}



p, .sub_left ul {

margin : 0;

padding : 0;

}



.co_name a, .co_name a:hover {

font-size : 1.01em;

color : #e56504;

text-decoration : none;

}



.sub_left ul li a, .sub_right ul li a {

text-decoration : none;

color : #fff;

}



.sub_left li a:hover, .sub_right li a:hover {

color : #fff;

text-decoration : underline;

}



/*

.left_1, .right_1 {

vertical-align : top;

min-height : 100%;

display : table-cell;

width : 3px;

text-align : left;

}



To disable the left and right column, undo the stars



*/



#m1 {

background-image : url(images/m1.jpg);

background-repeat : no-repeat;

width : 15px;

height : 687px;

padding : 1px;

margin : 0;

float : left;

}



#m2 {

background-image : url(images/m5.jpg);

background-repeat : no-repeat;

width : 12px;

height : 687px;

padding : 0;

margin : 0;

float : right;

}



#m3 {

background-image : url(images/mtop1.jpg);

background-repeat : no-repeat;

width : 1060px;

height : 20px;

padding : 0;

margin : 0;

}



div.spacer {

clear : both;

}



#badge {

position:relative;

top:5px;

left:5px;

width:80px;

z-index:100;

}



#badge a.p1,#badge a.p1:visited {

display:block;

width:80px;

height:80px;

text-decoration:none;

background: none;

top:0;

left:0;

border:0;

}



#badge a img {

border:0;

}



#badge a.p1:hover {

text-decoration:none;

color:#000;

}



#badge a .large {

display:block;

position:absolute;

width:0;

height:0;

border:0;

top:0;

left:0;

}



#badge a.p1:hover .large {

display:block;

position:absolute;

top:5px;

left:90px;

width:300px;

height:230px;

border:10px solid #ccc;

}



#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

	

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

	

#lightboxCaption{ float: left; }



#keyboardMsg{ float: right; }



#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 



#overlay img{ border: none; }



#overlay{ background-image: url(images/overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(images/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");

	}

	

	

/*Light Window CSS Starts Here*/

#overlay {

	/* REQUIRED */

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 50;

	/* REQUIRED */



}



	/* REQUIRED */

	#overlay[id] {

   		position: fixed;

	}

	/* REQUIRED */



#lightWindow {

	/* REQUIRED */

	/* Of Note - The height and width of this element are set to 0px */

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 100;

	/* REQUIRED */

}



	/* REQUIRED */

	#lightWindow[id] {

		position: fixed;

	}

	/* REQUIRED */



#lightWindow-contents {

	/* REQUIRED */

	display: none;

	position: absolute;

	overflow: hidden;

	/* REQUIRED */



	background-color: #ffffff;

	/* Of Note - If you specify a padding or border be sure to adjust the 'cushion' option, by default its set to 10 */

	border: 10px solid #ffffff;

}

	

#lightWindow-loading {

	/* REQUIRED */

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 9999; 

	/* REQUIRED */

	

	background-color: #f0f0f0;

	padding: 10px;

}



	#lightWindow-loading-message {

    	font-size: 14px;

		line-height: 32px;

		color: #444444;

		float: left;

		padding: 0 10px 0 0;

	}



	#lightWindow-loading-options {

    	font-size: 12px;

		line-height: 32px;

		color: #444444;

		float: left;

		border-left: 2px solid #cccccc;

		padding: 0 0 0 10px;

	}	



	#lightWindow-loading-options a, 

	#lightWindow-loading-options a:visited {

		color: #09F;

		text-decoration: none;

		cursor: pointer;

	}



	#lightWindow-loading-options a:hover {

		text-decoration: underline;

	}





	#lightWindow-loading img {

   		float: left;

   		margin: 0 10px 0 0;

	}





/*-----------------------------------------------------------------------------------------------

	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/

	I mean let's face it, it works really well and is very easy to figure out.

-----------------------------------------------------------------------------------------------*/



#lightWindow-navigation {

	/* REQUIRED */

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 150;

	/* REQUIRED */



	height: 100%;

	width: 100%;

}



	#lightWindow-navigation a { 

		/* REQUIRED */

		outline: none;

		/* REQUIRED */

	}



	#lightWindow-previous, 

	#lightWindow-next {

		width: 49%;

		height: 100%;

		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

		display: block;

	}



	#lightWindow-previous { 

		float: left;

		left: 0px;

	}



	#lightWindow-next { 

		float: right;

		right: 0px;

	}



	#lightWindow-previous:hover, 

	#lightWindow-previous:visited:hover { 

		background: url(../images/prevlabel.gif) left 15% no-repeat; 

	}



	#lightWindow-next:hover, 

	#lightWindow-next:visited:hover { 

		background: url(../images/nextlabel.gif) right 15% no-repeat; 

	}



#lightWindow-photo-galleries {

	/* REQUIRED */

	height: 20px;

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 9999; 

	/* REQUIRED */

}



	#lightWindow-photo-tab-container {

		width: 100%;

		height: 20px;

	}

		

	#lightWindow-photo-galleries-tab {

		display: block;

		height: 20px;

		width: 70px;

		float: right;

		-moz-opacity:  0.70;

		opacity: .70;

		filter: alpha(opacity=70);

		line-height: 22px;

		color: #ffffff;

		text-decoration: none;

		font-weight: bold;

		cursor: pointer;

		padding: 0 0 0 7px;

		font-size: 11px;

	}



	a:hover#lightWindow-photo-galleries-tab	{

		color: #ffffbe;

	}



	.up	{

		background: url(../images/arrow-up.gif) no-repeat 60px 5px #000000;

	}



	.down {

		background: url(../images/arrow-down.gif) no-repeat 60px 6px #000000;

	}



	#lightWindow-photo-galleries-list {

		background-color: #000000;

		-moz-opacity:  0.70;

		opacity: .70;

		filter: alpha(opacity=70);

		overflow: hidden;

	}



	.lightWindow-photo-gallery-listing {

		width: 200px;

		float: left;

		margin: 0 0 10px 0;

		padding: 10px;

	}



	.lightWindow-photo-gallery-listing h1 {	

		color: #09F;

		text-decoration: none;

		font-weight: bold;

		cursor: pointer;

		margin: 5px 0 10px 0;

		font-size: 16px;

	}



	.lightWindow-photo-gallery-listing li {

		margin: 0 0 5px 0;

	}



	.lightWindow-photo-gallery-listing a {

		display: block;

		line-height: 22px;

		color: #ffffff;

		text-decoration: none;

		font-weight: bold;

		cursor: pointer;

		padding: 0 0 0 10px;

		font-size: 11px;

	}



	.lightWindow-photo-gallery-listing a:hover {

		background: #000000;

		color: #ffffbe;

		border-left: 3px solid #ffffbe;

		padding: 0 0 0 7px;

	}

		

#lightWindow-data {

	/* REQUIRED */

	position: absolute;

	/* REQUIRED */

	

	background-color: #ffffff;

	font-size: 11px;

	font-family: Verdana, Helvetica, sans-serif;

}



	#lightWindow-data-slide {

		/* REQUIRED */

		position: relative;

		/* REQUIRED */

	}



	#lightWindow-data-title {

		width: 75%;

		padding: 0 0 0 10px;

		font-weight: bold;

		color: #666666;

		line-height: 1.4em;

	}

	

	#lightWindow-data-caption {

		width: 75%;

		padding: 0 0 0 10px;

		color: #666666;

		line-height: 1.4em;

	}

	

	#lightWindow-data-author {

		position: absolute;

		width: 100px;

		top: 0px;

		right: 10px;

		text-align: right;

		color: #666666;

		line-height: 1.4em;

	 	font-style: italic;

		font-size: 9px;

	}

	

	#lightWindow-data-image {

		position: absolute;

		font-size: 9px;

		width: 100px;

		top: 15px;

		right: 10px;

		text-align: right;

		color: #666666;

		line-height: 1.4em;

	}

	

#lightWindow-title-bar

{

	/* REQUIRED */

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	/* REQUIRED */

	



}

	

	#lightWindow-title-bar-title

	{

		float: left;

		color: #ffffbe;

		font-size: 14px;

		width: 80%;

		line-height: 25px;

		

		z-index: 50;

	}

	

	#lightWindow-title-bar-close

	{

		float: left;

		width: 20%;

		text-align: right;

		line-height: 25px;

			z-index: 50;

	}

	

	

	a#lightWindow-title-bar-close-link

	{

		cursor: pointer;

		color: #ffffbe;

		line-height: 25px;

		padding: 0;

		margin: 0;

	}

	

	a:hover#lightWindow-title-bar-close-link

	{

		color: #ffffff;

	}