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

TITLE    :   NAKCSS FRAMEWORK VERSION 3
AUTHOR   :   NAKDESIGNER
URL      :   HTTP://WWW.NAKLABS.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 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Clearfix Property Starts Here */

/* Global Form Styles */

form{
margin: 0;
padding: 0;
}
input, textarea{
	background: #fff;
	border: 1px solid #83cde1;
}
input:hover, textarea:hover {
	background: #F0FDE2;
}
input:focus, textarea:focus {
	background: #FCFFEC;
}

/*  --- 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 {
	background:#B9DA6F url(img/body_bg.jpg) repeat-x;
	color:#222;
	font: .8em/1.5em  Arial, Helvetica, sans-serif;
}
a {
	color: #1D442F;
	text-decoration: underline;
}
a:active { outline: none; }
a:hover{
	color:#1E4067;
	text-decoration: none;
	outline: none;
}
a img {border: 0;}
ul,ol{
	margin:0 0 0 15px;}

/* Heading Styles Starts */
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:14px;}
h6{font-size:13px;}
h2,h3,h4,h5,h6{margin:0 0 10px 0;}
/* Heading Styles Ends */
/* Para Styles Starts */

/* Para Styles Starts */

/* Layout Styles Starts */

#nakainer{
	width:780px;
	margin:5px auto 0px auto;
	background:#fff;	
	
	
}
	#header{
	
	}
	#page_area{
		margin: 10px 0;
		/*background: url(img/pagrearea_bg.gif) repeat-y right;*/
	}
	
		#side_block{
			width:250px;
			float:left;
			padding: 0 0px 0 10px;
		}
			#menu_block{
				margin: 0 0 0 0px;
				background:url(img/menumidbg.jpg) repeat-y left;
				width:227px;
			
			}
			#menu_mid{
				
			}
				#menu_top{
					background:url(img/menutop_bg.jpg) no-repeat top left;
					height:33px;
					}
				
				#menu_bottom{
					background:url(img/menu_bottom_bg.jpg) no-repeat top left;
					height:37px;
				}
					.menu_seperator{
							background:url(img/menu_seperator.jpg) no-repeat top right;
							height:21px;
						}
						
						
				#menu_block1{
					background:url(img/guam_map.jpg) no-repeat bottom 110px;
					min-height: 150px;
					height: auto !important;
					height:150px;
					}
					
					
				#menu_block ul, #menu_block li{
					list-style:none;
					padding:0;
					margin:0;
				}	
				#menu_block a{
						text-decoration:none;
						padding:0 0px 0 19px;
						margin:0 0 0 17px;
						font-size:17px;
						line-height:28px;
						font-weight:bold;							
						text-align:left;
						}
				#menu_block1 a{
					color:#1D442F;
				}
				#menu_block2 a{
					color:#315830;
				}
				#menu_block3 a{
					color:#356434;
				}
				
				#menu_block li a:hover{
						color:#1E4067;
						background:url(img/menu_over.jpg) no-repeat left top;
				}
					
					
					
			
		#primary_content{
			width:510px;
			float:right;
			padding: 0 10px 10px 0;
		}
			#primary_content h3{
				color:#296043;
				text-transform:lowercase;
			}
			#primary_content ul, #primary_content ol{
				padding:0 0 0 20px;
			}
			
		#sponsors{
			border:#195792 2px solid;
			border-width:2px 0 4px 0;
			clear:both;
		}
		#footer{
				width:780px;
				margin:0px auto 10px auto;
		}
			#copyright{
				float:left;
				margin:5px;
			}
			#developer{
				float:right;
				margin:5px;
			}
/* 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;}
.noborder{border:none;}
.boldtext{font-weight:bold;}
.normaltext{font-weight:normal;}
.bg1{background:#fff;}
.fc1{color:#fff;}
.fc2{color:#283790;}
.fc3{color:#0F75BC;}
.fc4{color:#5af8ab;}
.fs1{font-size:10px;}
.fs2{font-size:12px;}
.fs3{font-size:14px;}
.fs4{font-size:16px;}
/* Fixed Styles Ends */
.irec{font-size:14px;
font-weight:bold;
color:#1D442F;}
/* 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 */
.pmenu {
position:relative;
z-index:100;
float:left;
}