/*CSS DOCUMENT*/

/* main styles*/
body,
	html {
		
		margin:0;
		padding:0;
		background:#006633;
		color: #333366;
		background-image: url(images/bg.png);
		background-repeat: repeat-x;
		
		}
		
/* bg/header styles*/	

	#wrap {
		margin:0 auto;
		width:800px;
		background:#fff;
	}
		
	
	#header {
		background-image:url(images/blue_sky_header.png);
		height: 120px;
		border-right: 1px solid #fff;
		border-bottom: 0px solid #fff;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	
	#header.floatleft{	
		float: left;
		background-image: url(images/ips_logo.jpg);
		width: 175px;
		height: 100px;
		position:absolute;
		margin-top: 10px;
		margin-left: 10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;	
	}
		
	
	#floatright{	
		float: right;
		background:url(images/sun_header_wide.png) no-repeat;
		background-color: transparent;
		width: 300px;
		height: 98px;
		position:absolute;
		margin-top: 10px;
		margin-left: 485px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;	
	}
	

	#floatright h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    padding-left: 2em;
	}
	
	#floatright p{
		margin-top: -1em;
		margin-left: 7em;
		font-family: Verdana, Futura,Arial,sans-serif;
		font-size: 12px;
		font-weight: none;
		}
	
	#floatright img {
		font-family: Verdana, Futura,Arial,sans-serif;
	    border: 0;
	   	}
	
	
	#floatright a:link {
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color:#333366;
		}
	
	#floatright a:visited{
		font-family: Verdana, Futura,Arial,sans-serif;
	   	font-size: 1em;
	   	font-weight: bold;
	    text-decoration: none;
	    color: #333366;	  
		}

	#floatright a:hover{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #006633;	 
	    }

	#floatright a:active{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #fff;
		}
     
 /* content area styles */ 	
	
	#contenthilite{
		background:#fff;
		float:left;
		width:700px;
		}
	
	#contenthilite h2{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 14px;
    	}
 
 	#contenthilite p{
 		padding-left: 10px;
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 12px;
	   }
	
	#contenthilite a:link {
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color:#333366;
	   }
	
	#contenthilite img {
		border-color: #000;
		border-style: solid;
		border-width: 1px;
		padding: 3px 3px 3px 3px; 
		margin-left: 35px;
		width: 800px;
	    }

   #contenthilite hr {
    	border: 0px;
       	padding: 0px 0px 0px 0px;
		width: 95%;
		height: 1px;
		margin-left: 45px;
		margin-top: 20px;
		color:#333366;
		background-color:#333366;    	
       	}

		
	#content{
		background:#fff;
		float:left;
		width:500px;
		}
		
		
	#content h1, h2, h3 {
		padding: 10px 10px 5px 10px;
		font-family:Verdana, Futura,Arial,sans-serif;
	    font-size: 14px;
	    margin:0;
    	}
 
	#content p {
		padding: 5px 10px 5px 10px;
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 12px;
	   	    }
	#content a:link {
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color:#333366;

	}
	
	#content a:visited{
		font-family: Verdana, Futura,Arial,sans-serif;
	   	font-size: 1em;
	   	font-weight: bold;
	    text-decoration: none;
	    color: #333366;	  
	
	}

	#content a:hover{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #006633;	 
	}

	#content a:active{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #fff;    
	}

	#content img {
		margin:5px;
		float: left;
		border-color: #000;
		border-style: solid;
		border-width: 1px;
		padding: 3px 3px 3px 3px; 
		width: 500px;
	    }
       	
   
   #content hr {
    	border: 0px;
    	margin-top: 10px;
       	padding: 0px 0px 0px 0px;
       	margin-left: 15px;
		width: 90%;
		height: 1px;
		color: #333366;
		background-color: #333366;    	
       	}
       	
   #content em {
		padding:0 0px;
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 12px;
	    font-weight: bold;
	    font-style: normal
		}
		
				
	#content.box {
		padding: 0px 0px 0px 0px;
		background:#fff;
		border-style: solid;
		border-color: black;
		border-width: 1px;
		color: #333366;
		}
	
	
	#content.box hr{
      	border: 0px;
       	padding: 0px 0px 0px 0px;
		width: 90%;
		height: 1px;
		color: #333366;
		background-color: #333366;
    	}

	
    #content.box h1, #content.box h3{
    	background:#333366 url(images/sun_small.gif)no-repeat;
    	padding-bottom: 8px;
    	padding-top: 6px;
		color: #fff;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;
		text-indent: 20px;
		font-size: 14px;
		margin-top: 0px;
		}
    
    #content.box h4 {
		padding: 0px 0px 0px 0px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		font-weight: bold;
		}

    
    #content.box p{
		padding:0px 10px 0px 10px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		}
         	
     #content.box img {
     	float:left;
     	width: 125px;
        border-color: #000;
		border-style: solid;
		border-width: 1px;
		padding: 3px 3px 3px 3px;
		margin-right: 5px;
		margin-top: 10px;
		margin-left: 5px;
     	}     
     		
    #content.box h5{
		padding: 0px 0px 0px 0px;
		margin-top: 10px;
		margin-left: 35px;
		margin-bottom: -20px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		}
	
	#content.box h6{
		padding: 0px 0px 0px 0px;
		margin-left: 35px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		font-weight: normal;
		margin-bottom: -20px;
		}

/* end content */


/* sidebar styles */ 	
 	
 	#sidebar {
		background:#fff;
		float:right;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		width:220px;	
		}	
		
			
	#sidebar ul {
		margin-bottom:0;
    	}
     
       	
	#sidebar.box {
		padding: 0px 0px 10px 0px;
		background:#fff;
		border-style: solid;
		border-color: black;
		border-width: 1px;
		color: #333366;
		}
	
	
	#sidebar.box hr {
      	border: 0px;
       	padding: 0px 0px 0px 0px;
		width: 90%;
		height: 1px;
		color: #333366;
		background-color: #333366;
    	}

	
    #sidebar.box h1, #sidebar.box h3 {
    	background-image: url(images/sun_small.gif);
    	background-repeat: no-repeat;
    	background-color:#333366;
    	padding-bottom: 8px;
    	padding-top: 6px;
		color: #fff;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;
		text-indent: 20px;
		font-size: 14px;
		margin-top: 0px;
		}
    
    #sidebar.box h4 {
		padding: 0px 0px 0px 0px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		font-weight: bold;
		}

    
    #sidebar.box p {
		padding:0px 10px 0px 10px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		}
		
  	
	#sidebar a:link {
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color:#333366;

	}
	
	<//--
	#sidebar a:visited{
		padding-top: 20px;
		padding-left: 100px;
		font-family: Verdana, Futura,Arial,sans-serif;
	   	font-size: 1em;
	   	font-weight: bold;
	    text-decoration: none;
	    color: #333366;	  
	
	}

	#sidebar a:hover{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #006633;	 
	}

	#sidebar a:active{
		font-family: Verdana, Futura,Arial,sans-serif;
	    font-size: 1em;
	    font-weight: bold;
	    text-decoration: none;
	    color: #fff;
	    background-image: url(images/click.png);	    
	}

        -->    	
     #sidebar.box img {
     	float:left;
     	width: 200px;
        border-color: #000;
		border-style: solid;
		border-width: 1px;
		padding: 3px 3px 3px 3px;
		margin-right: 5px;
		margin-top: 10px;
		margin-left: 5px;
     	}     
     	
	
    #sidebar.box h5 {
		padding: 0px 0px 0px 0px;
		margin-top: 10px;
		margin-left: 35px;
		margin-bottom: -20px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		}
	
	#sidebar.box h6 {
		padding: 0px 0px 0px 0px;
		margin-left: 35px;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
		font-weight: normal;
		margin-bottom: -20px;
		}

	
	/* end sidebar styles */
	
	/* footer styles */
	
	
	#footer {
		background:#006633;
		clear:both;
	}
	
	
	#footer p {
		padding:5px;
		margin:0;
		font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
		font-size: 12px;
    }
  
  /* bottombar styles */ 	
 	 	 		
 	
 	#bottombar {
		
		padding-left: 50px;
		margin-bottom: 50px;
		width: 700px;
		}	
		
			   	
	#bottombar.box {
			padding: 0px 0px 0px 0px;
			background:#fff;
			border-style: solid;
			border-color: black;
			border-width: 1px;
			color: #333366;
			width: 200px;
			height: 240px;
			margin-left: 10px;
			float: left;
		}
		
	
    #bottombar.box h1, h3 {
    		background-image: url(images/sun_small.gif);
    		background-repeat: no-repeat;
    		background-color:#333366;
    		padding-bottom: 8px;
    		padding-top: 6px;
			color: #fff;
			font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;
			text-indent: 20px;
			font-size: 14px;
			margin-top: 0px;

		}
    
      #bottombar.box h4 {
			padding: 0px 0px 0px 0px;
			display: inline;
			font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
			font-size: 12px;
			font-weight: bold;
			}

    
   		#bottombar.box p {
			padding:0px 5px 10px 0px;
			font-family: Verdana, Futura, Helvetica, Arial, sans-serif;	
			font-size: 12px;
			margin-left: 10px;
			}
  	
 	
		
	
		#bottombar a:link {
			font-family: Verdana, Futura,Arial,sans-serif;
	    	font-size: 1em;
	    	font-weight: bold;
	    	text-decoration: none;
	    	color:#333366;
	  
	        
			}
	
		#bottombar a:visited{
			font-family: Verdana, Futura,Arial,sans-serif;
	   		font-size: 1em;
	   		font-weight: bold;
	    	text-decoration: none;
	   		color: #333366;	  
	
			}

		#bottombar a:hover{
			font-family: Verdana, Futura,Arial,sans-serif;
	    	font-size: 1em;
	    	font-weight: bold;
	    	text-decoration: none;
	    	color: #006633;	 
			}
	
		#bottombar a:active{
			font-family: Verdana, Futura,Arial,sans-serif;
	  	  	font-size: 1em;
	    	font-weight: bold;
	    	text-decoration: none;
	    	color: #fff;
		}

            	
       #bottombar.box img {
     		width: 110px;
        	border-color: #000;
			border-style: solid;
			border-width: 1px;
			padding: 3px 3px 3px 3px;
			margin-right: 5px;
			float:left;
     	}     
     	
	
       #bottombar.box h5 {
			padding: 0px 0px 0px 0px;
			font-family: Verdana, Futura, Helvetica, Arial, sans-serif;	
			font-size: 12px;
		}
	
	   #bottombar.box h6 {
			padding: 5px 5px 5px 5px;
			font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
			font-size: 12px;
			font-weight: normal;
		}
		
		#bottombar hr {
    		border: 0px;
       		padding: 0px 0px 0px 0px;
       		margin-left: 15px;
			width: 90%;
			height: 1px;
			color: #333366;
			background-color: #333366;    	
       	}

	
	/* end bottombar styles */
	
	/* footer styles */
	
	
		#footer {
			background:#006633;
			clear:both;
		}
	
	
		#footer p {
			padding:5px;
			margin:0;
			font-family:  Verdana, Futura, Helvetica, Arial, sans-serif;	
			font-size: 12px;
    	}

  	/* end bottom bar */
	
	
  	/* menu styles*/
    
		#menuwrapper {
			border-top: 1px solid #fff;
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			background-color: #006633;
			background-repeat: repeat-x; 
			}

		.clearit {
			clear: both;
			height: 0;
			line-height: 0.0;
			font-size: 0;
			}

	#ipsmenubar, #ipsmenubar ul {
		padding: 0px;
		margin: 0;
		list-style: none;
		font-family: Arial, Helvetica, sans-serif;
		}

	#ipsmenubar a {
		border-right-color: white;
		border-right: 1px solid #fff;
		display: block;
		border-width: 1px;
		text-decoration: none;
		padding: 5px 10px 5px 5px;
		font-size: .85em;
		color: #fff;
		}


	#ipsmenubar a.trigger {
		padding: 5px 10px 5px 10px;
		background-repeat: no-repeat;
		background-position: right center;		
		}

	#ipsmenubar li {
		float: left;
		width: 9em;
		}

	#ipsmenubar li ul, #ipsmenubar ul li  {
		width: 9em;
		}

	#ipsmenubar ul li a  {
		color: #333366;
		border-right: 0;
		padding: 5px 10px 5px 5px;
		}

	#ipsmenubar li ul {
		border-right: 1px solid #333366;
		position: absolute;
		display: none;
		background-color: #fff;
		border-bottom: 1px solid;
		border-left: 1px solid #333366;	
		}
		
	#ipsmenubar li:hover a, #ipsmenubar a:focus,
	#ipsmenubar a:active, #ipsmenubar li.ipshvr a {
		color: white;
		background-color: #333366;
		}
	#ipsmenubar li:hover ul, #ipsmenubar li.ipshvr ul {
		display: block;
		}
		
	#ipsmenubar li:hover ul a, #ipsmenubar li.ipshvr ul a {
		color: #333366;
		background-color: transparent;
		
	}

	#ipsmenubar ul a:hover {
		background-color: #333366!important;
		color: #FFFFFF!important;
	}
	#ipsmenubar li {width: auto;}