/*=======================================================================
-- IAM-THE INSTITUTE OF ADVANCED MEDIA - WWW.IAMTRAINING.COM
-- VANCOUVER, BC, CANADA
-- CREATED BY: LINH T. NGUYEN - LINHBURIN@YAHOO.COM
-- CREATED DATE: FEB 1, 2010
-- LAST UPDATE: FEB 17, 2010
=======================================================================*/
img, div { behavior: url(css/iepngfix.htc) }
*{
	margin: 0;
	padding: 0;
}
a{
	color: #4c4c4c;
	text-decoration: none;		
}
a:hover{
	color: #4c4c4c;
	text-decoration: underline;
}
a:focus{
	outline:none;	
}
img{
	border: 0;	
}

/**********************
	WRAPPER
**********************/
body{
	font: 12px Arial, Helvetica, sans-serif;
	color:#585858;
	background: #111213 url(../images/general/bg_wrapper.gif) top left repeat-x;
}

#wrapper{
	width: 997px;
	margin: -6px auto;
	overflow:hidden;
	line-height: 17px;
	background-color: #FFF;
}

#headerWrapper{
	height: auto;
}

#bodyWrapper{
	height:auto;
}

#footerWrapper{
	clear:both;
	text-align:center;
}

/**********************
	HEADER
**********************/
#header{	
	height:auto;	
}


/**********************
	FOOTER
**********************/
#footer{
	height: 117px;
	font-family:Tahoma, Geneva, sans-serif;
	background: url(../images/general/bg_footer.gif) top left no-repeat;
}

.nav_footer{
	padding: 20px 0px 25px 0px;	
}
.nav_footer a{
	font-size:14px;
	font-weight:bold;
	color: #18599c;
	margin: 0px 25px 0px 0px;
}

.copyright{
	color: #545454;
	font-weight:bold;
}


/**********************
	BODY
**********************/
#bodyW{	
	min-height: 400px;
	height:auto;	
	background: url(../images/general/bg_body_bottom.gif) bottom left no-repeat;
	margin: -125px 0px 0px 0px;
    z-index: 1;	
	overflow: hidden;
}

#body_top_bg{
	height: 125px;	
	background: #FFF url(../images/general/bg_body_top.gif) top left no-repeat;
}

/*--- CONTENT-LEFT ---*/
#content_left{
	width: 146px;
	float:left;
	text-align:center;
}
.main_nav{
	margin: -1px 20px 5px 0px;	
}

.networks{
	margin: 0px 0px 10px 10px;
}

div.socialBox{
	color: #5e4000;	
	text-align:left;
	border:1px solid #e9e9e9;	
}
div.socialBox h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 5px 5px;
}


/*--- CONTENT-CENTER ---*/
#content_center{
	float:left;
	margin: 0px 8px 0px 13px;
}


/*--- CONTENT-RIGHT ---*/
#content_right{
	float:right;
}

/*--- CONTENT-BOTTOM ---*/
#content_bottom{
	margin: 15px auto;
}


h3.page_title{
	font-size: 24px;
	color:#0f88ed;
	line-height: 25px;
	margin: 3px 0px 6px 0px;
}
div.title_line{
	height: 5px;
	margin: 0px 0px 10px 0px;
	background:url(../images/general/dot_line_page_title.png) top left repeat-x;
}

.page_content{
	margin: 0px 0px 100px 15px;
}

.page_subTitle{
	font: bold 15px Georgia;
	color: #52988f;
	padding: 0px 0px 0px 10px;
	background: url(../images/general/dot_line_subtitle.png) top left no-repeat;
}


/**********************
	MESSAGE, NOTE, HIGHTLIGHT
**********************/
.note{
	font-size: 11px;
	color:#666;
}
.content_note{
	font-style: italic;
	color:#333;
	font-size: 11px;
}

.caution{
	font-size: 11px;
	color:#960;	
}

.confirm{
	font-weight:bold;
	font-size: 14px;
	color:#09C;
}

.blankDiv{
	height: 200px;	
}

br.clearBreak{
	clear:both;
}

.hightlight_text{
	font-weight:bold;
	color: #FFF;
	padding: 3px 6px 3px 6px;
	background-color: #6fcabe;
}

/*--- BACK TO TOP ---*/
.backTop{
	width: 98%;
	height: 20px;
	margin: 5px 0px 0px 0px;
	text-align:right;
	font-weight:bold;
}
.backTop a{
	color: #C60;
}


/*--- PAGE NUMBER ---*/
#pageNum{
	margin: 10px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
}
#pageNum a{
	color: #06C;
}

/*--- YOU ARE ON LINKS ---*/
.linkTree{
	margin: 0px 0px 5px 0px;
	font-weight:bold;
	color: #000;
}
.linkTree a{
	color: #000;	
}

.page_relatedLinks, .page_relatedLinks a{
	font-size: 11px;
	font-weight:bold;
	color: #59af98;
}


/**********************
	FORM
**********************/
input, textarea, select{
	padding: 3px;
	background-color:#FFF;
	border: 1px solid #d1cfcf;	
}
input[type=area], input[type=select]{
	border-top: none;	
}
input[type=submit]{
	font-weight:bold;
	padding: 1px 3px 1px 3px;
}

/**********************
	BANNER
**********************/
.banner{
	margin: 15px 0px 5px 0px;
}
.banner a{
	margin: 5px 0px 5px 0px;
	float:left;
}

.banner_BR{
	float:right;	
}