/*------------------------------------------------
StepInstitute
design - development - implementation by Trafick IMS
http://www.trafick.net - Curtis Rostad 
curtis@trafick.net 
-------------------------------------------------*/

*{padding:0px;
margin:0px;
}

html, body{
background-image: url(../images/container.gif);
background-repeat: repeat-x;
text-align:center;
padding-top:10px;
background-position:top;
background-color:#f0d894;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

p{
line-height:35px;}


li{
color:#006;
font-size:22px;
padding:10px 0px;
/*margin-left:15px;
*/}


a{outline:none;
text-decoration:none;
color:#930;
}

a:hover{outline:none;
text-decoration:underline;
color:#f30;
}

hr{
width:90%;
color:#f8981d;}

h1{
text-align:center;
color: #006;
}

h2{
color:#fff;}

h3{
color:#006;
line-height:30px;;
}

/*------------------------------------------------*/

#wrapper{
text-align:left;
width:718px;
background:url(../images/pagebg.gif);
margin: 0px auto;
}

#wrapper_bottom{
width:718px;
background:url(../images/bottombg.gif);
margin: 0px auto;

}

#top{
text-align:center;
width:auto;
padding:20px;
}


#left{
float:left;
text-align:justify;
margin:15px;
background: #fff;
width: 420px;
}

#left2{
float:left;
text-align:left;
margin:15px;
background: #fff;
width: 430px;
}

	#left li{
	color:#006;
	font-size:18px;
	padding:10px 0px;
	margin-left:20px;
	}

#right{
float: right;
margin:20px;
background: #fff;
width: 200px;
}

#bottom{
width:auto;
padding:20px;}

/*#right p{
text-align:justify;}*/




/* ------------------- links ---------------------------*/

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../icons/icon_pdf.gif) no-repeat center right;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(../icons/icon_mailto.gif) no-repeat center right;
}

a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(../icons/icon_popup.gif) no-repeat center right;
}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/icon_doc.gif) no-repeat center right;
}

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/icon_txt.gif) no-repeat center right;
}

a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/icon_xls.gif) no-repeat center right;
}

a[href$='.pps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/icon_pps.gif) no-repeat center right;
}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../icons/icon_pic.gif) no-repeat center right;
}


.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

/* ------------------- Typography & Misc-------------------------*/

.print{
font-size:9px;
}

.foottext{
padding: 0px 10px 0px 0px;
font-size:9px;
color:#333;}

	.foottext a{
	color: #000;}
	
	.foottext a:hover{
	color: #F90;}

.fltrt {
float:right;
margin-left:8px;
}

.fltlft {
float:left;
margin-right:8px;
}

.fltrtBRD {
float:right;
margin: 0px 0px 15px 8px;
border:1px #666 solid;
}

.fltlftBRD {
float:left;
margin-right:8px;
border:1px #666 solid;
}

.uppercase{
text-transform:uppercase;}

.red {
	text-align:center;
	font-size: 30px;
	color: #993300;
	font-style: italic;
}
	
div.clear{
clear:both;}

.li{
color:#006;
font-size:22px;
padding:10px 0px;
/*margin-left:15px;
*/}