

/*------------------------------------------------------------*
**  BODY
**------------------------------------------------------------*/	
body{
	margin:0px 0px 0px 0px;
	background-image:url(/common/imgs/bg_body.png);
	background-repeat:repeat;
	font-family:"Trebuchet MS";
}

/*------------------------------------------------------------*
**  PAGEBODY
**------------------------------------------------------------*/	
#pageBody{
	margin:0 auto;
	width:800px;
	text-align:left;
	background-image:url(/common/imgs/bg_page.png);
}
/*------------------------------------------------------------*
**  top
**------------------------------------------------------------*/	
#top {
	width:800px;
	height:45px;
	margin:0px 0px 0px 0px;
	background-image:url(/common/imgs/bg_top.png);
}

/*------------------------------------------------------------*
**  MENU
**------------------------------------------------------------*/	
#menu_body {
	width:800px;
	height:18px;
	margin:0px 0px 0px 0px;
}

#leftmenu_content {
	margin:0px 30px 0px 75px;
	padding:2px 0px 0px 0px;
	float:left;
}

#leftmenu_content a {
	display:block;
	height:14px;
	padding:0px 10px 0px 10px;
	line-height:14px;
	float:left;
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

#leftmenu_content a img{
	text-decoration:none;
	border-width:0px;
	margin:0px 3px 0px 3px;
	vertical-align:middle;
}

#leftmenu_content a:hover {
	display:block;
	height:14px;
	line-height:14px;
	padding:0px 10px 0px 10px;
	float:left;
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#006699;
	text-decoration:none;
}

#rightmenu_content {
	margin:0px 45px 0px 20px;
	float:right;
	display:inline;
}

#rightmenu_content a {
	display:block;
	height:16px;
	padding:0px 10px 0px 10px;
	float:left;
	border-bottom:2px solid #CCCCCC;
	font-family:"Trebuchet MS";
	font-weight:bold;
	font-size:12px;
	color:#006699;
	text-decoration:none;
}

#rightmenu_content a:hover {
	display:block;
	height:16px;
	padding:0px 10px 0px 10px;
	float:left;
	border-bottom:2px solid #006699;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
}

/*------------------------------------------------------------*
**  HEADER
**------------------------------------------------------------*/	
#header {
	width:800px;
	margin:0px 0px 0px 0px;
}

#header_content {
	width:740px;
	height:150px;
	margin:0px 30px 0px 30px;
	background-image:url(/common/imgs/header.png);
}

/*------------------------------------------------------------*
**  NAVBAR
**------------------------------------------------------------*/	
#navbar_home{
	width:800px;
	margin:0px 0px 0px 0px;
}

#navbar{
	width:800px;
	margin:0px 0px 0px 0px;
}

#navbar_content{
	width:728px;
	height:15px;
	margin:0px 36px 0px 36px;
	background-image:url(/common/imgs/bg_navbar.png);
	font-family:"Trebuchet MS";
	font-size:10px;
	font-weight:normal;
	color:#006699;
	text-indent:5px;
}

#navbar_content a{
	font-family:"Trebuchet MS";
	font-size:10px;
	font-weight:normal;
	color:#006699;
	text-decoration:none;
}

#navbar_content a:hover{
	font-family:"Trebuchet MS";
	font-size:10px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}

/*------------------------------------------------------------*
**  BODY_CONTENT
**------------------------------------------------------------*/
#body_content {
	width:800px;
	margin:0px 0px 0px 0px;
}

/*------------------------------------------------------------*
**  BODY_CONTENT - 1 COLUMN
**------------------------------------------------------------*/
#body_content_1col {
	width:760px;
	margin:0px 0px 0px 20px;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN
**------------------------------------------------------------*/
#left_column {
	width:220px;
	margin:3px 2px 0px 36px;
	float:left;
	display:inline;
	text-decoration:none;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BOX_COLUMN
**------------------------------------------------------------*/
#box_column {
	width:220px;
	background-image:url(/common/imgs/bg_box.png);
	background-repeat:repeat;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

#box_column_content {
	width:200px;
	margin:5px 10px 10px 10px;
}

#box_column_content_menu {
	width:200px;
	margin:5px 10px 10px 10px;
}

#box_title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#006699;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}

#box_title strong{
	color:#666666;
	font-weight:bold;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BOX_COLUMN --> STRONG --> A HREF
**------------------------------------------------------------*/
#box_column strong a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
	display:block;
	margin:5px 0px 0px 0px;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BOX_COLUMN --> A_HREF
**------------------------------------------------------------*/
#box_column a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
	margin:5px 0px 0px 0px;
	display:block;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BOX_COLUMN --> A_HREF:HOVER
**------------------------------------------------------------*/
#box_column a:hover {
	color:#333333;
	text-decoration:none;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BOX_COLUMN_CONTENT_MENU --> A_HREF
**------------------------------------------------------------*/
#box_column_content_menu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
	margin:5px 0px 0px 0px;
	display:block;
	line-height:15px;
	text-indent:5px;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BOX_COLUMN_CONTENT_MENU --> A_HREF:HOVER
**------------------------------------------------------------*/
#box_column_content_menu a:hover {
	color:#333333;
	text-decoration:none;
	background-color:#FFFFFF;
	text-indent:10px;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> LEFT_COLUMN --> BANNER
**------------------------------------------------------------*/
#banner img{
	margin:5px 0px 0px 0px;
	text-decoration:none;
	border-width:0px;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> CONTENT
**------------------------------------------------------------*/
#content {
	width:505px;
	margin:3px 2px 0px 2px;
	float:left;
	display:inline;
}

#content h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	font-weight:bold;
	margin:10px 10px 10px 30px;
	float:left;
	display:inline;
	text-align:left ;
}

#content h2 strong{
	color:006699;
	font-weight:bold;
}

#content p{
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin:10px 10px 0px 30px;
	width: 80% ;
}
#content table {
        width: 90% ;
}
#content table, td, th {
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin:10px 10px 0px 30px;
}
 

#content p a{
	text-decoration:none;
	color:#006699;
}

#content p a:hover{
	text-decoration:none;
	color:#333333;
}

#content hr{
	clear:both;
	text-align:left;
	margin:10px 20px 0px 20px;
	height:1px;
	width:92% ;
}

#content h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006699;
	font-weight:bold;
	margin:10px 10px 10px 30px;
	float:left;
	clear:left;
	display:inline;
}

#content h3 a{
	text-decoration:none;
	color:#006699;
}

#content h3 a:hover{
	text-decoration:none;
	color:#666666;
}

#content h4{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#666666;
        font-weight:bold;
        margin:10px 10px 10px 30px;
        float:left;
        clear:left;
}

#content h4 a{
        text-decoration:none;
        color:#666666;
}

#content h4 a:hover{
        text-decoration:none;
        color:#666666;
}

#content ul{
	list-style-image: url("/common/imgs/bluedot.png");
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin:0px 10px 0px 30px;
	width:87%
}

#content li {
	clear:left;
	float:left;
	margin:0px 10px 0px 0px;
	width:100%
}

#content li a{
	text-decoration:none;
	color:#006699;
}

#content li a:hover{
	text-decoration:none;
	color:#333333;
}


/*------------------------------------------------------------*
**  BODY_CONTENT --> CONTENT --> WHATDOWEDO_BOX
**------------------------------------------------------------*/
#whatdowedo_box {
	height:171px;
	border:1px solid #999999;
	background-image:url(/common/imgs/bg_box.png);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin:0px 0px 0px 0px;
}

#whatdowedo_box_content {
	height:165px;
	margin:3px 3px 3px 3px;
	background-image:url(/common/imgs/bg_whatdowedo.png);
	background-repeat:no-repeat;
}

#whatdowedo_box_title{
	width:350px;
	height:25px;
	background-color:#FFFFFF;
	margin:15px 0px 0px 150px;
	float:left;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	font-weight:bold;
	text-indent:15px;
}

#whatdowedo_box_title strong{
	color:#006699;
}

#whatdowedo_box_text{
	width:260px;
	margin:5px 0px 0px 230px;
	float:left;
	clear:left;
	display:inline;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}

#whatdowedo_box_text strong{
	color:#006699;
	font-weight:normal;
}

#whatdowedo_box_text2{
	width:200px;
	margin:5px 0px 0px 260px;
	float:left;
	display:inline;
	clear:left;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#whatdowedo_box_text2 strong{
	color:#006699;
	font-weight:bold;
}

#whatdowedo_box_content a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;
	margin:5px 0px 10px 0px;
	display:block;
	width:100px;
	clear:left;
	float:left;
	display:inline;
	margin:0px 0px 0px 380px;
}

#whatdowedo_box_content a:hover{
	color:#666666;
	text-decoration:none;
}

/*------------------------------------------------------------*
**  BODY_CONTENT --> CONTENT --> COURSES_BOX
**------------------------------------------------------------*/
#courses_box {
	height:206px;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin:2px 0px 0px 0px;
}

#courses_box_content {
	height:125px;
	margin:3px 3px 3px 3px;
	background-image:url(/common/imgs/bg_courses.png);
	background-repeat:no-repeat;
	background-position:right;
}

#courses_box_title a{
	width:350px;
	height:25px;
	margin:2px 0px 5px 0px;
	float:left;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#666666;
	font-weight:bold;
	text-indent:10px;
	text-decoration:none;
}

#courses_box_title a strong{
	color:#006699;
	text-decoration:none;
}

#courses_box_title a:hover{
	color:#006699;
}

#courses_box_title a:hover strong{
	color:#666666;
}

#courses{
	width:345px;
	margin:0px 0px 0px 5px;
	float:left;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	font-weight:normal;
}

#courses a{
	font-size:9px;
	color:#006699;
	font-weight:normal;
	text-decoration:none;
}

#courses a:hover{
	color:#999999;
}

#courses strong{
	font-size:10px;
	color:#666666;
	font-weight:bold;
}

#courses strong a{
	font-size:10px;
	color:#006699;
	font-weight:bold;
	text-decoration:none;
}

#courses strong a:hover{
	color:#999999;
}

/*------------------------------------------------------------*
**  FOOTER
**------------------------------------------------------------*/
#footer {
	clear:left;
	width:800px;
	height:50px;
	margin:0px 0px 0px 0px;
	background-image:url(/common/imgs/bg_footer.png);
}

#footer_content{
	width:728px;
	height:15px;
	padding:5px 0px 0px 0px;
	margin:0px 36px 0px 36px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#006699;
	text-align:center;
}

#footer_content a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}

#footer_content a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
}

