/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

/* Add 38px so width = 960px   38px to full width components  19px to each column */

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;    /* DEFAULT 13px  */
 background-color: #000;  /* 515151*/
 color: #353535;
}
#wrapper { 
 margin: 0 auto;
 width: 960px;  /* DEFAULT 922px */
}
#header {
 color: #fff;	/* DEFAULT #333 */
 width: 938px;  /* DEFAULT 900px */
 float: left;
 padding: 0px;  /* DEFAULT 10px */
 /*border: 1px solid #ccc;  */
 height: 200px;
 margin: 0px 0px 5px 0px; 	/* DEFAULT 0px 10px 5px 0px */
 background: #515151;
}
#navigation {
 float: left;
 width: 938px;		/* DEFAULT 900px */
 color: #fafafa;	/* fafafa LightGray text */
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #000;
}



#content-strip {
 float: left;
 width: 938px;		/* DEFAULT 900px */
 height: 240px; 
 color: #212121;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 5px 0px;
 background: #fafafa;

}
/* DEFAULT COLUMN Area - each segment has 10px of padding   214-456-214 = 884  294avg  */

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #fafafa;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 360px;			/* DEFAULT 350px ; changed from 420 to 360 Feb-13*/
 width: 294px;			/* DEFAULT 195px, mod to 214 */
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #f6f6f6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 360px;				/* DEFAULT 350px */
 width: 296px;				/* DEFAULT 456px mod to 296 */
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #fafafa;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 360px;
 width: 294px;				/* DEFAULT 195px mod to 214 */
 float: left;
}
#lower-strip	{
 width: 938px;				/* DEFAULT 900px */
 padding: 0px 0px 10px 0px;
 height: 50px;
 clear: both;
 color: #fafafa;
    /* border: 1px solid #ccc; */
 margin: 0px 0px 10px 0px;
 padding: 10px;
 background-color: #000;	
}
#footer { 
 width: 938px;				/* DEFAULT 900px */
 clear: both;
 color: #fafafa;
    /* border: 1px solid #ccc; */
 margin: 0px 0px 10px 0px;
 padding: 10px;
 background-color: #515151;
	background-image: url(../images-css/footer-bg.jpg);
}
.counselor-class  {
	font-family: Verdana, "MS Trebuchet", Arial, Helvetica, Geneva, sans-serif;
	color: #fafafa;
	font-size: 15px;
}

/*  NAVIGATION ANCHORS   */
.navbar a:link {
	color: red;
	text-decoration: none;
}
.navbar a:hover {
	color: white;
	text-decoration: none;
}
.navbar a:visited {
	color: red;
	text-decoration: none;
}
.navbar a:active {
	color: green;
}
.navbar #currentpage a {
	background: #fff;
	color: #333;
}