/* 
Document   : enduro
Created on : Jan 7, 2008, 10:02:26 AM
Author     : markm
Description:
Two column FIXED-FIXED layout
*/


body{
    background: black;
    padding:0;
    line-height: 1.2em;
    font-family: 'Trebuchet MS','Lucida Grande',Verdana,Arial, sans-serif;
    text-align: center;
    margin-bottom: 25px;
}

b{font-size: 110%;}
em{color: red;}

p, b.psize {
    margin: 10px;
    line-height: 125%;
    font-size: 140%;
    color: #ffffff;
}



.table {
    color: #ffffff;
    font-size: 90%;
}

.indent {
    width: 250px;
    margin: 10px 10px 10px 50px;
    background: #606060;
    font-size: 80%;
}


#maincontainer{
    width: 840px; /*Width of main container*/
    
    margin: 0px auto; /*Center container on page*/
    border: 3px solid white;
    position: relative;
    
    /*height: 600px;*/
}

#topsection{
    background: #EAEAEA;
    height: 150px; /*Height of top section*/
    background: transparent url(./images/Title_01.png) top left no-repeat;
}

#contentwrapper{
    margin-top:0px;
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-left: 160px; /*Set right margin to LeftColumnWidth*/
    background-color: black;
    min-height: 425px;
    
}

#leftcolumn{
    float: left;
    width: 200px; /*Width of left column*/
    margin-left: -840px; /*Set left margin to -(MainContentWidth) + .5*(width) for ie wierdness */
    margin-top: 5px;
    background: black;
    display: inline;
    _margin-left: -940px;  /*This hack moves the margin for a very confused IE6*/
}


#footer{
    display:block;
    clear: left;
    width: 200px;
    padding: 15px 0px 0px 0px;
    height: 1%;
    margin: 15px auto;
}


.innertube{
    margin: 5px 10px 0px 10px;
}

.clicktube{
    margin: 5px 10px 0px 10px;
    cursor: pointer;
}

.thumbnail2 {
    float: left;
    text-decoration: none;
    margin: 1px;
    cursor: pointer;
    color: white
}
/***Custom classes***/
.tiny {
    font-size: 60%;
}

form {
    width: 630px;
    line-height: 200%;
    color: #ffffff;
    background: #404040;
    text-align: left;
    float: left;
}

input,textarea {
    float:right;
    margin-right: 120px;
    margin-top: 8px;
}

select{ 
    float:right;
    margin-right: 253px;
    margin-top: 8px;
}

form p {
    margin: 15px;
    font-size:100%
}

.clearboth {
    clear: both;
}

.captionright {
    padding: 10px;
    position: relative;
    width: 350px;
    height: 75px;
    float: none;
    clear: both;
    background-color:#2175bc;
    text-align:center;
}
.detailtext {
    width:95%;
    margin: auto;
    text-decoration: none;
}

.detailtext img {
    float: right;
    border:none;
}

.floatleft {
    float: left;
    margin-left:5px;
    /*border: thin solid white;*/
}

table, table li, table a{
    font-size: 90%;
    text-align: left;
    padding: 0px;
    margin-left: 5px;
    text-decoration:none;
    color: #ffffff;
    background-color: transparent;
}

td a:hover {
    text-decoration: underline;
}

table li a:hover{
    background : #808080;
}

li a {
    text-decoration:underline;
    color: white;
}
li a:hover {
    text-decoration:underline;
}
.jobtitle {
    font-size: 125%;
    text-decoration: underline;
    text-align:center;
}
/******************************************This is for the vertical Menu**/
#ddblueblockmenu{
    margin-left: -25px;
    border-bottom-width: 0;
    width: 185px;
    float: none;
    position:absolute;
    text-align:left;
    
}

#ddblueblockmenu ul{
    margin:  0px;
    padding: 0px;
    list-style-type: none;
    font-size:  90%;
    border:3px solid #ffffff; 
    border-width:0 3px;
    background-color:#2175bc;
}

#ddblueblockmenu li a{
    display: block;
    padding: 3px 9px 3px 9px;
    width: 160px; /*185px minus all left/right paddings and margins*/
    text-decoration: none;
    color: white;
    background-color: #2175bc;
    border-bottom: 1px solid #90bade;
}

#ddblueblockmenu li a.current{
    color: white;
    background-color: #1C5E90;
}

#ddblueblockmenu li a:hover {
    background-color:  #2586d7;
    border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
    color: white;
    border-bottom: 1px solid black;
    padding: 1px 0;
    padding-left: 5px;
    background-color: black;
    font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

/*For adding border effects to Divs 
Heavily modified code from Stu Nichols of http://www.cssplay.co.uk/
**/

.xsnazzy {
    position:relative;
    background: transparent; 
    margin: 0px;
    width: 100px;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {
    display:block; 
    overflow:hidden;
    font-size:0;
    
}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {
    height:1px;
}
.xb4, .xb5, .xb6, .xb7 {
    background:#ccc; 
    border-left:1px solid #ffffff; 
    border-right:1px solid #ffffff;
}
.xboxcontent {
    text-align:center;
    padding: 3px 0;
    padding-left: 3px;
    display:block; 
    color: white;
    background:#2175bc; 
    border:3px solid #ffffff; 
    border-width:0 3px;
    font-size: 90%;
}
.xb1 {margin:0 8px 0 8px; background:#ffffff;}
.xb2 {margin:0 6px 0 6px; background:#ffffff;}
.xb3 {margin:0 4px 0 4px; background:#ffffff;}
.xb4 {margin:0 3px 0 3px; background:#2175bc; border-width:0 5px;} /*border-left:3px solid #fff; border-right:5px solid #fff;} /*These adjustments make a flat left corner*/
.xb5 {margin:0 2px 0 2px; background:#2175bc; border-width:0 4px;} /* border-left:3px solid #fff; border-right:4px solid #fff;} /*These adjustments make a flat left corner*/
.xb6 {margin:0 2px 0 2px; background:#2175bc; border-width:0 3px;} 
.xb7 {margin:0 1px 0 1px; background:#2175bc; border-width:0 3px; height:2px;} 


/*Another Border curved corner implementation no border this time*/

.curvy2, .curvyagent, .curvycontact, .curvytech, .curvyjob {
    position:relative; 
    background:#2175bc; 
    color:#ffffff; 
    text-align:center;
}

.curvy { 
    top: 500px;
    left: 250px;
    background:#2175bc; 
    color:#ffffff; 
    position:absolute; 
    width:300px; 
    text-align: left;
    margin:-40px 10px 10px 200px;
    float: right;
    height:90px;
    z-index:0;
}

.curvy2 {
    width:150px; 
    margin:35px 5px 5px 20px;
}

.curvyagent {
    float: left;
    width: 300px;
    background:#7A670E;
    margin: 10px;
}

.curvyjob {
    text-align:left;
    float: left;
    width: 550px;
    background:#7A670E;
    padding:10px 10px 10px 20px;
    margin:10px;
}
.curvycontact {
    float:left;
    width: 650px;
    background:#404040;
    margin-left: 0px;
}

.curvytech{
    width:250px;
    background: #7A670E;
    margin: 10px;
    text-align:left;
}

.ctl, .cbl, .ctr, .cbr {
    position:absolute; 
    width:20px; 
    height:20px; 
    color:#2175bc; 
    background:#000; 
    overflow:hidden; 
    font-style:normal; 
    z-index: 1;
}
.ctl {top:0; left:0;}
.cbl {bottom:0; left:0;}
.ctr {top:0; right:0;}
.cbr {bottom:0px; right:0;}

* html .cbl{bottom:-1px; left:0;}
* html .cbr {bottom:-1px; right:0;}

.curvy em b, .curvy2 em b, .curvyagent em b, .curvycontact em b, .curvytech em b, .curvyjob em b {
    font-family:arial; 
    position:absolute; 
    font-size:150px; 
    color:#2175bc; 
    line-height:40px;
    font-weight:normal;
}

.curvyagent em b {
    color:#7A670E; 
}
.curvycontact em b {
    color:#404040; 
}
.curvytech em b {
    color:#7A670E; 
}
.curvyjob em b {
    color:#7A670E; 
}
.ctl b {left:-8px;}
.ctr b {left:-25px;}
.cbl b {left:-8px; top:-17px;}
.cbr b {left:-25px; top:-17px;}

.curvy p{
    position:relative;
    font-size:100%;
    margin: 10px 20px;
}

.curvy2 p, .curvyagent p {
    position:relative; 
    padding:5px 10px 10px 10px;
    font-size: 100%;
}

/*Article and Information Divs*/
.articletitle{
    background-color: #808080;
    font-size: 105%;
    margin: 10px;
    margin-right: 75px;
    padding: 5px;
}
.articletitle a{
    color:#ffffff;
    text-decoration:none;
}

.articletitle a:hover{
    text-decoration: underline;
}

.articledesc {
    font-size: 90%;
    margin-left: 100px;
}