body {font-family: "Trebuchet MS", "Courier New", Courier, monospace;font-size: 100%;color: #000000;background-color: #FFFFFF;margin: 20px;padding: 0; background-image: url(http://www.texcon.org/templates/texasconstructionassociation/images/bg-color.gif);background-repeat: repeat-x;}
#masthead {color: #999999;padding: 0px;margin: 0;background-color:none;}
.flag{float:left;}
#navs {color: #999999;padding: 0px;margin: 0;z-index:-1; height:47px;}
#wrapper {width: 955px;margin: 0 auto;} 
#column_wrapper {background-image: url(http://www.texcon.org/templates/texasconstructionassociation/images/wrapper-bg.gif);background-repeat: repeat-y;}
.clearfloat {clear: both;	height: 0;font-size: 0;}
#left {width: 658px;float: left;z-index:5;}
#right {float: right;z-index:8;}
#left .content {padding: 24px 10px;font-size: 0.9em; color:#333;}
#right .content {font-size: .7em;color:#fff;}
#masthead .content {padding: 5px 5px; text-align:right;}
#navs .content {padding: 12px 20px;}
#footer .content {padding: 12px 20px;}
#footer {color: #fff;background-color: #333;padding: 0px;margin: 0;font-size: 0.7em;clear: both; height:60px;}
.footerLeft{float:left;}
.footerRight{float:right;}
#left a:link, a:visited {color: #009; text-decoration:none;}
#left a:hover {color: #ccc; text-decoration:none;}
#right a:link, a:visited,a:active {color: #fff; text-decoration:none;}
#right a:hover {color: #ccc; text-decoration:none;}
#wrapper .menulist a, #wrapper .menulist a:visited {color: #000000;border-left: 6px solid #FFD940;padding: 0 0 0 6px;}
#wrapper .menulist a:hover {border-color: #000000;}
#footer a:link, a:visited {color: #fff;}
#footer a:hover {color: #ccc;}

#left td.contentheading, #left .contentheading,
#left td.componentheading, #left .componentheading, 
#left td.contentpagetitle, #left .contentpagetitle{font-size: 1.9em;margin: 0; color:#333;border-bottom:solid 1px #c00;}
#right td.contentheading, #right .contentheading,
#right td.componentheading, #right .componentheading,
#right td.contentpagetitle, #right .contentpagetitle {font-size: 1.9em;margin: 0; color:#fff;border-bottom:solid 1px #c00;}

#left h1,h3{font-size: 3em;margin: 0; color:#333;border-bottom:solid 1px #c00;} 
#right h1, h3{font-size: 3em;margin: 0; color:#fff;border-bottom:solid 1px #c00;}
#left h2 {font-size: 1.4em;margin: 0; color:#C00;margin: 30px 0 0 0;}
#right h2 {font-size: 1.4em;margin: 0; color:#333;margin: 30px 0 0 0;}

h4 {font-size: 1.1em;margin: 0px 0 0 0; color:#333;}
.nomargintop {margin-top: 0;}
.content p {margin: 10px 0;}


td.maincol {vertical-align: top;}
td.rightcol {padding: 24px 20px;font-size: .7em;color:#fff;vertical-align:top;}
.inside {}

/* JOOMLA STYLES */
.pathway{color:#ccc; font-weight:bold;}
.hasTip img {border:0;}
.buttonheading img {border:0;}

/*LOGIN STYLES FOR COMMUNITY BUILDER*/
div.moduletable-cblogin{text-align:left;}
#mod_login_usernametext-cblogin label, #mod_login_passwordtext-cblogin label,#mod_login_remembermetext-cblogin label,#mod_login_remember-cblogin{float:left;padding:0;text-align:left;}
div.moduletable-cblogin h4{font-size: 3.5em;margin: 0; color:#fff;border-bottom:solid 1px #c00;width:250px;}
.button-cblogin {float:left;}

div.moduletable-right{width:260px;}


/*FORM STYLING*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:85% verdana,arial,sans-serif;
  margin: 0;
  padding-left: 5px;
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
form .label { /* this class is used for multiple items on one line in the form */
display:block;
}

form fieldset legend {	font-size:1.2em; color: #006699;}
.tabled{text-align:left;float:left;}
fieldset{text-align:left;}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of*/
}

form input#reset {margin-left:0px; /* set margin-left back to zero on reset button (set above) */}
.top{vertical-align:top;}

textarea { overflow: auto; }

form .small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {	clear:left;} /* setting clear on inputs didn't work consistently, so brs added for degrade */
