/**/

/* logo blue:  	#5BB3CA */
/* logo green: 	#4DAC26 */
/* logo brown: 	#9D623E */
/* logo red: 	#FF2F00 */
/* logo black:	#000000 */
/* background:	#F0FFF8 */


body							{background-color:#F0FFF8;
								 background-image:url("nwc_background.png");
								 font-family:Verdana, Geneva, sans-serif;}
/* background-color:#F0FFF8;	 set webpage background color to #F0FFF8 (light green) */
/* logo and theme:	 			 both logo and theme images have transparent background; */
/* background-image:url("#");	 set the web page background to the linked image */

#page_wrapper 					{width:1000px; 
								 margin-left:auto;
								 margin-right:auto;}
/* width:1000px;				 webpage width = 1000 px */
/* margin-left/Right:auto; 		 adjustify web page to the centered on screen */

/* page_header */
/* 								 header			= nwc_logo_transparent.png + nwc_theme.png */
/* 								 logo  			= 250px W * 172px H */
/* 								 theme 			= 730px W * 172px H */
/* 								 header width	=   5px margin-left */
/* 									      		   + 250px logo */
/* 										  		   + 10px logo padding-right */
/* 										  		   + 730px theme */
/* 										  		   + 5px margin-right */

#page_header 					{width:1000px;
								 margin:5px;
								 padding:0px;}
/* width:1000px;				 header width = page_wrapper width = 1000px */
/* margin:5px; padding:0px;		 header margin = 5px with no padding around the four sides in the page_wrapper */

#nwc_logo						{width:250px; 
								 height:172px; 
								 float:left; 
								 padding-right:10px;}
/* width:250px; height:172px;	 logo = 250px W * 172px H */
/* float:left;					 logo stays on the left side in the web page */
/* padding-right:10px;			 keeps 10px padding to the right */

#nwc_theme						{Width:730px; height:172px; float:left;}
/* width:730px; height:172px;	 theme = 730px W * 172px H */
/* float:left;					 theme stays on the left side adjacent to the logo in the horizontal direction */

/* .nav ul:						 navigation bar main menu; also sets defauts for the sub menu */
.nav ul							{list-style:none; 
								 margin-left:7px; 
								 padding:0px;}
/* list-style:none;  			 removes the left bullets from main and sub menu text */
/* margin-left:7px;				 navigation bar left margin from the page_wrapper left border = 7px */
/* padding:0px;					 navigation bar menu padding:  0px */
/* 								 navigation bar menu padding can't set to > 0px coz it will make it two separated lines */

/* .nav li:						 each item in the main menu of the navigation bar */
.nav li							{float:left; 
								 margin-top:20px; 
								 width:140px; 
								 background-image:url("bg_nav_main_menu.png");
								 text-align:center;
			 					 border-right:1px solid white;
			 					 border-top-left-radius:15px;
			 					 border-top-right-radius:15px;
			 					 position:relative; 
								 height:30px; 
								 line-height:30px;}
/* float:left;  				 keeps all main menu items align horizontally and adjacent to each other */
/* margin-top:20px;  			 keeps the navigation bar 20px below the header (logo and theme) */
/* width:140px;  				 makes each main menu item 140px wide */
/* background-image:url("#");  	 provides green background with texture to the main menu in the navigation bar */
/* text-align:center;  			 keeps the description of each menu item align center in the cell */
/* border-right:1px solid white; keeps a white solid border on the right for each main menu item */
/* border-top-left-radius:15px;  makes a round top-left corner for each main menu item */
/* border-top-right-radius:15px; makes a round top-right corner for each main menu item */
/* position:relative;  			 main menu position set to relative to <ul> so that the sub menu will always appear 30px below the main menu */
/* height:30px;  				 height of the main menu is set to 30px */
/* line-height:30px;  			 this will align the text in each menu item to center in the vertical direction */

/* .nav li ul					 navigation bar sub-menu */
.nav li ul 		 				{position:absolute; 
								 top:30px; 
								 margin-left:0px; 
								 visibility:hidden;}
/* position:absolute; top:30px;	 keeps an absolute top padding of 30px related to the main menu in the navigation bar*/
/* margin-left:0px; 			 makes to left border of the sub-menu line up with the left border of the main-menu  */
/* visibility:hidden;			 hide the sub-menu when it is not active; un-hide only a mouse pointer is hovered over */
 
/* .nav li ul li:				 each item of the sub menu in the navigation bar */
.nav li ul li	 				{float:left;
								 width:210px; 
								 text-align:left; 
								 margin-top:0px;
								 padding-left:5px;
								 background-image:url("bg_nav_sub_menu.png");
        	 	  				 border-top:1px solid white;
			 	  				 border-top-left-radius:0px;
			 	  				 border-top-right-radius:0px;}
/* float:left;  				 keeps the sub menu directly below the main menu and stack vertically for each sub menu item */
/* width:210px; 				 width of each sub menu item is 210px */
/* text-align:left;  			 left adjustify all sub menu text */
/* margin-top:0px;				 sets the vertical margin between each sub-menu item to 0px; overides the 20px margin-top set by the main menu (.nav li) */
/* padding-left:5px; 			 keeps 5px padding to the left of the text in the sub menu "cell" */
/* background-image:url("#");  	 provides brown background with texture to the sub menu in the navigation bar */
/* border-top:1px solid white;	 draw a white top border for each sub-menu "cell" */
/* border-top-left-radius:0px;	 maintain a retangular shape of the sub-menu "cells"; overrides the radial shape set by the main menu items (.nav li) */
/* border-top-right-radius:0px;	 maintain a retangular shape of the sub-menu "cells"; overrides the radial shape set by the main menu items (.nav li) */

/* .nav ul li a:				 main menu url links in navigation bar */
.nav ul li a 	 				{text-decoration:none; 
								 color:white;}
/* text-decoration:none;		 removes under-lines from all links (text) in the main menu of the navigation bar */
/* color:white;					 gives a white color text for all links in the main menu of the navigation bar */

/* .nav li ul li a:				 sub-menu url links in navigation bar */
.nav li ul li a  				{text-decoration:none; 
								 color:white;}
/* text-decoration:none;		 removes under-lines from all links (text) in the sub-menu of the navigation bar */
/* color:white;					 gives a white color text for all links in the sub-menu of the navigation bar */

/* .nav ul li a:				 main-menu url links in navigation bar when hover over */
.nav li:hover 	 				{background-image:url("bg_nav_main_menu_hover.png");}
/*background-image:url("#");  	 provides brown background with texture to the main menu in the navigation bar when hover over */
/* .nav ul li a:				 sub-menu url links in navigation bar when hover over */

.nav li:hover ul 				{visibility:visible;}
/* visibility:visible;			 un-hide the sub-menu when hover over */

.nav ul li ul li:hover			{background-image:url("bg_nav_sub_menu_hover.png");}
/* background-image:url("#");  	 provides green background with texture to the sub menu in the navigation bar when hover over */

#page_content					{float:left; 
								 width:680px; 
								 margin-left:7px; 
								 margin-top:20px;
								 padding:10px;
								 height:332px;
								 color:#9D623E;}
								 
/* clear:both;					 keeps the page content right below the navigation bar */
/* width:990px;					 page content width = 7px left-margin + 986 px width + 7px right-margin */
/* margin:5px;					 page content has 7px margin 4 sides */
/* padding-top:20px;			 page content has 20px padding below the navigation bar */

#page_content h3				{margin:0px;
								 padding:0px;}

#page_content a					{color:#4DAC26;}
#page_content a:hover			{color:#000000;}
#page_content p					{line-height:30px;}

#announcement					{float:left; 
								 width:255px; 
								 margin-top:20px;
								 margin-left:10px;
								 padding:10px;
								 height:150px;
								 border:1px solid #AD4DBB;
								 border-radius:20px;
								 background-image:url("bg_announcement.png");
								 color:#9D623E;}

#announcement h5				{clear:left;
								 margin:0px;
								 padding-bottom:10px;}
								 
#announcement ul				{clear:none;
								 list-style:none;
								 margin:0px;
								 padding:0px;} /* this padding controls main and sub list */
								 
#announcement ul li				{clear:none;
                                 margin:0px;
								 font-size:14px;}

#announcement ul li	ul			{clear:none;
                                 margin:0px;
								 padding-top:2px;}
								 
#announcement ul li ul li			{clear:none;
                                 margin:0px;
								 padding:0px;
								 font-size:10px;}
								 
#site_search					{float:right; 
                                 width:255px; 
								 margin-top:10px;
								 margin-right:6px;
								 margin-bottom:10px;
								 padding:10px;
								 height:150px;
								 color:#4DAC26;}

#site_search h5					{margin:0px;
								 padding:0px;}								 
								 
#page_footer					{float:left;
								 clear:none; 
								 width:986px; 
								 margin:7px;
								 margin-Top:50px; 
								 text-align:center; 
								 color:#4DAC26;}
/* clear:left; 					 keeps the page footer right below the page content */
/* width:990px;					 page footer width = 7px left-margin + 986 px width + 7px right-margin */
/* text-align:center;			 adjustify page footer text to the center of the screen */

#page_footer p					{margin:0px; 
								 padding:0px;
								 font-family:Verdana, Geneva, sans-serif;
								 font-size:10px;}