@import url(form.css);

html { margin: 0; padding: 0; background: url('../images/bg_html.gif') top left repeat; }

body
{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
	width: 920px;
	margin: 0 auto 20px auto;
	padding: 0 10px 20px 10px;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 { color: #666; font-weight: bold; text-align: left; }
h1 { font-size: 20px; }
h2 { font-size: 16px; }
h3, h4, h5, h6 { font-size: 14px; }
h3 { border-bottom: 1px solid; }

h1 strong, h2 strong, h3 strong, h4 strong
{ color: #54B6F3; }

a, a:link, a:visited { color: #333; text-decoration: underline; }
a:hover { color: #54B6F3; text-decoration: none; }

.clearfix { clear: both; }
a img { border: none; }


ul li ul { list-style-type: none; margin-left: 0px; padding-left: 0px; }

/****** START header ******/

#header_wrapper { height: 150px; }

#logo 
{
    float: left;
	margin: 15px 0 0 0;
}

#banner_header
{
	float: right;
	margin-top: 35px;
}

#nav
{
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -260px;
	width: 518px;
}

.nav_option
{
	float: left;
	width: 80px;
	margin-right: 5px;
	border: 1px solid #9A9C9F;
	background: url('../images/bg_html.gif') top left repeat;
}
.nav_option:hover { background: url('../images/bg_nav_hover.gif') top left repeat; border: 1px solid #56B6F2; }

.nav_option_end { margin-right: 0; }
.nav_option a img { margin: 10px 0 0 17px; }
.nav_option p
{
	clear: both;
	text-align: center;
	margin: 3px 0 10px 0;
}
.nav_option p a { font-weight: bold; }

/****** END header ******/

/****** START index ******/

#content_wrapper { margin: 0 auto 40px auto; }

#main_col { margin: 0 200px 0 200px; padding-top: 110px; }
#main_col img { margin-bottom: 15px; }

#col_1, #col_2
{
	position: absolute;
	top: 150px;
	left: 50%;
	width: 180px;
}
#col_1 { margin-left: -460px; }
#col_2 { margin-left: 278px; }

#col_2 p { margin: 0 10px 10px 10px; text-align: left; }

#col_1 h2, #col_2 h2
{
	display: block;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 3px 3px 5px 8px;
	background-color: #9A9C9F;
	color: #fff;
}
#col_1 ul li { margin: 0 0 7px 0; }
#col_1 ul{ *margin-left: 0; }
#col_1 li, #col_2 li { list-style: none; }

#site_navigation, #our_newsletter, #google_adsense_ads, #articles, #poll, #subject_links, #directory, #jobs, #add_to_directory, #quote
{ border: 1px solid #9A9C9F; margin-bottom: 15px; text-align: left; }

#amazon_search { margin-bottom: 15px; }

#site_navigation ul, #articles ul { padding: 0 10px 10px 10px; }

#subject_links ul { padding-left: 10px; *padding-left: 0; *margin-left: 10px; }
#subject_links ul li { line-height: 20px; }

#col_1 #directory p, #col_1 #jobs p { margin-left: 10px; }
#directory img, #jobs img, #add_to_directory img { float: left; margin: 0 0 10px 10px; border: 1px solid #bae4fe; }
#directory p, #jobs p, #add_to_directory p { float: left; }

#add_to_directory p { margin: 0 0 15px 10px; }

#quote p { margin-left: 10px; }

#google_adsense_ads div { padding: 0 10px 10px 25px; }

#google_adsense_links_top { padding-bottom: 15px; }
#google_adsense_links_bottom { padding-top: 30px; }

#ads { margin-bottom: 15px; }

/****** END index ******/

/****** START footer ******/

#footer_wrapper
{
	clear: both;
	margin: 30px auto;
	padding: 10px 0;
	*padding-top: 20px;
	border-top: 1px solid #9A9C9F;
}
#footer_wrapper p { font-size: 11px; }

span#footer_left { float: left; width: 49%; }
span#footer_right { float: right; width: 49%; text-align: right; }

/****** END footer ******/


/****** START emarketing_overview page ******/

#table_emarketing_overview { margin: 15px 0; }
#table_emarketing_overview tr td { *padding-bottom: 24px; }

#table_emarketing_overview h3, #table_emarketing_overview div
{ margin: 0 0 0 10px; }

#table_emarketing_overview h3 a { text-decoration: none; }
#table_emarketing_overview h3 a:hover { text-decoration: underline; }

/****** END emarketing_overview page ******/

/****** START sitemap page ******/

#sitemap ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sitemap ul li ul
{
	margin: 10px 0 20px 40px;
	list-style: circle;
}

#sitemap a.li_main 
{ 
	display: block;
	height: 20px;
	margin: 2px 0;
	background-color: #acadad;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px 2px 10px;
	font-size: 14px;
	text-decoration: none;
}
#sitemap a.li_main:hover { text-decoration: underline; background-color: #54B6F3; }

/****** END sitemap page ******/

/****** START articles page ******/

#articles { font-size: 11px; padding-bottom: 20px; }
#articles div { padding: 0 10px; }

#articles ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#articles p { margin-bottom: 0; padding-bottom: 0; }

/****** END articles page ******/

/****** START polls page ******/

.poll_category
{
	width: 45%;
	border: 1px solid #54B6F3;
	background: url('../images/bg_html.gif') top left repeat;
	padding: 10px;
}
.poll_category_left { float: left; }
.poll_category_right { float: right; }

p.category
{
	margin: 0 0 15px;
	padding: 5px 0 5px 10px;
	display: block;
	background-color: #54B6F3;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.poll_item
{
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #9A9C9F;
}
span#poll_title
{
	font-size: 13px;
}

td.poll_td_option
{
	font-size: 11px;
	padding-right: 20px;
}
td.poll_td_result
{
	font-size: 11px;
	text-align: right;
}

/****** START polls page ******/

/****** START extras ******/

.articles_links
{
	margin: 15px 0 0 0;
	padding: 5px 10px; 
	border: 1px solid #54B6F3;
	background: url('../images/bg_html.gif') top left repeat;
}
.articles_links:hover 
{ 
	background: url('../images/bg_nav_hover.gif') top left repeat; 
	border: 1px solid #56B6F2; 
}

.articles_links a { color: #333; text-decoration: none; }
.articles_links a:hover { text-decoration: underline; }

/****** END extras ******/

/****** START directory pages ******/

#directory_category_list { font-size: 14px; }
#directory_category_list ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 30px;
}
#directory_category_list ul li:hover { background-color: #f7f7f7; }

#directory_category_list a { text-decoration: none; font-weight: bold; color: #777; }
#directory_category_list a:hover { text-decoration: underline; color: #54B6F3; }

.directory_left, .directory_right 
{
	width: 230px;
	padding: 10px;
	background-color: #F1F1F1;
}
.directory_left { float: left; }
.directory_right { float: right; }

.directory_sections
{ border: 1px solid #54B6F3; margin: 15px 0; text-align: left; background-color: #f7f7f7; }

.directory_sections h2
{
	display: block;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 3px 3px 5px 8px;
	background-color: #54B6F3;
	color: #fff;
}

.sponsor
{
	float: left;
	width: 107px;
	margin-bottom: 10px;
	padding: 5px;
}
.sponsor1, .sponsor4 { margin: 0 10px; }
.sponsor2 { margin-right: 10px; }

.sponsor h4, .sponsor h4 strong
{
	color: #333;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.sponsor p
{
	margin: -14px 0 0 0;
	padding: 0;
	font-size: 11px;
}

.sponsor img
{
	margin: 0;
	padding: 0;
	border: 1px solid #9A9C9F;
}
.sponsor img:hover { border: 1px solid #bae4fe; }

#directory_listing_wrapper { margin: 30px 0; }

.directory_listing { margin-bottom: 25px; }
.directory_listing h4 { margin: 0; padding: 0; border-bottom: 1px solid #9A9C9F; }
.directory_listing h4 a { font-size: 14px; color: #333; text-decoration: none; }
.directory_listing h4 a:hover { color: #333; text-decoration: underline; }

.directory_listing table { margin-top: 10px; }
.directory_listing img { border: 1px solid #9A9C9F; }
.directory_listing img:hover { border: 1px solid #bae4fe; }

.directory_listing p { margin: 0; padding: 0; font-size: 11px; }

/****** END directory pages ******/

/****** START directory pages ******/

.books { margin: 20px 0; }
.books tr td { text-align: center; padding-bottom: 20px; }
.books img { border: 8px solid #BAE4FE; }
.books img:hover { border: 8px solid #d8d8d9; }

/****** END directory pages ******/

/****** START courses pages ******/

ul.courses { margin: 0; padding: 0; list-style-type: none; }
ul.courses li 
{ 
	line-height: 26px; 
	display: block;
	padding-left: 10px;
	font-weight: 14px;
}
ul.courses li:hover { background-color: #e6e6e6; }

/****** END courses pages ******/

/****** START e-consultancy job feed ******/

A.newsLink, A.newsLinkAlt 
{ 
	display: block;
	background-color: #9A9C9F;
	color: #fff;
	font-weight: bold;
	height: 21px;
	padding: 4px 0 0 10px;
	text-decoration: none;
}
A.newsLink:hover, A.newsLinkAlt:hover { text-decoration: underline; color: #fff; }

P.news, P.newsAlt 
{ 
	border: 1px solid #9A9C9F; 
	padding: 10px;
}
	
/****** END e-consultancy job feed ******/