@CHARSET "UTF-8";

/*
=====================================
Title: Touchmark at Coffee Creek
Author: Owen Oliver
URL: 

Description: Baseline and import style sheet for Touchmark at Coffeee Creek

Created: 12/03/2009
Modified: 
=====================================
*/

/* REMOVE PADDING AND MARGIN VALUES */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dd,dt,img,
blockquote,q,table,thead,tbody,tfoot,caption,th,tr,td,a,form,
input,textarea,fieldset,pre{margin:0;padding:0;}

/* SET BASE FONT ATTRUBUTES */
*{outline:none;}
html{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.25em; }
body{background:#fefac8 url(../images/background.png) repeat-x; padding:0;margin:0;}

h1,h2,h3,h4{font-family:"Times New Roman", Times, serif; font-weight:normal; margin:0; padding:8px 0 0 0; line-height:1.1em; color:#27100a;}
h1{font-size:20px; }
h2{font-size:16px; font-weight:bold;}
h3{font-size:14px;}
h4{font-size:12px;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a{color:#324319; font-weight: bold; text-decoration:underline;}
a:link{color:#324319;}
a:visited{color:#324319;}
a:hover{text-decoration:none;color:#44545c;}
a:active{}
a img{border:none;}
img{border:none;}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table{font:11px/16px Arial,Helvetica,Verdana,sans-serif;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul,ul ol,ul dir,ul menu,ul dl,
ol ul,ol ol,ol dir,ol menu,ol dl,
dir ul,dir ol,dir dir,dir menu,dir dl,
menu ul,menu ol,menu dir,menu menu,menu dl,
dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}

/* HARMONISE LIST-BULLET TYPE */
ul,dl{list-style-type: disc;list-style-position:inside;}
ul ul, ol ol{margin-left:10px;}
ol{list-style-position:inside;  list-style-type: decimal; }
ul{}
li{}
dl{}
dt{margin-top:5px; color:#44545c; text-decoration: none;}
dd{padding:0 0 4px 10px;}

/* Basic Typography element styles*/
p{padding:5px 0; line-height: 1.6em;}
em{font-style:italic;font-weight:normal;}
strong{font-weight:bold;}
sup{margin-left:0px; padding-left:0px; font-size:9px;}
acronym {background:transparent;cursor:help;font-style:normal;}
a acronym{border:none;cursor:pointer;}
small{line-height: normal; font-size:10px;}
blockquote{padding:5px 0px 10px 10px}
blockquote ul{margin-left:0px; padding-left:0px;}
blockquote ul li{margin-left:0px; padding-left:0px;}

/* Basic Form element styles */
form{}
fieldset{border:none;}
legend{color:#44545c;font-weight:bold;}
input{font-size: 11px;}

/*Generic positioning styles*/
.center{text-align:center;}
.right{float:right;}
.textalignright{text-align:right;}
.left{float:left;}
.textalignleft{text-align:left;}
.clear{clear:both;}
.title{font-weight:bold;}
.err{color:red; font-size:11px;}
img.left{float:left;margin:0 7px 7px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #43362A;}
.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;overflow:hidden;}
.normalclear{clear:both;}
.horizontalrule{}
.fineprint{font-size:8px;line-height:10px; color:#333; text-align: justify;}
.invisibleButAccessible {display: none;}

#wrapper{ background: url(../images/wrap_bg.png) repeat-y 50%;}
#container{ width:994px; margin:0 auto;}
#content{ background: url(../images/content_bg.png) }
#content a, a:link, a:visited{color:#324319; font-weight:bold; text-decoration:underline;}
#content a:hover{text-decoration:none; color:#44545c;}
#column1{ width:223px; float:left; }
#topnav{ margin:0px; padding:0px; height:70px; background:url(../images/top_bar.png) no-repeat; position:relative;}
#emailpage{ margin:0px; padding:0px; top:8px; left:692px; position:absolute;}
#textsize{ margin:0px; padding:0px; top:8px; left:821px; position:absolute;}
#textsize img{float:left;}
#facebook{ margin:0px; padding:0px; top:8px; left:938px; position:absolute;}

#nav_callout{margin:0px; padding:20px 30px 20px 30px; color:#fff;}
#nav_callout a, a:link, a:visited{color:#fff; text-decoration:underline;}
#nav_callout a:hover{color:#fff; text-decoration:none;}
#nav{ background: url(../images/nav_bg.png);  margin:10px 0 0 0; }
#nav ul{list-style:none; list-style-position:outside; padding:0; margin:0; width:222px; border-top:1px solid #fff;}
#nav ul ul, #nav .active ul a{ border-top:none;background:#263313;color:#fff; line-height:1.25em;}
#nav .active ul a:hover{ background: #000; }
#nav a{display:block;padding:10px 30px;border-bottom:1px solid #fff;color:#fff; text-transform: uppercase; text-decoration:none; font-weight: bold; font-size:17px; line-height:1.25em;}
#nav a:hover,#nav .active a {background: url(../images/nav_bg_hover.png);color:#324319; }
#nav ul ul a{display:block;padding:10px 30px;border-bottom:1px solid #fff;color:#fff; text-transform: uppercase; text-decoration:none; font-weight: bold; font-size:14px; line-height:1.25em;}
#nav ul ul a:hover,#nav .active a {background: url(../images/nav_bg_hover.png);color:#324319; }

#column2{ width:503px; float:left; background: url(../images/content_top.png) no-repeat top; }
#maincontent{ padding:27px 34px; }
#maincontent li{margin:0px 0px 5px 1.2em; text-indent: -1.15em;}
.content_column{ width:40%; float: left; padding:0 30px 0 0;}	
#column3{ width:268px; float: left; }
#footer{ padding:8px; font-size: 10px; line-height: 12px; clear: both; }
#footer img{float: left; padding: 0 14px 0 0;}
#footer p.mission { font-size:14px; margin-bottom:2em; margin-left:27px; color: #444; }
#footer p.mission em {color: black;}
#sitemap li{margin:8px 0px 5px 0px;}
#sitemap ul{margin:0px 0px 15px 15px;}
#sitemap ul li{margin:0px 0px 5px 0px; list-style-type:circle;}
#sitemap a, a:link, a:visited{text-decoration:underline;}
#sitemap a:hover{text-decoration:none;}

#modal{margin:0px; padding:0px; width:558px; height:480px; position:relative;}
#modal_header{padding:2px; position:absolute; top:12px; left:50px; color:#fff; font-size:24px; font-family:"Times New Roman", Times, serif;}
#modal_body{position:absolute; top:60px; left:150px; width:400px; color:#000; font-size:14px; overflow:auto;}
#modal_body a, a:link, a:visited{color:#324319; font-weight:bold;}