/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
img {vertical-align:bottom;}
a img { border:none } /* Gets rid of IE's blue borders */

html {overflow-y: scroll;}

a {color:#23378D;text-decoration:none;}
a:hover {text-decoration:underline;}

.clearfix:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix{
 display: inline-table;
 min-height: 1%;
 overflow:hidden;
}
/*Hides from MacIE \*/
* html .clearfix{zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
.clearfix{display: block;}
/*Hides from MacIE */


/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt02 { margin-top:  2px !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt120 { margin-top: 120px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl08 { padding-left:  8px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

/* ---------------------------------------------
	float
--------------------------------------------- */

.left {float:left;}
.right {float:right;}


/* ---------------------------------------------
	Font Color
--------------------------------------------- */
.BoldFont {color:#584B38; font-size:16px; font-weight: bold; letter-spacing:3px;}
.OrangeColor {color:#FF9900; font-size:15px; font-weight: bold; letter-spacing:5px;}
.PinkColor {color:#FF7F7F; font-size:15px; font-weight: bold; letter-spacing:5px;}
.LeafColor {color:#AEE45B; font-size:15px; font-weight: bold; letter-spacing:5px;}
.CourseTitle {font-size:15px; font-weight: bold; letter-spacing:1px;}


/* ---------------------------------------------
	width.height
--------------------------------------------- */
.wd220 { width:220px;}
.wd540 { width:540px;}

.hg10 { height:10px;}
.hg110 { height:110px;}

/* ---------------------------------------------
	center.bgcolor.font-color.font-size
--------------------------------------------- */

.center { text-align:center; }

.bg_purple { background-color:#E9D2E9;}
.bg_white { background-color:#FFF;}
.bg_lime { background-color:#E0EDDB;}