/***** CSS for the Blakely & Associates website - Suzanne Parr 11-19-08 *****/

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

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

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

.template_border { BACKGROUND: transparent;
WIDTH: 940px; line-height: 1px; font-size:1px; 
BORDER: 0px none;  
POSITION:relative; top:20px; left:0px;  
padding: 0px;
margin: 0 auto;
}

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

/********* 1st column = left-hand coloured sidebar **********/
.sidebar { 
background:#e6dccd; 
background-image:url('images/trm_sidebar.gif');
background-repeat:repeat-y;
width:200px;
FONT: normal 13px Myriad Web Pro,Verdana,Arial;
text-align:left;
COLOR:#525252;
padding: 0px;
margin: 0px; 
POSITION:relative;
top:0px; 
left:0px;  
float: left;  
}

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

.inside_sidebar { 
WIDTH: 190px; 
padding: 0px 0px 0px 10px; 
float:left;
}
.margin_sidebar { 
WIDTH: 10px; 
padding: 0px; 
float:left;
}


/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content { 
background:transparent;
width:740px;
font: normal 13px Myriad Web Pro,Verdana,Arial; 
color:#525252;
text-align:left; 
margin:0; 
padding: 0px; 
position:relative; 
top:0px; 
left:0px; 
float:left;  
}

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

.splash {
background-image:url('/Images/trm_splashimage.jpg'); 
background-repeat:no-repeat;
}


/***** 2nd column for (200-520-160) 3-column format ******/
.content_left {
background:transparent;
width: 420px;
font: normal 13px Myriad Web Pro,Verdana,Arial; 
color:#525252;
padding:0px;
margin:0; 
float:left;
text-align:left 
}
.inside_content_left {
padding: 0px 0px 0px 20px; 
}
/***** 3rd column for (200-520-160) 3-column format ******/
.content_right {
background:transparent;
width: 320px;
font: normal 13px Myriad Web Pro,Verdana,Arial; 
color:#525252;
margin:0;
padding: 0px; 
float:left;
text-align:left 
}
.inside_content_right {
padding: 0px 10px 0px 0px; 
}
.inside_content_right2 {
padding: 0px 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:transparent; 
width: 940px; 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:0;
text-decoration:none;
border:none;
float:left;
}

.verticalnav
{
background:#transparent;
padding:0; 
margin-top:20px;
margin-left:0px;
list-style-type:none;
}
.verticalnav li {display:block;}
.verticalnav li a
{
padding:0;
background:transparent;
text-decoration:none;
border: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: 200px; min-height:200px; width:940px;
padding: 0px; MARGIN: 0px;
}

.namebar {
line-height: 1px; font-size:1px;
height: 21px; min-height: 21px; width: 940px;
border:0px none; 
margin: 0;
padding: 2px 0px 0px 0px; 
text-align: right; 
font: bold 13px Myriad Web Pro,Verdana,Arial;
COLOR:#ffffff; 
background:#3FA3A3;
background-image:url('images/trm_namebar_greener.gif'); 
background-repeat:repeat-x;
}
.inside_namebar {
padding: 0px 20px 0px 0px;
}

/***** quote blocks *****/
.quote { width:280px; margin:0; padding: 10px 10px 10px 10px; text-align:left; overflow:hidden}
.quote_news { width:320px; margin:0; padding: 10px 10px 10px 10px; text-align:left; overflow:hidden}
.quote_book { width:380px; margin:0; padding: 10px 10px 10px 10px; text-align:left; overflow:hidden}
.quote_four { width:400px; height:94px; margin:0px; padding: 0px 0px 0px 12px; text-align:left; overflow:hidden }
.quote_big { width:600px; margin:0; padding: 10px 10px 10px 10px; text-align:left; }
.quote_bigbig { width:690px; margin:0; padding: 10px 10px 10px 10px; text-align:left; }
.quote_small { width:180px; margin:0; padding: 0px 0px 0px 0px; text-align:left; }
.blue {BACKGROUND: #D9EAEE;}
.bluegreen {BACKGROUND: #BEDADA;}
.green {BACKGROUND: #6fbb33;}
.lime {BACKGROUND: #e0fbc4;}
.yellow {BACKGROUND: #FCF7A1;}
.taupe {BACKGROUND: #ede9d2;}

/***** table styles *****/
.tablenoborder table
{border: 0px;
padding:0px; margin:0px;}
table { border: 1px solid #171717;
padding:0px; margin:0px;
}
.tablecolor1 {background:#50B0C7}
td { background:#ffffff;
font: normal 11px Verdana,Arial,Helvetica; color:#131313;
}
td { background:#ffffff;
font: normal 11px Verdana,Arial,Helvetica; color:#131313;
}

/***** end - table styles *****/

/***** background colour styles *****/
.paleaqua {background: #E4F0F3;}
.deepaqua {background: #50B0C7;}

/***** end - background colour styles *****/

/***** content text styles *****/
p {FONT: normal 13px Myriad Web Pro,Verdana,Arial; COLOR:#525252;
TEXT-ALIGN: left;}
h1 { FONT: bold 16px Myriad Web Pro,Verdana,Arial; COLOR:#2a7497;}
h2 { FONT: bold 15px Myriad Web Pro,Verdana,Arial; COLOR:#2a7497;}
h3 { FONT: bold 14px Myriad Web Pro,Verdana,Arial; COLOR:#525252;}
li {FONT: normal 13px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.orange_bold { FONT: bold 15px Myriad Web Pro,Verdana,Arial; COLOR:#E0FBC4;}
.litegrey_bold {FONT: bold 12px Myriad Web Pro,Verdana,Arial; COLOR: #807E7E;} 
.litegrey {FONT: normal 12px Myriad Web Pro,Verdana,Arial; COLOR: #807E7E;}
.grey_tiny {FONT: normal 10px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.grey_bold {FONT: bold 13px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.trm_font {FONT: normal 13px Myriad Web Pro,Verdana,Arial; COLOR:#525252;}
.grey_italic {FONT: italic 13px Myriad Web Pro,Verdana,Arial; COLOR:#525252;}
.grey_bold_small {FONT: bold 11px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.grey_bold_big {FONT: bold 14px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.grey_small {FONT: normal 11px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.grey_wee {FONT: normal 6px Myriad Web Pro,Verdana,Arial; COLOR: #999999;}
.grey_bold_tiny {FONT: bold 10px Myriad Web Pro,Verdana,Arial; COLOR: #525252;}
.white_bold_big {FONT: bold 14px Myriad Web Pro,Verdana,Arial; COLOR: #ffffff;}
.white_bold {FONT: bold 13px Myriad Web Pro,Verdana,Arial; COLOR: #ffffff;}
.white_bold_small {FONT: bold 11px Myriad Web Pro,Verdana,Arial; COLOR: #ffffff;}
.green_font {FONT: normal 13px Myriad Web Pro,Verdana,Arial; COLOR: #008000;}
.green_bold {FONT: bold 13px Myriad Web Pro,Verdana,Arial; COLOR: #008000;}

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

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

.img_border_blue img { border: 3px solid #c0d2e4;}
.img_border_taupe img { border: 1px solid #9E9280;}
.img_border_taupe2 img { border: 2px solid #A79983;}

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

.sandline {
BACKGROUND: #a5947a; 
}
.sandline2 {
BACKGROUND: #A79983; 
}
.blueline {
BACKGROUND: #9DC4CE; 
}
.algaeline2 {
BACKGROUND: #55B4B4; 
}
.algaeline {
BACKGROUND: #3ea2a2; 
}
.appleline {
BACKGROUND: #bed646; 
}
.whiteline {
BACKGROUND: #ffffff; 
}
.transline {
BACKGROUND: transparent;
width:180px;
float:left;
}
.whiteline { BACKGROUND: #ffffff; 
}
.line_1px{
line-height: 1px; font-size:1px;
height: 1px; min-height: 1px; width: 940px; 
padding: 0; 
margin: 0;
}
.line_2px{
line-height: 1px; font-size:1px;
height: 2px; min-height: 2px; width: 940px; 
padding: 0; 
margin: 0;
}
.line_3px{
line-height: 1px; font-size:1px;
height:3px; min-height: 3px; width: 940px;  
padding: 0; 
margin: 0;
}
.line_4px{
line-height: 1px; font-size:1px;
height:4px; min-height: 4px; width: 940px;  
padding: 0; 
margin: 0;
}
.column_1px{
width:1px; 
padding: 0px; 
margin: 0;
BACKGROUND: #b6a68f;
float:left;
}

/***** footer styles *****/
 
.bottom_stripe {
POSITION:relative; left:0px; top:0px;
BACKGROUND: #f0eaea;
height: 3px; min-height: 3px; width:940px;
padding: 0;
margin: 0;
border: 0px none; 
}
.inside_bottom_stripe {
padding: 0px 0px 0px 0px;
}
.footer { BACKGROUND: #EBFDD0;
line-height: 1px; font-size:1px; 
height: 40px; min-height: 40px; width:940px;
POSITION:relative; left:0px; top:0px;
FONT: normal 10px Myriad Web Pro, Verdana, Arial, Helvetica; 
COLOR: #525252; 
text-align: center;
padding: 0; 
margin: 0; 
}
.inside_footer { 
padding: 6px 0px 0px 0px; 
}

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

.invisible
{display:none;}