body { background: #666666; background-image: url('http://www.awebthatworks.com/images/page-bg.jpg'); background-repeat: repeat-x; margin: 0 15px; padding: 0; font-family: arial, helvetica, sans-serif; }

td { text-align: left; }
.disclaimer {font-size: 75%; }
.small {font-size: 85%; }

div.maintext { text-align: left; clear:both; width: 98%; padding: 0; margin: 0; }
div.maintext a { font-weight: bold; }

div.image-top { clear:both; margin: 0px 0px 10px 0px; padding: 5px; text-align: center; }
div.image-left { float:left; margin: 0px 10px 10px 0px; padding: 5px; }
div.image-right { float:right; margin: 0px 0px 10px 10px; padding: 5px; }
span.imageCaption { font-size: 90%; font-style : italic; position: relative; color: #206CB8; text-align: center; margin: auto; display:block; }

span.module-head { padding: 10px 0 0 0; font-size: 80%; color: #666666; letter-spacing: 6px; font-weight: bold; clear:both; width:100%; }
span.module-notes { font-size: 75%; color: #666666; clear:both; }

ul.module { text-align: left; }
ul.module li { clear: both; padding-bottom: 3px; }
ul.module li a.moduleImage { padding: 10px; }
ul.module li.category { clear: both; width:100%; margin: 0; padding: 0; font-weight: bold; list-style: none; text-align: left; } 
ul.module li.description { padding: 0 0 10px 0; list-style: none; text-align: left; } 

div.row {
  clear: both;
  padding-top: 10px;
  width: 95%;
  text-align: center;
  }

div.row span.label {
  float: left;
  width: 15%;
  text-align: right;
  }
  div.row span.label2 {
  width: 100%;
  float: left;
  text-align: left;
  }
  div.row span.label2-required {
  width: 100%;
  float: left;
  text-align: left;
  color: #FF0000;
  }
  div.row span.label-required {
  float: left;
  width: 15%;
  text-align: right;
  color: #FF0000;
  }
  
div.row span.left {
  float: left;
  width: 45%;
  text-align: center;
  }

div.row span.formw {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.form80 {
  float: right;
  width: 80%;
  text-align: left;
  } 
  div.row span.form45 {
  float: left;
  width: 45%;
  text-align: left;
  } 
  div.row span.form15 {
  float: left;
  width: 15%;
  text-align: left;
  } 
  div.row span.form20 {
  float: left;
  width: 20%;
  text-align: left;
  } 
div.row span.right {
  float: right;
  width: 45%;
  text-align: center;
  }
  
  div.categories {
  clear: both;
  padding-top: 2px;
  width: 100%;
  text-align: center;
  } 
  div.categories span.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
   div.categories div.half {
  float: left;
  width: 45%;
  text-align: left;
  padding: 0;
  margin: 0;
  }
  
div.form { 
width: 90%; 
padding: 5px; 
margin: 0px auto;
}
div.form table { table-layout: fixed; }
input, textarea, select { width: 100%; position: relative; }
input.submit { width: 50%; background-color: #999999; color: #FFFFFF; font-weight: bold; }
input.multi_submit { width: 90%; background-color: #999999; color: #FFFFFF; font-weight: bold; }
input.full_submit { width: 100%; background-color: #999999; color: #FFFFFF; font-weight: bold; }
input.checkbox, input.radio { width:20px; height: 20px; }

h1 { font-size: 175%; color: #000000; padding: 10px 0px 0px 0px; margin: 0; text-align: left; }
.subhead { font-size: 130%; color: #000000; padding: 0px 0px 10px 0px; margin: 0; font-weight: normal; text-align: left; font-style: italic; }
h2 { font-size: 130%; color: #710C3D; padding: 10px 0px 4px 0px; margin: 0; text-align: left; }
h3 { font-size: 115%; }
h4 { font-size: 105%; }
h5 { font-size: 90%; }
h6 { font-size: 75%; }

div.divider {
border-top: 1px dotted white;
width:100%;
margin: 5px;
padding: 5px;
}

div.filter {
border-top: 1px solid black;
border-bottom: 1px solid black;
width:100%;
margin: 5px;
padding: 5px;
}

div.home {
float: left;
width: 192px;
height: 100%; 
}

div.home ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div.home li {
border-top: 1px solid white;
padding: 2px 0px 8px 0px;
margin: auto;
width: 80%;
}

div.home a {
color: #FFFFFF;
text-decoration: none;
}

div.home a:hover {
color: #ffffcc;
}

div.home-bottom {
float: left; width: 192px; height: 82px; 
}

div.catDisplay {
position: absolute; color: #E48B25; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: 0; right:0; z-index: 100;
}

div.catDisplayShadow {
position: absolute; color: #FFFFFF; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: -1px; right:-1px; z-index: 50;
}

div.catBackoffice {
position: absolute; color: #E48B25; font-size: 200%; font-family: times new roman, times, serif; font-style: italic; font-weight: bold; padding: 0 10px 10px 20px; bottom: 0; left:0; z-index: 100;
}

div.catBackground {
background-image: url('http://www.awebthatworks.com/images/clear.gif'); padding: 0; margin: 0; position:relative; width:100%; height: 80px;
}

div.catBackground2 {
height: 80px; text-align: right; padding: 0; margin: 0; position:relative;
}



.hiddenRight {
color: #206CB8;
display: none;
}




ul.tiers {
width: 130px;
color: #999999;
/*border-bottom: 2px white solid;
border-top: 2px solid #E48B25;*/
padding: 5px 0 5px 10px;
margin: 0;
font-size: 110%;
list-style: none;
}

ul.tiers li.nav {
color: #999999;
border-bottom: 1px #999999 solid;
padding-right:0px;
}

ul.tiers li.nav-active {
border-bottom: 1px #999999 solid;
color: #006699;
font-weight: bold;
background-color : #999999;
padding-right:0px;
}

ul.tiers li.cat {
color: #999999;
border-bottom: 1px #999999 solid;
font-weight: bold;
padding-top:5px;
padding-right:0px;
}

ul.tiers li.nav a,
ul.tiers li.cat a {
color: #999999;
text-decoration: none;
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
}

ul.tiers li.nav-active a.active,
ul.tiers li.cat-active a.active {
font-weight: bold;
background-color : White;
text-decoration: none;
display: block;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
}

ul.tiers li.nav a:hover,
ul.tiers li.cat a:hover {
background-color: #FFFF99;
color: #000000;
}

div.sectionName {
width:100%;
}

span.sectionNamePrint {
color: #999999;
font-size: 75%;
letter-spacing: 5px;
font-weight: bold;
font-family: arial narrow, arial, helvetica, sans-serif;
}


.thumbnail
{
float: left;
width: 150px;
border: 1px solid #C99;
margin: 0 15px 15px 0;
padding: 5px;
text-align:center;
}

td.topLinks, a.topLinks {
color: #000000;
font-weight: bold;
text-decoration: none;
font-size: 110%;
}

a.topLinks:hover {
color: #666666;
}



div.navBar {
width: 100%;
position: relative;
top: -13px;
z-index: 200;
background-image: url('http://www.awebthatworks.com/images/nav-bar-bg.gif');
background-repeat: repeat-x;
background-position: 0px 12px;

}

a.button1, a.button2, a.button3, a.button4  {
font-weight: bold;
position: relative;
text-decoration: none;
display: block;
}

a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover {
color: #000000;
position: relative;
}

a.button1 {
color: #542A0E;
position: relative;
}

a.button2 {
color: #4B1414;
position: relative;
}

a.button3 {
color: #420E20;
position: relative;
}

a.button4 {
color: #0E1F40;
position: relative;
}

div.navBar td.button1_2 {
background-image: url('http://www.awebthatworks.com/images/button1-2.gif');
background-repeat: repeat-x;
}
div.navBar td.button1_4 {
background-image: url('http://www.awebthatworks.com/images/button1-4.gif');
}
div.navBar td.button1_5 {
background-image: url('http://www.awebthatworks.com/images/button1-5-top.gif');
background-repeat: repeat-x;
background-color: #FFE8BE;
text-align: center;
}
div.navBar td.button1_6 {
background-image: url('http://www.awebthatworks.com/images/button1-6.png');
}
div.navBar td.button1_8 {
background-image: url('http://www.awebthatworks.com/images/button1-8.png');
background-repeat: repeat-x;
}

div.navBar td.button2_2 {
background-image: url('http://www.awebthatworks.com/images/button2-2.gif');
background-repeat: repeat-x;
}
div.navBar td.button2_4 {
background-image: url('http://www.awebthatworks.com/images/button2-4.gif');
}
div.navBar td.button2_5 {
background-image: url('http://www.awebthatworks.com/images/button2-5-top.gif');
background-repeat: repeat-x;
background-color: #FFAFAF;
text-align: center;
}
div.navBar td.button2_6 {
background-image: url('http://www.awebthatworks.com/images/button2-6.png');
}
div.navBar td.button2_8 {
background-image: url('http://www.awebthatworks.com/images/button2-8.png');
background-repeat: repeat-x;
}

div.navBar td.button3_2 {
background-image: url('http://www.awebthatworks.com/images/button3-2.gif');
background-repeat: repeat-x;
}
div.navBar td.button3_4 {
background-image: url('http://www.awebthatworks.com/images/button3-4.gif');
}
div.navBar td.button3_5 {
background-image: url('http://www.awebthatworks.com/images/button3-5-top.gif');
background-repeat: repeat-x;
background-color: #F0AFDB;
text-align: center;
}
div.navBar td.button3_6 {
background-image: url('http://www.awebthatworks.com/images/button3-6.png');
}
div.navBar td.button3_8 {
background-image: url('http://www.awebthatworks.com/images/button3-8.png');
background-repeat: repeat-x;
}

div.navBar td.button4_2 {
background-image: url('http://www.awebthatworks.com/images/button4-2.gif');
background-repeat: repeat-x;
}
div.navBar td.button4_4 {
background-image: url('http://www.awebthatworks.com/images/button4-4.gif');
}
div.navBar td.button4_5 {
background-image: url('http://www.awebthatworks.com/images/button4-5-top.gif');
background-repeat: repeat-x;
background-color: #AFDAE8;
text-align: center;
}
div.navBar td.button4_6 {
background-image: url('http://www.awebthatworks.com/images/button4-6.png');
}
div.navBar td.button4_8 {
background-image: url('http://www.awebthatworks.com/images/button4-8.png');
background-repeat: repeat-x;
}

div.shine {
background-image: url('http://www.awebthatworks.com/images/button-shine.png');
background-position: top;
background-repeat: repeat-x;
z-index: 100;
height: 16px;
position: absolute;
left: 5px;
right: 5px;
}

.gold { color: #FFCC33; }
.red { color: #FF0000; }
.purple { color: #CC0099; }
.blue { color: #0099CC; }
.black { color: #000000; }

tr.even, div.even { background-color: #EEEEEE; } 
tr.odd, div.odd { background-color: White; } 


/* subheadernav styles */
    div#subheadernav {
		width:100%;
		color: #ffffff;
		border-top: 3px solid #FFFFFF;
		border-bottom: 3px solid #FFFFFF;
		background-color: #330000;
		text-align: center;
		clear:both;
    }
	div#subheadernav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#subheadernav li {
	display: inline;
	list-style-type: none;
	line-height: 2;
}
div#subheadernav li.active {
	background: #FFFFFF;
	padding-bottom: 6px;
}
div#subheadernav a {
	padding: 6px 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 85%;
	font-family: arial, helvetica;
	text-decoration: none;
	}
div#subheadernav a.active {
	border-top: 2px #999933 solid;
	color: #999933;
	}
	div#subheadernav a:hover {
	color: #cc9999;
	}
	div#subheadernav a.active:hover {
	color: #999933;
	}


li.lock {
	background: url('http://www.awebthatworks.com/admin/icons/locked.gif') left center no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
}