/* CSS Document 

Filename: iscaper.css



*/

#wrapper, #videos, #quiz, #resources,
			#contact, #dlPage	{
			
			background-color: #ffffff;
					
}

#center 	{
			font-family: Helvetica, Arial, sans-serif;
			width: 1042px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			
					
			position: relative;	
			border:1px solid #cccccc;
			background-color: #f2f2f2;						
			border-radius:7px;
			-moz-border-radius:7px; /* Firefox 3.6 and earlier */	
}

#banner		{
			
			margin-top: 20px;
			margin-left: 20px;
			
			width:1000px;
			height:150px;			
			-moz-box-shadow: 3px 3px 3px #888888; /* Firefox 3.6 and earlier */
			box-shadow: 3px 3px 3px #888888;	
}

#socialIcons  {
    margin-top: 25px;
    
    text-align: center;
}

#socialIcons a:hover    {
    opacity: 0.6;
    
}

#socialIcons .si    {
    padding-right: 40px;
}

#leftColumn	{
					
			float: left;					 
			width: 200px;
			margin-top:20px;
			margin-bottom:20px;
			margin-left: 20px;			
			text-align: center;
			border:1px solid #cccccc;
			border-radius:7px;
			background-color: #ffffff;	 
}

#links a	{
					
			display: block;
			font-weight:normal;
			font-size: 16px;
			text-decoration: none;
			background-color:#f2f2f2; /* unvisited link */			 
			padding: 10px 10px 10px 10px;			
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left: 20px;
			margin-right: 20px;
			color: #146abf;			
			border:1px solid #cccccc;						
			border-radius:7px;
			-moz-border-radius:7px; /* Firefox 3.6 and earlier */	
}

#links a:hover	{
			color: purple;
			background-color:#cccccc;
			border: 1px solid #666666;
			text-decoration: underline;
			  		
}

#links a:active {
			background-color:#e0e0e0;  /* selected link */
}

#links ul,li {
			list-style: none; 
			margin: 0px; 
			padding: 0px
}

body#wrapper .homeNav,
body#videos .videosNav,
body#quiz .quizNav,
body#resources .linksNav,
body#contact .contactNav,
body#dlPage .downloadsNav 	{
			color: #000000;
			border: 1px solid #666666;
			background-color: #e0e0e0;
}

#counter 	{
			background-color: #f2f2f2;			
			margin-left: 20px;
			margin-right: 20px;
			border:1px solid #cccccc;						
			border-radius:7px;
			-moz-border-radius:7px; /* Firefox 3.6 and earlier */	
				
}

#main		{
			
			width: 775px;
			float: left;
			left: 200px; 
			margin-left: 20px;
			margin-top: 20px;
			margin-bottom: 20px;
			background-color: #ffffff;			
			border:1px solid #cccccc;						
			border-radius:7px;
			-moz-border-radius:7px; /* Firefox 3.6 and earlier */			
}

#main p		{
			margin-left: 20px;
			margin-right: 20px;
			padding-bottom: 25px;
			margin-bottom: 15px;
			line-height: 1.37em;
			text-align: justify;
}

#main a		{
			text-decoration: none;
			color: #146abf;
}

#main a:hover	{
			color: purple;
			text-decoration: underline;
}

#main .resourceLinks a {
			font-weight: 500;			
			display: block;
			font-weight:normal;
			font-size: 16px;
			text-decoration: none;
			background-color:#f2f2f2; 		 
			padding: 5px 5px 5px 5px;			
			margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 0px;
			margin-right: 40px;
			color: #146abf;			
			border:1px solid #cccccc;						
			border-radius:7px;
			-moz-border-radius:7px; /* Firefox 3.6 and earlier */	

}

#main .resourceLinks a:hover	{
			color: purple;
			background-color:#cccccc;
			text-decoration: underline;
}

#video		{
			margin-left: 28px;
			margin-right:auto;
			margin-top: 25px;
}

.content 	{			 
			margin-left: 25px;
			
			margin-bottom: 15px;
			line-height: 1.37em;
}


figure {
      border: 1px #333333 solid;
      float: right; 
      clear: both;
    margin-top: auto;
}

figcaption {
    background-color: #f2f2f2;
    font-family: Helvetica, Arial, sans-serif;
    color: #666666;
    font-size: 12px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

h3			{
			text-align: left;
			margin-left: 25px;
}

#contactField	{
			margin-bottom: 25px;
			padding: 10px;
			background-color: #f2f2f2;			 
}

#feedback 		{
	
			background-color: #f2f2f2;	
}

label.blockLabel	{
			display: block;
			position: relative;
			margin: 15px 25px;
}

label.blockLabel input	{
			position: absolute;
			left: 200px;
}

#firstName, #lastName, #eMail, #password 	{
			width: 25em;			
}

#rightColumn span	{
			color: red;
}

#contactForm span	{
			color: red;
}

#contactForm	{
			width: 700px; 			 
			margin-left: 20px;
			margin-right: 20px;			
} 


#footer		{
			clear: both;
			font-size: 12px;
			text-align: center;
			margin-top:20px;
			margin-bottom:20px;
			margin-left: 20px;	
			margin-right: 20px;		
			text-align: center;
			border:1px solid #cccccc;
			border-radius:7px;
			background-color: #ffffff;
}

#list1		{
			background-color: #f2f2f2;
			z-index: 10;
			 	
}