/* 
    Document   : home
    Created on : 02/12/2008, 01:22:08 AM
    Author     : Julian
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#main
{
    width: 910px;
}

#login
{
    float:left;
    width: 200px;
    height: 234px;
    clear: right;
    margin-left: 10px;
    background-image: url(../../images/home/login.jpg);
    background-repeat: no-repeat;
}

#login h2
{
    font-size: 12px;
}

#login div
{
    margin: 10px;
}

#login p
{
    font-size: 12px;
}

#login p label
{
    display: block;
}

#login p input
{
    width: 160px;
}

#login ul
{
    font-size: 11px;
    color: #333333;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

#slideshow
{
    float: left;
    width: 700px;
    height: 234px;
}

#description
{
    float: left;
    width: 700px;
}

h1
{
    font-size: 135%;
    font-weight: normal;
    color: #333333;
}

#news
{
    float:left;
    width: 190px;
    clear: right;
    margin-left: 10px;
}

#news ul
{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

.step
{
    float: left;
    width: 320px;
}


/* RSS */

#rss
{
    float: left;
    width: 120px;
    clear: right;
}

#rss ul
{
    
}



/* News Slider */

.news_slider {
	position: relative;
    width: 700px;
    /*margin: 0 auto 20px auto; */
    text-align: left;
    float: left;
}

.fl {
	float: left; display: inline;
}

img {
	border: 0; display: block;
}

.news_slider {
/*	position: relative; width: 700px; margin: 0 auto 20px auto; text-align: left; */
}

.news_slider .messaging {
	display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;
}

.news_slider .prev, .news_slider .next {
	position: absolute;
    display: none;
    width: 60px;
    height: 120px;
}

.news_slider .prev {
    background-image: url(../../images/common/arrow-prev.png);
    background-position: -15px -20px;
}

.news_slider .next {
	right: 0;
    background-image: url(../../images/common/arrow-next.png);
    background-position: -15px -20px;
}

.news_slider .container {
	position: relative; top: 0; left: 0; width: 100%; background: #ffffff; /*#eeeeed; */
}

.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative; width: 560px; top: 0; left: 60px; overflow: hidden;
}

.news_slider .view_all {
	font-size: .8em; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;
}

.news_slider .item {
    /*
        Must contain a width and a margin-right.
    */
	/*width: 270px; margin-right: 10px; */
    /*width: 300px; margin-right: 10px;*/
    width: 130px; margin-right: 10px;
}

.news_slider .item div {
	font-size: .8em; width: 200px; padding: 10px 0 10px 0;
}

.news_slider .item img {
	padding: 5px;
    margin: 5px;
    border: 1px solid #dddddd;
}


#bottom
{
    width: 700px;

}

#bottom div
{
    float: left;
    width: 33%;
}

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

#bottom div ul li
{
    font-size: 11px;
    color: #666666;
}

#bottom div ul.two-col {
  float: left;
}

/* http://www.communitymx.com/content/article.cfm?cid=27f87 */
#bottom div ul.two-col li {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}