/* 
Mair Oriental Rug Services

Tyler Mair
August 2006

tools.CSS
---
This Css File contains the re-useable class data for the various 
data structures. 

--- COLORS ---

--Single color scheme-- 
--Tan--
--Lightest to Darkest--
Pale tan = #FFFCDA
Smooth tan = #FAE7C3;
Light tan = #E8D6B5
Tan = #C8B696
Dark tan = #9F8E6F
Burnt tan = #78684B

--Burgandy--
Light Salmon = #FFDAC2
Salmon = #FFBEA6
Pale burgandy = #FF8672
Dim burgandy = #C35142
Burgandy = #7A050D


--Shades--
--Lightest to Darkest--
Light Gray =        #eee
Grey Background =   #CCC
Mid Grey =          #818181
Dark Gray =         #666
Soft Black =        #333 Used to soften pure black in the fonts mostly.
Pure black =        #000 or "black"

--Links--
	links base color
	  color: #7A050D; Burgandy
	visited link
	  color: #7A050D; Burgandy
	hover on link or active
	  color: #C35142; Dim Burgandy

--Attribute Organization--
{
    *Graphical features*
    Color
    Background color 
    Background image
    Border
    //
    *Positioning attributes*
    position: relative;
    float
    width
    height
    Margins
    Padding
    Text mods
}
note: where div padding-left should be used, child elements may use margin-left instead. Prevents div width varience.

*** CSS Starts ***/

.infoColomn
{
    color: inherit;
    background-color: inherit;
    /**/
    position: relative;
    display: inline;
    float: left;
    text-align: left;
    white-space: normal;
    width: 740px;
    height: auto;
    margin: 10px 0px 10px 10px;
    padding: 5px 0px 5px 5px;   
}
/*Children of infoColomn*/
.splash
{    
	background-position: top;
	background-repeat: no-repeat;
	border: none;
    /**/
    position: relative;
    float: left;
    clear: left;
    width: 325px;
    height: 270px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0px;
}

.image
{    
	background-position: top;
	background-repeat: no-repeat;
	border: none;
    /**/
    position: relative;
    float: left;
    clear: left;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0px;   
}

.image_noMargins
{    
    background-position: top;
    background-repeat: no-repeat;
    border: none;
    /**/
    position: relative;
    float: left;
    clear: left;
    margin: 0px;
    padding: 0px;   
}

.linkBox01
{
    color: inherit;
    background-color: inherit;
    /**/
    position: relative;
    display:inline;
    float: left;
    width: 360px;
    height: auto;
    margin: 10px 0px 15px 10px;
    padding: 0px;
}
    .lb01_img
    {
        color: inherit;
        background-color: inherit;
	    background-position: left;
	    background-repeat: no-repeat;
	    border: none;
        /**/
        position: relative;
        float: left;
        width: 150px;
        height: 150px;
        margin: 0px;
        padding: 0px;
    }
    .lb01_heading
    {
        color: inherit;
        background-color: inherit;
	    border-bottom: solid 1px gray;
        /**/
        position: relative;
        float: left;
        width: 205px; /*-5 for padding*/
        height: auto;
        margin-left: 0px;
        padding-left: 5px;
        text-align: left;
    }
    .lb01_heading a, a:hover, a:active
    {
        text-decoration: none;
    }
    .lb01_body
    {
        color: inherit;
        background-color: inherit;
        /**/
        position: relative;
        float: left;
        width: 205px; /*-5 for padding*/
        height: auto;
        margin-left: 0px;
        padding-left: 5px;
        text-align: left;
    }

.infoBlock
{
    color: inherit;
	background-color: inherit;	
	/**/
	position: relative;
	float: left;
	width: 740px;
	height: auto;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}
    .ib_imgBlock
    {
        color: inherit;
        background-color: inherit;
        border: solid 1px #333;
        /**/
        position: relative;
        display: inline;
        float: left;
        clear: left;
        margin: 10px 10px 5px 10px;
        padding: 0px;        
    }
    .ib_imgBlock p
    {
        font-style: italic;
        margin: 2px 0px 0px 5px;
        padding: 0px 0px 5px 0px;
    }
    .width_150
    { width: 145px;}
    .width_250
    { width: 245px;}
    .width_350
    { width: 345px;}
    .ib_imgBlock td
    {
        
        padding: 0px 0px 0px 0px;
        
    }

#sidenav
{
    color: inherit;
    background-color: inherit;    
    /**/
    position: relative;
    float: left;
    clear: left;
    width: 190px;
    margin: 0px 0px 0px 0x;
    padding: 15px 0px 0px 10px;
    }
    #sidenav li{
        margin: 10px 5px 0px 0px; /*creates spacing between each link*/
        }    	    
    #sidenav ul{
        list-style-image: none;
        margin: 0px;
        padding: 10px 0px 0px 15px;
    }
    #sidenav a:hover /*Link Overrides*/
    {
        color: #C35142; /*Dark Orange*/
        background-color: inherit;
        text-decoration: none;
    }
    #sidenav a
    {
        text-decoration: none;
        font-weight: bold;
        }
        
.page_heading
{
    color: #7A050D;
    position: relative;
    float: left;
    top: 20px;
    margin: 0px;
    padding: 0px;
   
}            
/*Text Color Overide*/
.burgandy
{
    color: #7A050D;
       
}

.list_no_style
{
    list-style: none;
    float: left;
    clear: left;
   
}