/* basic style sheet for www.soche.cl site ===================================*/

/*============================================================================*/
body {
	color : black;
	background : #d0d0cb;
	width : 900px;
	margin : 0 auto;
	font-family : sans-serif, verdana, arial;
	font-size : 75%;
	color: black;
}

a {
	text-decoration : none;
	color : #27849a;
}

a:hover {
	border-bottom : 1px dotted;
}

a img, a:hover img {
	border : 0 none;
}

img {
	vertical-align : middle;
}

h2, h2 a {
	color : #3465a4;
	margin-top : 1em;
	margin-bottom : 0.1em;
}

h3, h3 a {
	color : #3465a4;
	margin-top : 1em;
	margin-bottom : 0.1em;
}

h4 {
	margin-bottom : 0.1em;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	border-bottom : none;
}

q {
	font-style : italic;
	color : gray;
}

p {
	margin-top : 0em;
	margin-bottom : 0.7em;
	vertical-align : middle;
}

/* This is the only non-compliance, but it is needed */
p:last-child {
	margin-bottom : 0em;
}

pre {
	background : #797b76;
	color : #fff;
	padding : 0.5em;
	margin-bottom : 1em;
}

#container {
    background : #fff;
}

/*============================================================================*/
#header {
    background : #a6a6a6;
    height : 120px;     /* fixed height */
    text-align: center;
}

#header img {
    padding-top: 10px;  /* fixed height */
}

#header h1 {
    display : none;
}

/*============================================================================*/
#menu {
    background : #91c05a;
    color : #fff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align : center;
}

#menu a {
    color : #000;
}

#menu table {
    margin-left : auto;
    margin-right : auto;
}

#menu td {
    padding-left : 1em;
    padding-right : 1em;
}

.current {
    font-weight : bold;
}

/*============================================================================*/
#content {
    padding : 1em 3.5em 2.5em 3.5em;
    line-height : 150%;
}

#content a {
    line-height : 150%;
    font-weight : bold;
}

#content td {
	font-family : verdana, sans-serif, arial;
	color : inherit;
}

#content td.contentspanel {
	border : 0px;
	vertical-align : top;
	width : 77%;
	padding : 0em 2em 1em 1em;
}

#columns {
    clear : both;
    margin-top : 2em;
}

#news {
    float : left;
    width : 48%;
}

#news h2, #events h2 {
    margin-top : 0em;
}

#events {
    margin-left : 48%;
    padding-left : 2em;
}

p.news-title, p.events-title {
    margin : 0em;
    font-weight : bold;
}

p.news-date, p.events-date {
    margin : 0em;
    font-size : 90%;
    color : #888a85;
}

p.news-desc, p.events-desc {
    margin : 0em;
}

p.news-link, p.events-link {
    margin : 0em;
    padding-bottom : 1em;
}

p.news-title, p.events-title h3 {
    margin : 0em;
}

table tr.odd {
    background : #e4e4e1;
}

/*============================================================================*/
#content td.navbar {
	display: inline;
	vertical-align : top;
	width: 19%;
	padding: 0em;
}

.navpanel {
	background-color : white;
	border : 1px solid #9c9c9c;
	width: 98%;
}

.navpanel h1 {
	margin : 0;
	padding : 0.2em 1em;
	text-align : center;
	border : none;
	border-top : 1px solid white;
	border-bottom : 1px solid #bfae8f;
	font-size : 1em;
	color : black;
	background : #d0d0cb; /*#e5e5e5;*/
}

.navpanel ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.navpanel li {
	margin: 0;
	padding:2px 10px;
	background: white;
}

.navpanel a {
	text-decoration: none;
}

/*============================================================================*/
#footer {
    clear : both;
    padding : 0.5em;
    background : #91c05a;
    color : #000;
    text-align : center;
}

/* EOF =======================================================================*/