/*
    Document   : news
    Created on : 2011-7-7, 16:14:04
    Author     : ICYGEN
    Description:
        News page styles
*/

div#page .col1 {
    float: left;
    width: 224px;
    padding-left: 2px;
}
div#page .col2 {
    float: left;
    width: 470px;
    margin-left: 20px;
}
div#page .col3 {
    float: left;
    width: 250px;
    margin-left: 20px;
}
div#page .col3 .contacts {
	margin-top: 6px;
    margin-bottom: 6px;
    position:relative;
}
div#page .col3 .contacts .title {
    font-family: Georgia, Verdana, Arial, sans;
    color: #fff;
    font-size: 1.4em;
    font-style: italic;
    margin-bottom: 3px;
}
div#page .col3 .contacts .text {
    color: #fff;
    font-size: 0.9em;
    margin: 28px 0px 6px 0px;
}
div#page .col2 .title-2 select {
    border: 1px solid #DBDBDB;
    background-color: white;
    color: #B5B5B5;
}
div#page .col2 .separator {
    background: url( ../images/separator-3.gif ) center left repeat-x;
    line-height: 30px;
}
div#page .col2 .row {
    background: url( ../images/separator-3.gif ) bottom left repeat-x;
    padding: 10px 0px;
}
div#page .col2 .even {
    background-color: #F7F7F7;
}
div#page .col2 .row .date {
    color: #828282;
    font-size: 0.9em;
    margin-bottom: 10px;
}
div#page .col2 .row .text {
    color: #568b33;
}
div#page .col2 .row img.left {
    margin-right: 20px;
}
div#page .col2 .row .butt-1 {
    margin-top: 5px;
}
div#page .col2 .marg {
    margin-right: 15px;
}

div#page .col3 .banner {
    margin-bottom: 6px;
}
div#page .col3 .calendar {
    margin-bottom: 6px;
}
div#page .col3 .calendar .title {
    font-family: Georgia, Verdana, Arial, sans;
    color: #fff;
    font-size: 1.4em;
    font-style: italic;
    margin-bottom: 3px;
}
div#page .col3 .calendar .text {
    color: #fff;
    font-size: 0.9em;
    margin: 28px 0px 6px 0px;
}
div#page .col3 .calendar .text a{
    color: #fff !important;
}
div#page .col3 .cform .title {
    font-family: Georgia, Verdana, Arial, sans;
    color: #568b33;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 5px;
}
div#page .col3 .cform .inp, div#page .col3 .cform textarea {
    color: #9B9B9B;
    font-size: 0.8em;
    padding: 2px 6px;
    margin-bottom: 3px;
    width: 210px;
    border: 1px solid #DBDBDB;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}
div#page .col3 .cform textarea {
    height: 60px;
}
div#page .col3 .cform .scode {
    font-size: 0.9em;
    margin-bottom: 5px;
}

div#comments {
    clear: both;
    padding-top: 10px;
}
div#comments .title {
    font-family: Georgia, Verdana, Arial, sans;
    color: #F7F7F7;
    background-color: #568b33;
    padding: 6px 10px;
    font-style: italic;
    font-weight: bold;
}
div#comments .comment {
    padding: 12px;
}
div#comments .comment .date {
    color: #7B7B7B;
    font-size: 0.9em;
    margin-bottom: 4px;
}
div#page .col2 div#comments .even {
    background-color: #E1EBF4;
}
div#comments .comment .separator {
    background: url( ../images/separator-3.gif ) bottom left repeat-x;
    padding: 10px 0px;
}
div#comments .post-cont {
    background-color: #E9E9E9;
    padding: 12px;
}
div#comments .post-cont input {
    color: #7B7B7B;
    width: 140px;
}
div#comments .post-cont .text-gray-1 {
    line-height: 2em;
}
div#comments .post-cont textarea {
    padding: 10px;
    width: 420px;
    height: 90px;
    margin-bottom: 10px;
}

div#page .col2  table th {

}

div#page .col2 ul,
div#page .col2 ol{
 	clear:both;
	margin-left:30px;
}

div#page .col2 ul li,
div#page .col2 ol li {
 	margin-top:5px;
}

div#page .col2  table  {  font-size: 11px; color: black}
div#page .col2  table td{  font-size: 11px; color: black; background: white}
div#page .col2  table th { text-align: left; font-size: 11px; background: #568b33; color: white; font-weight: bold;}

div#page .col2 form.filter-team .name {
    margin-right: 12px;
    padding: 2px 10px !important;
    width: 120px;
}
div#page .col2 form.filter-team .checkbox {
    margin-right: 12px;
    padding: 2px 10px !important;
}

div#page .col2 form.filter-directions select, div#page .col2 form.filter-directions .contact, div#page .col2 form.filter-directions .resp, div#page .col2 form.filter-team select, div#page .col2 form.filter-team .name, div#page .col2 form.filter-team .checkbox {
    background-color: white;
    border: 1px solid #DBDBDB;
    border-radius: 5px 5px 5px 5px;
    color: #B5B5B5;
    float: left;
    font-size: 0.9em;
    margin: 8px 4px 0 0;
    padding: 1px 0;
}
div#page .col2 form.filter-directions .butt-1, div#page .col2 form.filter-team .butt-1 {
    margin-top: 6px;
}

div#page .col2 table {
    background: url( ../images/separator-3.gif ) bottom left repeat-x;
    padding: 0px 0px;
	border:1px solid #336699;
}

div#page .col2 table th {
	background: #568b33;
	color: white;
	font-weight: bold;
	border:1px solid #336699;
	font-size:9px;
	min-height:30px;
}

div#page .col2 table td{
    padding: 2px 2px;
	border:1px solid #336699;
	font-size:9px;
}