/* 
    Document   : layout
    Created on : 27/10/2009, 9:25:28 PM
    Author     : luke
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html,body {font:12px helvetica,arial,sans-serif;margin:0;padding:0;height:100%;background:rgb(70,70,70);}
a {text-decoration:none;color:rgb(0,0,128)}
a:hover {text-decoration:underline}
#page{
    position:relative;
    width:1045px;
    margin:0 auto;
    height:auto !important;
    padding:0 20px;
    min-height:100%;
    background:url(images/drop-shadow-side.png) repeat-y;
    
   

}
#container{width:1001px;
           padding:0 20px;
           position:relative;
           height:auto !important;
           min-height:100%;
}

#content {
    padding-bottom:146px;
    min-height:100%;
    height:auto !important;
    height:100%;
}
#header{border:15px solid #6a71a4;border-width:15px 0px 20px 0;width:1001px;position:relative;z-index:1}

#footer {position:absolute;bottom:0;width:1001px;height:20px;text-align:center;background:rgb(0,0,128)}
#footer p {position:absolute;bottom:0;color:#fff;margin:0;right:0;font-size:10px;margin:0 5px 5px 0}
#col-1{padding:50px 15px; float:left; width:320px;height:100%}
#col-1 img{border:none}
#col-2{padding:50px 30px 0 30px;float:left; width:584px}
#col-2 h3 {margin:0;font-size:17pt;margin:10px 0 19px 0}
.single-column {width:970px;padding:50px 15px}
.single-column-layout {width:800px;height:600px;border:1px solid #000;float:right}

.two-column-1 {width:400px;float:left}
.two-column-2 {width:400px;float:left}
.two-columns-layout-1 {width:400px;height:600px;float:right;border:1px solid #000}
.two-columns-layout-2 {width:400px;height:600px;float:right;border:1px solid #000}

.two-column-left-1 {width:350px;float:left}
.two-column-left-2 {width:594px;float:left}
.two-columns-left-layout-1 {width:200px;height:600px;float:right;border:1px solid #000}
.two-columns-left-layout-2 {width:600px;height:600px;float:right;border:1px solid #000}

.two-column-right-1 {width:600px;float:left}
.two-column-right-2 {width:200px;float:left}
.two-columns-right-layout-1 {width:600px;height:600px;float:right;border:1px solid #000}
.two-columns-right-layout-2 {width:200px;height:600px;float:right;border:1px solid #000}


.three-column {width:266px;float:left}
.three-columns-layout {width:266px;float:right;height:600px;border:1px solid #000}