/***** CSS for the Boots'N Saddles website - Suzanne Parr 11-19-08 *****/

/***** HTML Body style *****/

BODY { 
background: #f3f2f2;
padding:0;
margin:0;
text-align: center;
}

/***** Structural styles *****/

.template_border { BACKGROUND: transparent;
WIDTH: 880px; line-height: 1px; font-size:1px; 
BORDER-TOP: #171515 1px solid;  
BORDER-RIGHT: #171515 1px solid;
BORDER-LEFT: #171515 1px solid;
BORDER-BOTTOM: #171515 1px solid;
POSITION:relative; top:20px; left:0px;  
padding: 0px;
margin: 0 auto;
}

/********* container for middle section = left sidebar + white 'content' section **********/
.main { WIDTH: 880px;
padding: 0px; MARGIN: 0px;
POSITION:relative; top:0px; left:0px;
BACKGROUND: #433a36;
}

/********* 1st column = left-hand coloured sidebar **********/
.sidebar { 
background:#433a36; 
background-image:url('UserFiles/Image/boots_sidebar.jpg');
background-repeat:no-repeat;
width:235px;
height:417px;min-height:417px;
FONT: normal 13px Myriad Web Pro,Verdana,Arial,Helvetica;
text-align:left;
COLOR:#ffffff;
padding: 0px;
margin: 0px; 
POSITION:relative;
top:0px; 
left:0px;  
float: left;  
}

/***** sidebar styles *****/

.inside_sidebar { 
WIDTH: 205px; 
padding: 20px 0px 0px 20px; 
float:left;
}
.margin_sidebar { 
WIDTH: 30px; 
padding: 0px; 
float:left;
}


/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content { 
background:#abcae3;
width:645px;
FONT: normal 13px Myriad Web Pro,Verdana,Arial,Helvetica; 
COLOR:#171515;
text-align:left; 
margin:0; 
padding:0; 
position:relative; 
top:0px; 
left:0px; 
float:left;  
}

.splash {
background-image:url('UserFiles/Image/boots_splashimage.jpg'); 
background-repeat:no-repeat;
}


/***** 2nd column for 2-column format ******/
.inside_content {
padding: 20px 20px 0px 20px; 
}

/***** 2nd column for (200-500-180) 3-column format ******/
.inside_left {
width: 320px;
padding:0;
margin:0; 
float:left; 
}
.inside_inside_left {
padding: 20px 20px 0px 25px; 
}
/***** 3rd column for (200-500-180) 3-column format ******/
.inside_right {
width: 325px;
margin:0;
padding: 0px 0px 0px 0px; 
float:left; 
}
.inside_inside_right {
padding: 20px 10px 0px 15px; 
}

/********* div for centring text ***************************/
.centertext { 
text-align: center;
}

/***** clear left alignment that permits inline divs or columns ******/
.clear { clear: left; }

/***** Nav bar styles *****/

.nav_main { background:#171515; 
width: 880px; height: 21 px; min-height: 21px; 
padding: 0; MARGIN: 0;
border: 0px none;
POSITION:relative; top:0px; left:0px
}
.horizontalnav
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.horizontalnav li {display:inline;}
.horizontalnav li a
{
padding:0em;
text-decoration:none;
float:left;
border:0px none;
}

/***** list styles *****/

ul
{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 2em;
	margin-left: 0;
	margin-top: 5;
	padding-left: 15;
	text-indent: 0;
}
.list_nobullet
{
	list-style-type:none;
	margin-left: 10; 
	margin-top: 0;
	padding: 0;
}
.list_nobullet li {
display:block;
}

/***** header styles - titlebar & page name banner *****/

.titlebar { BACKGROUND: transparent; 
height: 162px; min-height:162px; width:880px;
padding: 0px; MARGIN: 0px
}

/***** quote block styles *****/
.quote { BACKGROUND: #e3d7d7; margin:0; padding: 6px 6px 8px 6px; }


p {FONT: normal 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#171515;
TEXT-ALIGN: left;}
h1 { FONT: bold 19px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#302d2d;}
h2 { FONT: bold 19px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#ffffff;}
h3 { FONT: bold 18px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#036cd7;}
h4 { FONT: bold 17px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;}
li {FONT: normal 13px Myriad Web Pro, Verdana,arial, helvetica, sans-serif; COLOR: #171515;}
.bold_brown {FONT: bold 13px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #433f3f;}
.bold_brown_small {FONT: bold 11px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #433f3f;}
.bold_brown_tiny {FONT: bold 9px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #433f3f;}
.bold_brown_medium {Font: bold 16px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;}
.bold_brown_big {Font: bold 18px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;}
.bold_white {FONT: bold 13px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;}
.bold_white_medium {FONT: bold 16px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;}
.bold_white_big {FONT: bold 19px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;}
.bold_white_small {FONT: bold 11px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #f0eaea;}
.bold_blue_small {FONT: bold 11px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #2f95fe;}
.bold_white_tiny {FONT: bold 9px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #ffffff;}
.bold_blue_big {FONT: bold 18px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #036cd7;}
.boots_brown {FONT: normal 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#171515;}
.boots_white {FONT: normal 13px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #ffffff;}
.italic_brown {FONT: italic 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#171515;}
.boots_light { FONT: normal 13px Myriad Web Pro, Verdana,Arial,Helvetica,sans-serif; COLOR:#433f3f;}


/***** main content link styles *****/
.main a:link { COLOR: #171515; TEXT-DECORATION: underline
}
.main a:hover { COLOR: #171515; TEXT-DECORATION: underline
}
.main a:active { COLOR: #171515; TEXT-DECORATION: underline
}
.main a:visited { COLOR: #171515; TEXT-DECORATION: underline
}


/***** image styles *****/

.content IMG { border: 3px solid #90b3cf;}
.no_border IMG { border:none;}

/***** coloured lines & spacers *****/

.space {
BACKGROUND: transparent;
}
.whiteline { BACKGROUND: #ffffff; 
}
.line_1px{
height: 1px; min-height: 1px; width: 880px; 
padding: 0; 
margin: 0;
}
.line_6px{
height:6px; min-height: 6px;
width:100px; 
padding: 0; 
margin: 0;
}

/***** center aligned div styles *****/

.view {
text-align:center;
}

/***** footer styles *****/
 
.bottom_stripe {
POSITION:relative; left:0px; top:0px;
BACKGROUND: #f0eaea;
height: 3px; min-height: 3px; width:880px;
padding: 0;
margin: 0;
border: 0px none; 
}
.inside_bottom_stripe {
padding: 0px 0px 0px 0px;
}
.footer { BACKGROUND: #171515; 
height: 40px; min-height: 40px; width:880px;
POSITION:relative; left:0px; top:0px;
FONT: bold 9px Myriad Web Pro, Verdana, Arial, Helvetica; COLOR: #ffffff; 
text-align: center;
padding: 0; margin: 0; 
}
.inside_footer { 
padding: 15px 0px 0px 0px; 
}

/***** display or hide styles *******/
.visible
{display:block;}

.invisible
{display:none;}