/* ------------------------------------
// Style Sheet for Gustitis Law
// Writen by Brazos Valley Design
// http://www.brazosvalleydesign.com
//
// note this style sheet is intended to 
// make the layout of gustitislaw.com 
// dependant on CSS and not HTML. Any 
// changes to this document WILL change
// the layout of the website. Be very 
// carefull and make backups before you 
// change anything.
---------------------------------------*/
/*import default font size*/
@import url (x-small.css);

body {
	margin:10px 10px 10px 10px;
	margin-top: 0px;
	padding:0px;
	text-align: center;
	background-image: url(/styles/images/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}

#layouttable {
	/*border: 1px solid #000033;*/
}
#leftcell {
	width: 156px;
	background-image: url(/styles/images/leftcell_bg.jpg);
	vertical-align: top;

}
#rightcell {
	width: 169px;
	vertical-align: top;
	background: #ffffff url(/styles/images/dn_rt_bg.gif) no-repeat right bottom;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000033;
}

#contentcell {
	width: 425px;
	vertical-align: top;
	background: #ffffff url(/styles/images/up_left_bg.gif) no-repeat left top;
	font-family: verdana;
	/*font-size: 11px;*/
	text-align: left;
	padding: 0 0 0px 0;
}
#contentcell h1 {
	font-family: arial;
	/*font-size: 20px;*/
	font-size: 130%;
	color: #000033;
	padding: 30px 0 0 20px;
}
#contentcell p {
	padding: 0px 20px 0px 50px;
}
#topbanner {
	height: 115px;
	background-image: url(/styles/images/topbanner_bg.jpg);
	background-repeat: no-repeat;
}
#topheader {
	height: 90px;
	background-image: url(/styles/images/tophearder.jpg);
}
#footer {
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
	text-align: center;
	/*(height: 28px;*/
	background-image: url(/styles/images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 30px 0 0 15px; 
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #ffffff;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
#navlist { /*define navigation menu*/
	width: 156px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#navlist, #navlist a, #navlist a:link, #navlist a:visited{
	font: bold small-caps 12px Arial;
	color: #ffffff;
	text-decoration: none;
	background-image: url(/styles/images/ul_bg.jpg);
	background-repeat: no-repeat;
}
#navlist a:hover {
	background-image: url(/styles/images/ul_bg_f2.jpg);
	background-repeat: no-repeat;
	color: #FBCD70;
}
#navlist ul, #navlist li {
	list-style-type: none;
}
#navlist ul {
	margin: 0;
	padding: 0;
}
#navlist li {
	height: 30px;
	margin: 0px;
}
/*start sub menus*/
#navlist ul li {
	position: relative;
}

#navlist ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 156px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(/styles/images/ul_bg.jpg);
	border: solid 0px #CBCBCB;
	padding: 0px;
	margin: 0px;
}
/*#navlist ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}*/
/*#navlist ul li a:hover {
	color: #E2144A;
	background: #f9f9f9;
}*/

#navlist ul li ul {
	width: 150px;
	float: none;
}
#navlist ul li ul li a {
	padding-top:5px 5px;
}
#navlist li:hover ul, #navlist li.over ul {
	display: block;
}
#navlist a {
	display: block;
	padding: 0;
	width: 156px;
	height: 30px;
	padding: 7px 0 0 20px;
}

#mainlist li {
	text-align: left;
}

#consultations {
	font: bold italic small-caps 16px Arial;
	color: #FBCD70;
	text-align:center;
	padding: 10px 5px 5px 15px;
}

#certified {
	display: block;
	float: left;
	width: 350px;
	color: #FFFFFF;
	padding: 10px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	text-align: left;

}
#address {
	display: block;
	float: right;
	width: 350px;
	text-align: right;
	color: #ffffff;
	padding: 20px 15px 0 0;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}
/*////////main content styles/////////*/
#contentbody h4 {
	font-family: arial;
	/*font-size: 14px;*/
	font-size: 110%;
	padding: 0px 0 0 40px;
}
#contentbody ul {
	/*margin-left: 35px;
	margin-right: 15px;
	padding: 0px;*/
	list-style-type: disc;
	list-style-position: outside;
}
#contentbody {
	/*font-size: 12px;*/
}

/* Normal Styles */
a:link, a:visited, a:active {
	color: #000099;
	text-decoration: underline;
}
a:hover {
	color: #000099;
	text-decoration: none;
}
.printthis {
	font: 10px arial;
}
/*////////////////////////////////////
// contact form styles
////////////////////////////////////*/
#fieldname {
	text-align: right;
	valign: middle;
	/*font-size: 12px;*/
	font-family: verdana;
	font: bold;
}
#fieldboxes {
	valign: middle;
	align: right;
}
#messagebox {
	position: relative;
	float: left;
	width: 360px;
	align: right;
}
#submitbuttons {
	position: relative;
	float: left;
	padding-right: 5px;
}
#contactform {
	position: relative;
	float: left;
	width: 360px;
	padding-left: 20px;
}
/*////////////////////////////
// top of page styles
////////////////////////////*/
#topofpage {
	text-align: center;
}
/*class for horizontal rule*/
.hralign {
	padding-left: 50px;
	width: 300px;
	align: center;
}

/*////////////////////////////
// table for ariticles
////////////////////////////*/
.articlestable {
	border: solid 1px #000033;
}
.articlestableheader {
	background-color: #000033;
	color: #ffffff;
}
.articlestablerow1 {
	background-color: #F3F4F8;
}
.articlestablerow2 {
	/*background-color: #efefef;*/
}