/*
    Created by chris a. telfer
    E-Mail: dontbothertoemailme@home.com
    Date: 17/04/09
*/


/*
------------------------------------------
-----------GENERAL LAYOUT-----------------
------------------------------------------
*/

body,html {font-family: Arial, Helvetica, sans-serif;background:#cecdcd;text-align:left;}
#wrapper {  margin: 0 auto; width: 896px;}
#header {margin:0 0 0 20px; padding:5px; height:105px;width:847px;background:#FFF; }
#menu {margin:0 0 0px 20px; padding:5px; height:53px;width:847px;background:#fff;}
#top {background: url(/imagenes/top.png);background-repeat:no-repeat;margin:0; padding:0; height:33px;width:896px;}
#faux {background: url(/imagenes/middle.png);background-repeat:repeat-y;margin:0;padding:0; width:896px; position:relative }
#bottom {background: url(/imagenes/bottom.png);background-repeat:no-repeat;margin:0; padding:0; height:39px;width:896px;}


#leftcolumn {float: left; color: #333; margin: 0px 0px 15px 20px; padding: 0px; width: 590px; display: inline;
 position: relative;}
	#leftcolumn img {float:left;margin-right:10px;}
	#leftcolumn h2 {margin-bottom:10px;}
#rightcolumn {display: inline;color: #333;margin: 0px 5px 0px 5px;padding: 0px;width: 262px;float: left; }

#logo {float:left; margin-top:20px;margin-left:-5px;}
#map {float:right; margin-top: -5px;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.seperator_bar {width:581px; border-bottom: 8px solid red; margin:10px 0}

ul.event_list { margin-bottom:10px;  width: 258px}
ul.event_list li {font-size: 12px; line-height:1.2em; color:#5c5b5b;margin: 0 0 5px 18px;
list-style:square outside  url(/imagenes/icon_bullet.gif); padding:0;
}

#top_band {height:35px; width:877px; margin:0; padding:0; background:#000; position:absolute;top:-19px; left:10px;}
#colors {height:1px; width:877px; margin:0; padding:0; background:#000; position:absolute;top:16px; left:10px;
background: url(/imagenes/colors.png);background-repeat:repeat-x;}


  form.search {padding:10px 0 10px 0;position:relative;}
  form.search input.box {border: 1px solid #C3C3C3;height:18px;color:#676767;}
  form.search input.button {position:absolute; top:10px; right:10px; height:22px;}


/**seperator bars**/
.seperator { margin: 0; padding:0;border-bottom:5px solid; margin-bottom:10px} /*color controled*/

.footer_top {background:#fff; height:20px; margin:0 0 0 20px; padding: 0; width:860px; }
.footer_bar {border-top:8px solid ; margin:0 0 0 20px; padding: 0; width:860px; }
.footer_menu {text-align: right; background:#fff; height:10px; margin:0 0 0 20px; padding: 5px 0; width:860px; }
#footer_menu li {list-style:none; margin:0; padding:0 ; display:inline; text-align:right;}
.footer_menu a {font-size: 12px}

#splash_img_section {margin:0 0 20px 0; padding: 0; }

h1.error-status {font-size: 70px;color:red;}
/*
------------------------------------------
-----------HOMEPAGE LAYOUT----------------
------------------------------------------
*/

.splash_img {margin:0 0 10px 0; padding: 0; height:200px;width:579px;}
.homepage_content_cnt_l { float:left; width: 285px;padding:0; margin:0 9px 15px 0; border-bottom: 1px dotted grey;display:inline;}
.homepage_content_cnt_r { float:right; width: 285px;padding:0; margin:0 9px 15px 0; border-bottom: 1px dotted grey;display:inline;}

#summary_containers { width:265px;  margin:0 ; float: left;  padding:0;}

.link_readmore { margin-top:-5px; }

/*
------------------------------------------
-------------TYPOGRAPHY-------------------
------------------------------------------
*/

h1, h2, h3, h4 {font-family: Georgia,Arial, Helvetica, sans-serif}
h1 {margin: 0; padding:0;font-size: 23px ;color: #005689;  font-family: georgia, serif;font-weight: normal;}
h2 {font-size: 20px;font-weight:bold; margin: 0; padding: 0;}
h3 { font-size: 18px;padding:0; margin:0;}
h4 { font-size: 16px;padding:0; margin:0;font-weight:bold;}
p { margin: 0 10px 10px 0; line-height:1.2em; color:#5c5b5b; font-size:12px;}

a:link {color: #005689;text-decoration: none; }
a:visited {color: #005689; text-decoration:none;}
a:hover {text-decoration: underline; color:#005689;}
a:active { text-decoration: none;color:#005689; }


p.legal {color:#000; padding:0; margin:0px;text-align:right;font-size:10px;}

.h1_quickpick {color: #000; }
.h1_advertisers {color: #000; }
h2.home {padding:5px; }
/*override tiny_mce*/
em {font-style: normal; }

h4.category_title {font-size: 11px; font-weight:normal;}
h1.section_title {font-size: 40px; border-top: 1px solid #FF55D4; border-bottom: 1px solid #FF55D4;
   padding: 10px 0; margin-bottom:10px; width:580px;}
h1.title_normal_blk{font-size: 35px; color:#000; margin: 0 0 10px 0; }

/* Colors */
.pink {color: #FF55D4;}
.blue {color: #FF55D4;}
.green {color: #FF55D4;}
.orange {color: #FF55D4;}
.black {color: #000;}
.purple {color: #FF55D4;}
.gray {color: #9C9D9F;}


/*
------------------------------------------
-------------MAIN MENU--------------------
------------------------------------------
*/
#menu_homepage {margin: 0px 0 0 10px; padding:0;padding-top:10px; height:45px;background:#FFF;width: 800px;}
#menu {margin: 0px 0 0 10px; padding:0;padding-top:10px; height:65px;}
#nav {margin: 0;padding: 0;      list-style: none;   display: inline;   overflow: hidden;   }
#nav li {margin: 0;padding: 0; list-style: none; display: inline; }
#nav a { float: left; padding: 33px 0 0 0; overflow: hidden; height: 0 !important; height /**/:33px; /* for IE5/Win only */ }
#nav a:hover { background-position: 0 -33px; }
#nav a:active, #nav a.selected { background-position: 0 -54px; }
#tab_inicio a  { width: 59px; background: url(/imagenes/tab_inicio.png) top left no-repeat; }
#tab_quiensomos a  { width: 150px; background: url(/imagenes/tab_quiensomos.png) top left no-repeat; }
#tab_noticias a  { width: 80px; background: url(/imagenes/tab_noticias.png) top left no-repeat; }
#tab_agenda a  { width: 80px; background: url(/imagenes/tab_agenda.png) top left no-repeat; }
#tab_educacion a  { width: 105px; background: url(/imagenes/tab_educacion.png) top left no-repeat; }
#tab_eventos a  { width: 90px; background: url(/imagenes/tab_eventos.png) top left no-repeat; }
#tab_enlaces a  { width: 85px; background: url(/imagenes/tab_enlaces.png) top left no-repeat; }
#tab_contacto a  { width: 100px; background: url(/imagenes/tab_contacto.png) top left no-repeat; }
#tab_foro a  { width: 80px; background: url(/imagenes/tab_foro.png) top left no-repeat; }

/** MINI MENU **/
#mini_menu { font-size:12px;color:#fff;text-align:right;margin: 9px 5px 0 0; }
#mini_menu a{ color:#fff; font-weight:normal;}


/*
------------------------------------------
-------------ARTICLE SECTION--------------
------------------------------------------
*/

.title_block { padding: 10px 0; border-top: 1px solid black; border-bottom: 1px solid black; width: 577px;
 margin:1px 0 20px 0;}
.title_block h1 { font-size: 25px; }
.title_block h2 { font-size: 18px; }
.title_block p.summary_text { font-size: 11px; }

.article_content_intro_right { float:right; width: 285px;padding:0 0 5px 0; margin:0 9px 15px 0;display:inline;}
.article_content_intro_right h4 {font-size: 11px; font-weight:bold;margin:0;padding:0;}
.article_content_intro_right img, .article_content_intro p{margin:0;padding:0;}
.article_content_intro_right p{line-height: 1.25;padding-bottom: 5px;}

.article_content_intro_left { float:left; width: 285px;padding:0 0 5px 0; margin:0 9px 15px 0;display:inline;}
.article_content_intro_left h4 {font-size: 11px; font-weight:bold;margin:0;padding:0;}
.article_content_intro_left img, .article_content_intro p{margin:0;padding:0;}
.article_content_intro_left p{line-height: 1.25;padding-bottom: 5px;}

.art_summary{ border-bottom:1px dotted gray;margin-bottom:5px;padding-bottom:2px;}
.art_section_name { margin-bottom: 7px; }
.art_section_name span.section { color: #fff ; background:#000; width:50px;padding:1px;font-variant: small-caps;font-size:11px}
.art_section_name span.pub_date { color: gray ; padding:2px;font-variant: small-caps;font-size:10px}
.art_section_name span.purple {background:#8A4CA1;}
.art_section_name span.blue {background:#005DA3;}

/** Directory section**/
.directory table { margin-bottom: 15px; font-size:14px;}
 .letterNav{float: left;  margin: 10px 0 14px 0;  padding: 0 0 0 5px;}
 .letterNav ul{  float: left;  margin: 0;  padding: 0;  list-style: none;  width: 570px;}
 .letterNav ul li{  float: left;  margin: 0 5px 5px 0;  padding: 0;  text-align: center;  }
 .letterNav ul li a{  float: left;  margin: 0;  padding: 0;  color: #fff;  font-size: 15px;  font-weight: normal;
  width: 22px;  height: 21px;  line-height: 150%;  text-decoration: none;
  background: url(/imagenes/letter_back_off.gif) no-repeat center center;}
 .letterNav ul li a:hover{  background: url(/imagenes/letter_back_over.gif) no-repeat center center;}
 .letterNav a:link,  .letterNav a:visited,  .letterNav a:hover,  .letterNav a:active { color: #fff; }
  h2.directory_title {border-bottom: none; color: red; font-size:45px;}



/* Contact form
-------------------------------------------------------------- */
ul#contact_form li{margin-top:10px; font-weight:normal;}
ul#contact_form label {margin-bottom:15px;line-height:1.4;}
#contact_form textarea,#contact_form input {border:1px solid #B6B5B5; }
#contact_form textarea{width:350px;}
#contact_form input {height:25px; font-size:18px; width:350px;}
li#send_button input{ width:70px; font-weight:normal;height:30px;background:#74924A; color:#fff;}
#form {margin-top: 100px; height:200px; width:100%; font-size:18px;}
#contact_details {position:absolute; top:220px; right:10px;}

/* Login Page
-------------------------------------------------------------- */
.ign_login {margin:50px auto 0 auto; width:200px;}