/* CSS for index.html (main file) */

body 
		 {
		   margin-left: 5%;
			 margin-right: 5%;
			 margin-top: 0px;
			 font-family: Verdana, Arial, Helvetica, sans-serif; 
			 font-size: .75em;
			 color: #333333;
			 text-align: justify;
		 }

/* FOR LOGO */
#top-title
					{
					 text-align: center;
					}	 
			
/* FOR JUMP TO CONTENT AND ACCESSIBLITY OPTIONS BEFORE THE NAVE BAR */
#accessiblity-bar
								 {
								  text-align: right;
								  font-size: smaller;
								 }

/* navigation bar */ 
#nav-bar
				{
				 float: none;
			   clear: both;
			   width: 703px;
				 margin-left: auto ;
				 margin-right: auto ;
				 margin-bottom: 5px;
				 text-align: center;
				 color: black;				 				 
				 background-color: #BACDEE;
				}	

/* HOPE PAGE WILL HAVE 3 COLUMAN*/
/* LEFT COLUMAN */	
#column-1
				 {
				 	 float: left;
					 width: 39%;
					 padding-right: 10px;
					 background-color: #ffffff;
				 }
				 
/* MIDDLE COLUMAN */
#column-2
				{
				  float: left;
					width: 39%;
					background-color: #ffffff;			
				}
/* RIGHT COLUMAN */
#column-3
				 {
				 	 width: 19%;
					 float: right;
					 background-color: #ffffff;
			}
			
/* BOTTOM BAR AT END OF PAGE */
#bottom-bar
			{
			 width: 703px;
			 margin-left: auto ;
			 margin-right: auto ;
			 float: none;
			 clear: both;
			 text-align: center;
			 border-color: #295CA1;
			 background-color: #BACDEE;
			}
 			
div.content
     {
		  clear: both;
			border-color: #191970;
			margin-top: 10px;
			margin-bottom: 10px;
     }


/* A SMALL NEVY BLUE BLOCK UED FOR SPONSOR AT RIGHT MOST COLUMN*/
div.sponsor-blocks
    {
		 margin: 0px 0px 10px 15px;
		 padding: 0px 0px 0px 0px;
		 width: 100px;
		 text-align: center;

		 background-color: #191970;
		 color: yellow;
		}

		
/*
div.brinkster-block
		{
		 border: dashed;
		 border-color: red;
		 margin-top: 0px;
		 margin-bottom: 10px;
		 padding: 05px;
		 background: black;
		 color: white;
		 text-align: center;
		}
*/
		
/* BLOCK FOR THE COTNACT AT COLUMN 3 */		
div.contact
					 {
							 clear: both;					 
					 		 margin-top: 0px;
							 padding: 05px;
							 text-align: center;
		 					 color: yellow;		 
		 					 border: double black;
		 					 background-color: #191970;
					}
			
div.famous
					{
					float: left;
					width: 48%;
					padding: 5px; 
					}

.clear_both { clear: both; }					
/* FOR LINKS IN NAVIGATION BAR */		
a.nav-bar-link 
							 {
							  text-decoration: none;
								color: #000000; 
							 }

a:visited.nav-bar-link
										 {
										  text-decoration: none;
										 }

a:hover.nav-bar-link
										 {
										 	 color:   #295CA1;
											 text-decoration: underline;
											 color: #191970;
										 }

/* REGULAR LINKS */
a
  {
   border: none;
   text-decoration: none;
  }	

a:visited
				 {
				  text-decoration: none;
				 }
  
a:hover
			   {
				 	 color:   #295CA1;
					 text-decoration: underline;
					 color: black;
				 }
 
a.img-link
					 {
					 	 border: 0px;
					 }
	
/* FOR LINKS ON IMAGES */	
img.img-link
					 {
					   border: 0px;
						 text-decoration: none;
					 }	

h1.title-heading {
								  margin: 0px;
									text-align: center;
									clear:both;
								 }
h2.section 
  {
	 clear: both;
	 font-size: 1.25em;
 	 font-weight: bold;
	 text-align: left;
	 margin-top: 6px;
	 margin-bottom: 6px;
	 padding: 0px 0px 0px 0px;
	 color: #295CA1;
	 background-color: #f0f8ff;
	 border-top: dashed thin;
 	 border-bottom: dashed thin;
	}
						 
h1.heading-1 
  {
	 clear: both;
	 font-size: 1.25em;
 	 font-weight: bold;
	 text-align: left;
	 margin-top: 6px;
	 margin-bottom: 6px;
	 padding: 0px 0px 0px 0px;
	 color: #295CA1;
	 background-color: #f0f8ff;
	 border-top: dashed thin;
 	 border-bottom: dashed thin;
	}
	
h1.heading-big
  {
	 font-size: 1.75em;
 	 font-weight: bold;
	 text-align: center;
	 margin-top: 6px;
	 margin-bottom: 6px;
	 padding: 0px 0px 0px 0px;
	 color: #295CA1;
	}

/*	USED AT DIFFERENT PAGES SUCH AS ABOUT US		*/ 
h1 {
	 font-size: 1.25em;
	 text-align: left;
	 margin-top: 6px;
	 margin-bottom: 0px;
	 padding: 0px 0px 0px 0px;
	 color: #295CA1;
	 }  

h3 {
	 text-align: left;
	 font-size: 1em;
   margin-top: 6px;
	 margin-bottom: 0px;
	 padding: 0px 0px 0px 0px;
	 font-weight: bold;
	 clear: both;
	 }

h2.align-center
	 {
	 	 text-align: center;
		 font-size: 1em;
		 margin-top: 0px;
		 margin-bottom: 0px;
		 padding: 0px 0px 0px 0px;
		 font-weight: bold;
	 }
	 

/* SMALL DATE IN RED FOR LATEST UPDATES */
span.updated
  {
 	 font-size: 0.900em;
 	 font-weight: normal;
	 color: red;
	}

img.img-auto { height : auto; width: auto; }	
	
img.img-float-left
   {
	 float: left;
 	 padding-top: 5px;
	 padding-right: 5px;
	 padding-bottom: 5px;
	 }
	 
img.img-float-right
   {
	 float: right;
	 padding-left: 5px;
	 padding-bottom: 5px;
	 }

img.img_album
 {
  padding-right: 10px;
	width: 100px;
	height: 100px;
 }
	 
	 
p.no-margin
  {
	 margin: 0px;
	 padding: 0px;
	}

p.margin-bottom
	{
	 margin-bottom: 15px;
	 margin-top: 0px;
	}

p.align-center
  {
	 text-align: center;
	}
	

p.align-right
  {
	 text-align: right;
	}	
	
ul.no-margin
  {
	 margin-top: 0px;
	 margin-bottom: 0px;
	}

ol.lower-alpha
	{
	 list-style-type: lower-alpha;
	}
	
ol.lower-roman
	{
	 list-style-type: lower-roman;
	}	

li
	{
	 margin-bottom: 6px;
	}	

/* embaded video clip at home page */	
object.psl-video
	 {
	 border: double #295CA1;
	 width: 160px;
	 height: 150px;
	 float:left;
 	 margin-right: 5px;
	 margin-bottom: 5px;
	 }

/* TOW COLUMAN PAGE UNLIKE HOME PAGE WILL HAVE COLUMAN 2a and 2b*/	

#column-2a
					{
					 float: left;
					 width: 48%;
					}

#column-2b
					{
					 float: right;
					 width: 48%;
					}
/*  
div.column-2a
    {
		 float: left;
		 width: 45%;
		 padding-right: 10px;
		 border: double;
   }
div.column-2b
  {
	  float: right;
	  width: 45%;
  }
*/

table.program-detail 
										 {
										 width: 100%;
 									   margin-bottom: 20px;
										 background-color: #f0f8ff;
  									}
tr
	{
	 background-color: white;
	}
td
	{
	padding-right: 5px;
	text-align: left;
	}

	/* background of table row for certified students */
tr.certified_student { 
										  background-color: #f0f8ff;
										 }
 										 
div.local_nav
							 {
							 width: 150px;
							 float: right;
							 border: dashed thin #285AA1;
							 padding: 5px 5px 5px 5px;
							 margin-left: 10px;
							 margin-top: 15px;
							 }
								 
/* New year greeting */
.new-year {
					 width: 25%;
					 float: left;
					 font-size: 1.25em;
					 border: thin dotted green;
					 padding: 5px;
					 background-color: #f0f8ff
					 }