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



TITLE    :   NAKCSS FRAMEWork VERSION 3

AUTHOR   :   Manu Goenka

URL      :   http://nakulsoft.com



- - - - - - - - - - - - - - - - - - - - - - 



Variable Defination



.textleft      =     Aligns Text to Left

.textcenter    =     Aligns Text to Center

.textright     =     Aligns Text to Right

.bg            =     Background Style

.fc            =     Font Color Style

.fs            =     Font Size Style



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



/* Clearfix Starts Here */



.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%;

}



/* Clearfix Property Starts Here */



/* Global Form Styles */



form{

margin: 0;

padding: 0;

}



.submit { border: 0; width: auto; background:#620089; color:#fff; padding:5px; font-weight:bold; }

.submit:hover, .submit:active { border:0; background:#620089; color:#fff;  }

.radio { background: none; border: 0; }

/*  --- Global Form Styles  -- End HERE */



/*  Image PNG fix ******************   */

 img, 

 div,

 a,

 a:hover,

 a:visited{ behavior: url(/iepngfix.htc) }

/*  Image PNG fix END   */



/* Global Reset Styles Starts */

*{

	margin:0;

	padding:0;

}

/* Global Reset Styles End */



body {	

	color:#230500;

	background:#FFFCF7;

	font-size:15px/18px;

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

}

a{

	color:#4a260e;

	text-decoration: none;

}

a:active { 

	outline: none; 

	color:#4a260e;

	}

a:hover{

	color:#230500;

	text-decoration:underline;

	outline: none;

}

a img {border: 0;}







/* Heading Styles Starts */

h1{font-size:20px;}

h2{font-size:18px;}

h3{font-size:15px;

line-height:18px;}

h4{font-size:16px;}

h5{font-size:14px;}

h6{font-size:13px;}

h1,h2,h3,h4,h5,h6{margin:0 0 10px 0;

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

}



/* Heading Styles Ends */

/* Para Styles Starts */



/* Para Styles Starts */



/* Layout Styles Starts */



#nakainer{	

	width:100%;

	padding:0;

	margin:0px;

	border-top:solid 10px #4a260e;

	

}

	

	

			#header{																	

				margin:0 0 25px 0;

				width:100%;

				padding:0;

				background:url(img/leaves.png) no-repeat top right;

			}

			

			#nakainer_inner{

				width:960px;

				padding:0;

				margin:0 auto;				

						

				}

				

				#home_top_block{

				width:960px;

				padding:0;

				margin:0 auto;				

						

				}

			

			#logo{			

			background:url(img/logo.png) no-repeat;

			width:307px;

			float:left;

			margin:0;					

			

		}		

			

				#logo a{

					display:block;

					height:104px;

									

				}

					#logo a span{

						display:none;

						

					}

					

															

					#topmenu{

						width:385px;

						float:right;

						background:#4a260e;

						height:17px;

						margin:0 0 10px 0;

						padding:0 0 5px 0;						

						}

					

					#topmenu ul{

						list-style:none;

						display:inline;

							}

					

					#topmenu li{				

					display:inline;

					font-size:15px;					

					line-height:14px;

					border-right:solid 1px #fff;

					text-align:center;					

					padding:0 14px 0 10px;	

					margin:0;

					font-weight:bold;

					

					}

					

					#topmenu li a{															

						color:#fff;						

						text-decoration:none;

											

							}

							

												

					#topmenu li a:hover{						

						color:#ff9f6a;

						text-decoration:none;}

						

						#header_right{

						float:right;

						width:400px;

						position:relative;}

						

						#share_block{

							position:absolute;

							right:20px;

							top:33px;}

							

							#share_block_internal{

							position:absolute;

							right:120px;

							top:0px;}

							

							#guamtime{

								margin:5px 0 0 10px;}

								

								#guamtime_internal{

								margin:10px 0px 10px 0;

								}

						

	

		#banner{

			padding:0;

			margin:10px 0;

			position:relative;

			width:960px;}

			

			#diamondshape{

				position:absolute;

				right:-00px;

				bottom:-190px;

				z-index:10;}

	

										

	#pagearea{			

		width:100%;		

		padding:10px 0;

	}

		

	#primarycontent_home{		

		width:820px;	

		padding:0 0 0 20px;

		

		}

		

		#primarycontent_internal{		

		width:930px;	

		padding:0 10px 50px 20px;

		min-height:300px;

		height:auto !important;

		height:300px;

		

		}	

		

		

		#primarycontent_internal li,ol{

			margin-left:25px;

			margin-bottom:10px;		

		

		}	

		

		#services_bottom{

			background:url(img/services_bg.jpg) no-repeat;

			padding:20px 15px 38px 15px;

			width:930px;

			margin:10px 0;

			text-align:center;}

		

		#services_bottom ul{

			list-style:none;

			display:block;

			margin:0;}

		

		#services_bottom li{

			list-style:none;

			display:inline;

			font-size:16px;

			font-weight:bold;

			margin:0 20px 0 0;

			text-align:center;}

		

		#services_bottom li a{

			color:#333;

			text-decoration:none;}

		

		#services_bottom li a:hover{

			color:#008aa2;

			text-decoration:underline;}	

		

	

		

					#footer{

					background:#4a260e;

					width:100%;

					padding:10px 0;}

					

					#footer_inner{

					color:#fff;

					width:960px;

					margin:5px auto;

					font-size:12px;

					line-height:18px;

					position:relative;

					}

					

					#footer_inner a{

						color:#fff;

						text-decoration:underline;}

						

						#footer_inner a:hover{

						color:#ffe49f;

						text-decoration:none;}

						

						.accessible_info{

							border:dashed  #fff; 

							border-width:0px 0 1px 0; 

							padding:10px; 

							margin:0px 120px 10px 120px;

							text-align:center;}

							

							.funding_info{

							border:dashed  #fff; 

							border-width:0px 0 1px 0; 

							padding:0px 0 15px 0; 

							margin:0 150px; 

							text-align:center;}

					

						#bottomlogo{

						position:absolute;

						bottom:10px;

						right:10px;}

						

						.copyrights{

							text-align:center;

							margin:10px 0 0 0;

							font-size:10px;}

							

							

					#bottom_links{

					background: url(img/bottom_links_bg.png) no-repeat center;

					padding:10px 15px;

					width:930px;

					position:relative;

					margin:20px 0;

					height:180px;

					}

					

					#bottom_links ul{

					width:17%;

					float:left;

					}

				

				#bottom_links li{

					list-style:none;

					font-size:10px;

					line-height:18px;

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

					

					}

					

				#bottom_links li span a{

									

					color:#000;

					text-decoration:underline;

					font-weight:bold;}

					

					#bottom_links li span a:hover{										

					color:#4a260e;

					text-decoration:none;

					

					}

				

				#bottom_links li a{

					color:#4a260e;

					text-decoration:underline;}

					

					

				

				#bottom_links li a:hover{

					color:#333;

					text-decoration:none;}

			

										

					.grayblock{

				border:solid 2px #75797c;

				background:#f9f8f8 url(img/bulletin_bg.jpg) repeat-x bottom;

				padding:5px 10px;

				width:350px;

				margin:20px 0px 10px 10px;

				}	

				

				.grayblock h1{

					color:#4d2b0f;

					margin:0 0 5px 0;

					}	

					

				.news_block_home{

					font-size:14px;

					line-height:15px;					

					margin-bottom:10px;

					padding:5px 0;

					}	

					

					#newsletter_block{					

				background:#986f5b;

				padding:3px 10px;

				width:354px;

				margin:10px 0px 10px 10px;

				font-size:22px;

				line-height:24px;

				font-weight:bold;

				color:#fff;}

				

				#newsletter_block a{

					color:#fff;	}

				

				

				#newsletter_block a:hover{

					color:#fffbd6;

					text-decoration:none;	}

					

					#introblock{

						background:#f9ac52;

						width:100%;

						margin:10px 0;}

						

						

						#intro_innerblock{

						width:960px;

						margin:0 auto;

						font-size:18px;

						line-height:24px;						

						padding:10px 0;}

						

				#home_bottom_block{

				width:960px;

				padding:10px 0;

				margin:0 auto;				

						

				}

						

						#teaser_block{

					margin:20px 0;}

					

					#teaser_block ul{

						

						list-style:none;

						display:block;}	

					

					#teaser_block li{

						list-style:none;

						display:block;

						width:245px;

						float:left;						

						margin-right:110px;

						background:#4a260e;

											

						}

						

						#teaser_block li h2{

							text-align:center;

							padding:0px 0 10px 0;

							margin:0;}

						

						

					

					#teaser_block li a{

					color:#fff;}

					

					#teaser_block li a:hover{

						color:#fcab52;

						text-decoration:none;

						}	

						

						#internal_page{

							background:#fff;

							width:928px;

							padding:10px;

							margin:30px auto 10px auto;

							border:solid 1px #f9ac52;

							min-height:200px;

							height:auto !important;

							height:200px;

							}

							

						#internal_page ul{

									margin-left:25px;						

						

						}	

						

						#internal_page li{

									margin-bottom:8px;						

						

						}

						

						#internal_page h2{

							color:#E05405;

							

							}

							

							

							.sublinks{

							margin:0 0 25px 0;

						}

						.sublinks ul{

						list-style:none;

						display:inline;						

						text-align:left;

						margin:0px;

						

						}

				

				.sublinks li{

						list-style:none;

						display:inline;

						font-size:12px;

						line-height:14px;						

						padding:0px 20px;

						margin:0px;

						border-left:solid 1px #000;}

				

				.sublinks li a{

						color:#4A260E;}

				

				.sublinks li a:hover{

						color:#E05405;}

				

				

/* Layout Styles Ends */



/* Fixed Styles Starts */

.floatleft{float:left;}

.floatright{float:right;}

.textleft{text-align:left;}

.textcenter{text-align:center;}

.textright{text-align:right;}

.clear{clear:both;}

.solidborder{ border:solid 1px #ddd; padding:3px; }

.noborder{border:none; background:none;}

.boldtext{font-weight:bold;}

.normaltext{font-weight:normal;}

.paimage{ margin-left:10px; border:solid 1px #ddd; padding:5px; float:right;}

.bg1{background: url(img/grbg.jpg) repeat-x top; padding:5px;}

.fc1{color:#620089;}

.fc2{color:#0096a5;}

.fc3{color:#ce1127;}

.fc4{color:#009aaa;}





.fs1{font-size:10px; line-height:13px;}



.fs2{font-size:14px; line-height:16px;}





/* Fixed Styles Ends */



/********************************************************* --- Main Body Container  *******************************************************/

.container { width:575px; height:327px; overflow:hidden; position:relative; cursor:pointer;}

.slides { position:absolute; top:0; left:0; z-index:0;}

.slides div { position:absolute; top:0; width:575px; display:none;}



	#loopedSlider .container{ width:575px; height:327px;  overflow:hidden; position:relative; cursor:pointer; margin-bottom:2px; background:none;}

	.slides { position:absolute; top:0; left:0; }

	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0;margin:0px 0px 0px 0px; }

	.slides div,ul.slides li { position:absolute; top:0px;  width:575px; display:none; padding:0; margin:0; }

	

	#loopedSlider{ margin:0 auto; width:575px; position:relative; clear:both;}

	ul.pagination { list-style:none; padding:0; margin:0; }

	ul.pagination li  { float:left;padding:7px 1px 5px 1px;}

	ul.pagination li a{background:url(img/button.png) 0px 0px no-repeat; color:#82621d; font-size:0px; width:30px; height:30px; line-height:0px; text-align:center;  display:inline-block; float:left; text-decoration:none; font-weight:bold }

	ul.pagination li.active a {background:url(img/button-act.png) 0px 0px no-repeat; color:#598b89; border:none; text-decoration:none }

	ul.pagination li a:hover {background:url(img/button-act.png) 0px 0px no-repeat; color:#598b89; border:none; text-decoration:none}

	

.pagination-container {

margin:-55px 0 0 600px;

position:absolute;

width:300px;

z-index:999;

padding-left:10px;

}

/* *************************** */



/* CSS Document */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */





	#menu{	

	padding:5px;

	margin:0 0 10px 0;

	width:100%;

	}

	

	.pmenu {

	position:relative;

	z-index:1;

	float:left;

	margin:0;	

	}

	



/* Get rid of the margin, padding and bullets in the unordered lists */

.pmenu, .pmenu ul,.pmenu, .pmenu li {

	padding:0;

	margin:0px;

	list-style: none;

	text-align:center;}



/* Set up the link size, color and borders */



.pmenu a, .pmenu a:visited {

	display:block; 

	float:left;

	text-decoration:none;

	color:#4a260e;

	font-size:16px;

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

	font-weight:bold;		

	text-align:center;

	line-height:25px;

	padding:0px 25px;

	margin:0;

/*border-left:1px solid #cf6f01;

border-right:1px solid #cf6f01;*/

}









.pmenu a.pmenu_1:hover {color:#fff; background:#e05405;	 text-decoration:none;}







/* Set up the sub level borders */

.pmenu li ul li a, .pmenu li ul li a:visited {

border-bottom:1px solid #333;

width:180px; 

background:#ff9b68;

height:auto !important;

padding:3px 8px;

margin:0;

color: #000;

text-align:left;

font-size:12px;

font-weight:bold;

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

}



.pmenu li a.enclose, .pmenu li a.enclose:visited {border-width:1px;}



/* Set up the list items */

.pmenu li {float:left; }

/* For Non-IE browsers and IE7 */

.pmenu li:hover {position:relative;}

/* Make the hovered list color persist */

.pmenu li:hover > a {color:#fff; background:#e05405;	 text-decoration:none;}





.pmenu li li:hover > a {background:#4a260e; color:#fff; text-decoration:none;}



.pmenu li li:hover > a:hover {background:#4a260e; color:#fff; text-decoration:none;}



/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */

.pmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

.pmenu li:hover > ul {display:block; position:absolute; top:-21px; left:180px; padding:5px 30px 30px 30px; background:transparent url(transparent.gif); width:170px;}

/* Position the first sub level beneath the top level liinks */

.pmenu > li:hover > ul {left:-30px; top:23px;}



.pmenu > li:hover > ul  li:hover > ul {left:100px; top:0px;}



/* get rid of the table */

.pmenu table {position:absolute; border-collapse:collapse; top:-19px; left:-13px; z-index:100; font-size:1em;}



.pmenu table table {top:10px;}

.gallery a:hover{

text-decoration:none;

}

.forcenter{width:307px; margin:0 auto; float:left;}