/************************************************************************************************	

CSS REFERENCE
------------------
1: TEMPLATE

2: HEADER
	2.1: Logo
	2.2: contact
	2.3: menu
	
3: DIVISIONS, SPLITS & PADDINGS
	3.1: divisions
	3.2: splits
	
4: MISCELLEANOUS
	6.1: content
	6.2: floats

5: FOOTER
	
*/

/************************************************************************************************/
/*1: TEMPLATE*/
/************************************************************************************************/
*{margin:0; padding:0; font-family:Arial;}
img{border:0px;}
br.clear{clear:both; font-size:0px;}
div.clear{clear:both; font-size:0px;}
ul{list-style:none;}
body{background:#bed730 url(../images/body.gif) repeat-x top left; padding:0px 0px 20px 0px; }

/************************************************************************************************/
/*2: HEADER*/
/************************************************************************************************/
#container{width:922px; margin:0px auto 0px auto; }
#header{width:922px; height:235px; background:url(../images/header.gif) no-repeat top left; position:relative; }

/*logo*/
#header h1 a{width:228px; height:118px; top:30px; left:0px; text-indent:-4000px; display:block; overflow:hidden; position:absolute; background:url(../images/logo.gif) no-repeat top left; }

/*contact*/
#header h2{top:15px; right:0px; position:absolute; color:#d60080; font-size:16px; }

/* website menu */
#header #websites{float:right; padding:0px; margin:60px 0px 0px 0px; width:171px; height:58px; }
#headeR #websites img{border:none; display:inline; }

/*menu*/
#header ul.menu{}
#header ul.menu li{float:left; margin:0px 10px 0px 0px; }
#header ul.menu li a{padding:5px; display:block; border:2px solid #8fb63e; background:#ffffff; color:#8fb73e; font-size:12px; text-decoration:none; font-weight:bold; }
#header ul.menu li a:hover{background:#8fb63e; color:#FFFFFF; }
#header ul.menu li a.current{border:2px solid #d6007f; background:#ffffff; color:#d6007f; }
#header ul.menu.m_left{left:0px; top:172px; position:absolute; }
#header ul.menu.m_right{right:0px; top:172px; position:absolute;}
#header ul.menu.m_right li a{border:2px solid #8fb63e; background:#ffffff; color:#8fb63e; }
#header ul.menu.m_right li a:hover{border:2px solid #8fb63e; background:#8fb63e; color:#ffffff; }
#header ul.menu.m_right li a.current{border:2px solid #d6007f; background:#ffffff; color:#d6007f; }
#header ul.menu.m_right li a:hover.current{background:#8fb63e; color:#ffffff; }

/************************************************************************************************/
/*3: DIVISIONS, SPLITS & PADDINGS*/
/************************************************************************************************/
/*division*/
#division{}
#division.d1{padding:30px 0px 0px 105px; background:url(../images/division_d1.gif) repeat-y top left; }

/*splits*/
.split{}
.split.s1{}
.split.s1 .left{width:521px; margin:0px 42px 0px 0px; float:left; position:relative; display:inline;}
.split.s1 .right{width:197px; float:left; position:relative;}

/*submenu*/
ul.submenu{padding:0 0 20px 20px; overflow:ellipse;}
ul.submenu li a{font-size:16px; text-transform:uppercase; color:#8fb63e; text-decoration:none; font-weight:bold; line-height:26px;}
ul.submenu li a:hover{color:#d6007f;}


/************************************************************************************************/
/*4: MISCELLEANOUS*/
/************************************************************************************************/
table{ border-collapse:collapse;}

/*content*/
#division h2{color:#d60080; font-size:17px; border-bottom:2px solid #d60080; padding:0px 0px 20px 0px; margin:0px 0px 20px 0px; text-transform:uppercase; }
#division p{font-size:13px; color:#231f20; margin-bottom:12px; line-height: 1.6em;}
#division p strong{font-size:14px;}
#division p a{color:#D6007F; text-decoration:none; font-weight:bold; }
#division p a:hover { text-decoration:underline; }
#division .left ul { list-style-type: disc; font-size: 13px; margin-left: 20px; margin-bottom: 10px; line-height: 1.6em;}
/*mentor*/
#division div.mentor
{
	display: block;
	float: left;
	width: 150px;
	height: 245px;
	margin-right: 10px;
	font-size: 13px;
	color: #231f20;
	overflow: hidden;
}

#division div.mentor a
{
	color: #000;
}

/*floats*/
.float_right{float:right;}

.strong { font-weight:bold; }
#division p.redText { color:#FF0000; }

/************************************************************************************************/
/*5: FOOTER*/
/************************************************************************************************/
#footer{width:922px; height:23px; background:url(../images/footer.gif) no-repeat top left; }