/* colours


38939b - green
ee2e24 - red
e0c298 - beige
ec4399 - magenta
6e1857 - aubergine


eceded - light grey
b2b2b2 - dark grey

*/

* {margin: 0;padding: 0;}
html, body {height: 100%; /* Required */}

div { border: 0px dashed #b2b2b2; }

body
{
	font: 11px Helvetica, Arial, Verdana, sans-serif;
	color: #7a7a7a;
	text-align:left;
  	background-image: url(../images/giantstep_bg4.gif);
  	background-repeat: no-repeat;
  	background-position: center 10px; 
}


#container-page {
  margin: 0 auto;
  width: 900px;
  background: #fff;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  vertical-align:top;
}

#container-content {
  padding:30px 0px 70px 0px;
  vertical-align:top;
  margin:-30px 0px 0px 0px; /* For IE the -negative margin */
}

#container-content:after {
  clear: both;
  display: block;
  font: 0px/0px serif;
  content: ".";
  height: 0px;
  visibility: hidden;
}

#container-foot {
  width:100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height:30px;
  left:0px;

}


#footer {
	position:relative;	
	margin:0px 0 0 80px;
	background-color:none;
	height:auto;
	width:auto;
	z-index:10;
}

#wrapper
{
	padding: 0px 0 0px 0;
	width: 100%;
	height:auto;
	min-height:250px;
		margin:-1px 0 0 0;	
	#margin:-4px 0 0 0; /* for IE   */
  	background-color: #fff;
  	background-image: url(../images/content_bg.gif);
  	background-repeat: no-repeat;
  	background-position: 0 top; 

}
  
   #mid-main-left
   {
   	float:left;
   	top: 0px;
   	left: 0px;
   	width: 470px;
  	padding: 18px 0px 0px 80px;
   	margin: 0 0px 0 0px;
   	color:#7a7a7a;
 	overflow: visible;
   }
   
     #mid-main-right
     {
     	float:right;
     	padding:0px 0 10px 0;
     	margin:0px 0 10px 0;
     	width: 310px;
     }

#quote
	{
		position:relative;
		top:0px;
		left:0px
		width:260px;
		padding:0 0 0px 0px;
		margin:10px 35px 25px 0;
		height:auto;
	}

#sideImage
{
     	float:right;
     	width: 270px;	
     	height:180px;
	   	border-right:40px solid #eceded;
	   	margin:0 0 10px 0;
	   	
}
#top_navigation
{
	position:absolute;
	width:845px;
	top:154px;
	left:55px;
	height:40px;
	z-index:999;
	margin:0px;
  	background-color:#eceded;

}
  #top-section
  {
  	left: 0;
  	top: 0px;
  	height:195px; 
  	width: 100%;
  	position:relative;
  }



a
{
	text-decoration:underline;
	color:#6e1857;
}

a:hover
{
	text-decoration:underline;
}



h1
{
	color:#7a7a7a;
	font-size:20px;
	margin:0px 0px 9px 0px;
	letter-spacing:-.07em;
}

h2
{
	font-size:15px;
	font-weight:bold;
	margin:9px 5px 9px 0px;
	color:#ec4399;
	line-height:120%;
	letter-spacing:-.03em;
	word-spacing: .05em;
}

h3
{
	font-size: 15px;
	margin: 9px 5px 9px 0;
	color: #7a7a7a;
	letter-spacing: -.03em;
	word-spacing: .07em;
		line-height:120%;
}

 h3 strong 
 {
 	color:#7a7a7a;
 }
 
 strong, b 
 {
 	color:#7a7a7a;
 }

  strong, b  a
{
	text-decoration:none;
	color:#ec4399;
}
  


  
#credit
{
	
	position:absolute;	
	top:40px;
	left:0px;
	padding:6px 0 0 10px;
	background-color:#f3f5f5;
	height:22px;
	width:375px;
	z-index:10;
}

#contact 
{
	float:left;
	width:370px;
	background-color:#f3f5f5;
	margin:0px 0px 0 0px;
	padding:5px 10px 5px 10px;
	line-height:150%;
	z-index:11;
}

#contact b
{
	color:#ee2e24;
}

#footer img 
{
	position:relative;
	margin:-20px 0 10px 615px;
	padding-top:0px;	
}


#credit p
{
	line-height:150%;
}  

  
  #imageDisplay
  {
  	position: relative;
  	left: 0px;
  	top: 0px;
  	height:155px;
  	width: 100%;
  	z-index:1;
  	}

#logo
{
	position:absolute;
	top:22px;
	left:770px;
	width:94px;
	height:115px;
  	background-image: url(../images/giantStep_logo.gif);
  	background-repeat: no-repeat;
  	background-position: center top;
  	z-index:2;
  	background-color:transparent;
}

#logo a {
	width:94px;
	height:115px;
	display:block;
	text-decoration:none;	
}

#logo i
	{
	visibility:hidden;
	}


#page_heading
{
	position: absolute;
	top: 58px;
	left: 67px;
	padding:0 0 0 0px;
	z-index:2;
	margin:8px 30px 0 0;
}

#opacity
{
	position: absolute;
	top: 10px;
	left: 55px;
	z-index:2;
	width:845px;
	height:135px;
	filter:alpha(opacity=65); moz-opacity:0.65; opacity:0.65; khtml-opacity:.65;
	background-color:#fff;
}
		
#page_heading h1
	{
	font-size:24px;
	letter-spacing:-1px;
	word-spacing:.03em;
	font-weight:bold;
	color:#6e1857;
	}
	
#page_heading h3
	{
	margin:0 100px 0 0;
	color:#fff;
	}


#sideImage p img {
	margin:0px 0 0 0px;
}


  #mid-main-left p
  {
  	margin:10px 0 10px 0;
  	line-height:140%;
  	font-size:11px;
  	color:#6b5d5d;

  }   
   
   
   #mid-main-left dt
{
	margin:1px 0 8px 0;
}

   #mid-main-left dd
{
	margin:-22px 20px 2px 0;
}

  #mid-main-left img
  {
  	margin:0px 16px 5px 0px;
  }
  

 #mid-main-left li
 {
 	font-size: 11px;
 	line-height: 150%;
 	width: auto;
 	color: #6b5d5d;
 	text-decoration: none;
 	text-align: left;
 	font-weight: normal;
 	padding: 0px 10px 0px 0px;
 	list-style: square;
 	list-style-position: outside;
 	margin: 0px 1px 5px 20px;

 }



#mid-main-right ul
  {
  	margin:0px 0 0px 0;
  }
 
#mid-main-right li
  {
	font-size:11px;
	line-height:150%;
	width:auto;
	color: #7a7a7a;
	text-decoration: none;
	text-align: left;
	font-weight:normal;	
	padding:0px 10px 0px 25px;
	list-style: none;
	margin:0px 1px 5px 5px;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

  }
  
#mid-main-right p
  {
  	margin:10px 0 10px 0;
  	line-height:150%;
  	font-size:11px;
  }
  
/* Navigation */




ul#nav {
	position:absolute;
  	left:11px;
  	top:8px;
  	width:695px;
  	z-index:999;
  	text-align:center;
  	font-weight: bold;

	
}

ul#nav li {
	list-style-type: none;
	position: relative;
	z-index: 990;
	float:left;
	display:block;
	padding: 6px 0px 0px 0px;
	height:22px;
	font-size:11px;

}

ul#nav li.nav1 {
	border: none;
}

ul#nav li.nav1 a:hover {
	background: none;
}

ul#nav li a
{
	color: #7a7a7a;
	text-decoration: none;
	margin: 0 0 0px 0;
	vertical-align: middle;
	z-index: 998;
	padding: 0px 11px 15px 11px;
	display: block;
	text-align: left;

}

ul#nav li a:hover {
 	text-decoration:underline;
}

ul#nav li ul
{
	display: none;
	position: absolute;
	background: #ec4399;
	top: 32px;
	left: 0px;
	padding:0px 0 0 0;
	width: 180px;
	z-index: 999;
	

}

ul#nav li ul li {
	height: 1%;
	z-index: 999;
	width: 180px;


}

ul#nav li ul li a {
	z-index: 999;
	color:#fff;
	padding: 0px 11px 10px 11px;
}

ul#nav li ul li ul {
	display:none;
	background: #38939b;
	position: absolute;
	left:180px;
	top:0px;
	padding:0px 0 0px 0;
	width:180px;
	z-index: 999;
}

ul#nav li ul li ul li a {
	z-index: 0;
	padding: 0px 11px 10px 11px;
}

ul#nav li ul li ul li a:hover {
	background: none;
}

#nav li:hover ul ul {
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul {
    display:block;
}

ul#nav .active
{
	color:#ec4399;
	text-decoration:bold;
	border-bottom:4px solid #fff;	
	height:22px;
	position: relative;
	z-index: 900;
	float:left;
	display:block;
	padding: 0px 5px 0px 5px;
}


table 
{
	float:left;
	width:100%
	margin:5px 0 20px -50px;
	padding-bottom:40px;
}

td
{
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;

}


.altrow
{
	background:#75a6ad;
}

.mainrow
{
	background:#d7c900;
	font-weight:bold;
	border:0px solid #000;
}

.headrow
{
	background:#eb8500;
	font-weight:bold;
	border:0px solid #000;
}


dt
{
	padding:1px 0 0px 0px;
	position:relative;
}

dd
{
	margin:1px 20px 0px 10px;
}


hr
{
	height:6px;
	display:block;
	width:100%;
	background-color:#eceded;
	margin:2px 0 6px 0;
	border:0px solid #ccc;
}

input
{
	margin:0px 10px 0 0px;
}

textarea {
	margin-top:0px;
}

.formClass
{
	border:0px solid #75a6ad;
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;
}

.formClassleft
{
	border:0px solid #75a6ad;
	width:25%;
	text-align:left;
	vertical-align:middle;
	padding:2px 1px 2px 1px;
	font-size:9px;

}

form
{
	padding:0 0 10px 0;
}