/* screen-layout.css -- stylesheet for layout elements
 *   @version 2 Dec 2008 
 */
 
#wrap {
    margin: 10px 10px 10px 0;
    padding: 0;
}

#container {
    min-width: 520px;         /* 2 x LC width + RC width */
    max-width: 520px;
    padding-left: 260px;      /* LC width */
    padding-right: 290px;     /* RC width */
}
		
#container .column {
    position: relative;
    float: left;
}
		
#content {
    width: 100%;
    /*text-align: justify;*/
}
	
#left {
    width: 260px;             /* LC width */
    right: 260px;             /* LC width */
    margin-left: -100%;
}
		
#right {
    width: 290px;             /* RC width */
    margin-right: -100%;
}
		
#footer {
    clear: both;
}
		
/*** IE6 Fix ***/
* html #left {
    left: 290px;          /* RC width */
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

#content {
    margin-bottom: 3px;
    border: dashed #dadada;
    border-bottom-color: #f2f2f0;
    border-right-color: #f2f2f0;
    border-width: 0 1px 1px 1px;
}

#content ul {
    margin-left: 0;
}

#cwrap {
    padding: 0 8px 0 8px;
}

.side {
    margin-bottom: 0;
}

.side h2 {
    font-size: 11px;
    letter-spacing: 2px;
    text-align: right;
    padding-right: 8px;
}

.side div {
    margin-bottom: 15px;
}

.side p {
    font-size: 11px;
    color: #d9d9d9;
}

#right.side h2 {
    text-align: left;
}

#left.side ul {
    text-align: right;
}

#left.side form {
    text-align: right;
    padding-right: 10px;
}

#right.side ul {
    margin-left: 0;
}

#right.side div {
    padding: 0 0 0 10px;
} 

#left.side h2, #right.side h2 {
    text-transform: uppercase;
} 

#footer {
    color: #d9d9d9;
    clear: both;
    height: 20px;
    border: 0;
    min-width: 200px;
    max-width: 435px;
    padding: 0 0 0 5px;
    margin-left: 220px;
}

#footer a {
    text-decoration: none;
    color: #d9d9d9;
}

#footer a:hover {
    text-decoration: underline;
}