/*--- 430 MOBILE CUSTOM CSS --- */

body {
 font: 82% Verdana, Arial, Helvetica, sans-serif;
 margin: 0;  /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
 padding: 0;
 text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
 color: #FFFFFF;
}

body.oneColFixCtrHdr {
 background-color: #FFFFFF;
 background-image: url(images/430_homebody_bkgd.jpg);
 background-position: top left;
 background-repeat: repeat-x;
}

body.oneColFixCtrHdrSub {
 background-color: #29083D;
 background-image: url(images/430_body_bkgd.jpg);
 background-position: top left;
 background-repeat: repeat-x;
}

.oneColFixCtrHdr #container, .oneColFixCtrHdrSub #container {
 width: 897px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
 /*background: #FFFFFF;
 background-image: url(images/ctnr_bkgd.jpg);
 background-position: top left;
 background-repeat: repeat-x;*/
 margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
 padding: 0;
 text-align: left; /* this overrides the text-align: center on the body element. */
}


/*--- HEADER ---*/

.oneColFixCtrHdr #header, .oneColFixCtrHdrSub #header {
 background-color: #161E0A;
 background-image: url(images/430_hdr_bkgd.jpg);
 background-position: top left;
 background-repeat: repeat-x;
 border-right: 1px solid #344025;
 border-left: 1px solid #344025;
 height: 107px;
 margin: 0;
 padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #header h1, .oneColFixCtrHdrSub #header h1 {
 margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
 padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.oneColFixCtrHdr #header img.logo, .oneColFixCtrHdrSub #header img.logo {
 border: none;
 margin: 26px 40px 24px 40px;
}

table.hdrlayout {
 border-collapse: collapse;
 margin: 0;
 width: 100%;
}

table.hdrlayout td {
 padding: 0;
}

table.hdrlayout td.nav1 {
 text-align: right;
 vertical-align: bottom;
 padding: 0 15px 28px 0;
}

/*--- NAVIGATION ---*/

oneColFixCtrHdr #nav1, .oneColFixCtrHdrSub #nav1 {
 color: #FFFFFF;
 display: inline-block;
 margin: 0;
 right: 0;
 text-align: right;
}

#nav1 a {
 color: #FFFFFF;
 font-size: 1.1em;
 margin: 0 15px;
 text-decoration: none;
}


/*--- MAIN CONTENT ---*/

.oneColFixCtrHdr #mainContent {
 background-color: #0C0118;
 background-image: url(images/430_homecontent_bkgd.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 border-top: 1px none #462559;
 border-right: 1px solid #331E42;
 border-bottom: 1px none #462559;
 border-left: 1px solid #331E42;
 height: 394px;
 margin: 0;
 padding: 0;
 overflow: auto;
}

.oneColFixCtrHdr #mainContent #leftbar {
 float: left; 
 color: #FFFFFF;
 width: 252px; 
 padding: 102px 30px 15px 30px; 
 vertical-align: bottom;
}

.oneColFixCtrHdr #mainContent #leftbar .lbcontent {
}

.oneColFixCtrHdr #mainContent #rightbar {
 float: right;
 color: #FFFFFF;
 margin: 0 26px 0 12px;
 width: 252px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
 background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
 height: auto;
 padding: 20px 20px 15px 20px; /* padding keeps the content of the div away from the edges */
 overflow: hidden;
 vertical-align: bottom;
}

.oneColFixCtrHdr #mainContent #rightbar .rbcontent {
 vertical-align: bottom;
}

.oneColFixCtrHdrSub #leftbar {
 background-color: #FFFFFF;
 color: #333333;
 height: 393px;
 margin: 0;
 padding: 0;
 overflow: auto;
}

.oneColFixCtrHdrSub #leftbar .lbcontent {
 margin: 0 20px 0 35px;
 padding: 0;
}

.oneColFixCtrHdrSub #rightbar  {
	color: #333333;
	float: right; /* since this element is floated, a width must be given */
	width: 290px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
 	background-image: url(images/430_sidebar_bkgd.jpg);
 	background-position: top right;
 	background-repeat: repeat-y;
	height: 393px;
 	margin: 0;
	padding: 0;
	vertical-align: top;
	z-index: 100;
}

.oneColFixCtrHdrSub #rightbar .rbcontent {
 	border-top: 5px solid #EE1458;
	margin: 0 27px 0 22px;
	padding: 5px 10px;
	position: relative;
	top: -5px;
}

/*--- FOOTER ---*/

.oneColFixCtrHdr #footer {
 background-color: #FFFFFF;
 color: #333333;
}

.oneColFixCtrHdrSub #footer {
 background-color: #29083D;
 border-left: 1px solid #391F4A;
 border-right: 1px solid #391F4A;
 color: #FFFFFF;
 height: 200px;
}

.oneColFixCtrHdr table#footer, .oneColFixCtrHdrSub table#footer {
 border-spacing: 0;
 margin: 0;
 width: 897px;
}

table#footer td {
 vertical-align: top;
}

#footer p {
 margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
 padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer .ftrboxleft, .oneColFixCtrHdr #footer .ftrboxleft, .oneColFixCtrHdrSub #footer .ftrboxleft {
 padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
 width: 252px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

#footer .ftrboxmid, .oneColFixCtrHdr #footer .ftrboxmid, .oneColFixCtrHdrSub #footer .ftrboxmid {
 padding: 15px 20px 15px 20px; /* padding keeps the content of the div away from the edges */
}

#footer .ftrboxright, .oneColFixCtrHdr #footer .ftrboxright, .oneColFixCtrHdrSub #footer .ftrboxright {
 padding: 15px 20px 15px 20px; /* padding keeps the content of the div away from the edges */
 width: 232px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.ftrboxleft img.icon {
 border: none;
 margin: 3px 8px 8px 0;
}

.ftrboxright img.icon {
 border: none;
}

.ftrboxright .follow {
 margin: 10px 0;
}

.ftrboxright .contact, .oneColFixCtrHdr #footer .ftrboxright .contact {
 color: #501E6C;
 font-size: 1.2em;
 font-weight: bold;
}

.oneColFixCtrHdrSub #footer .ftrboxright .contact {
 color: #FFFFFF;
}

.ftrboxright .contact a, .oneColFixCtrHdr #footer .ftrboxright .contact a {
 color: #501E6C;
 text-decoration: none;
}

.oneColFixCtrHdrSub #footer .ftrboxright .contact a{
 color: #FFFFFF;
}

.ftrboxright .address, .oneColFixCtrHdr #footer .ftrboxright .address {
 color: #EE145B;
 padding: 0 0 10px 0;
}

.copyright {
 color: #999999;
 font-size: 0.9em;
 padding: 10px 20px;
 text-align: right;
}

.oneColFixCtrHdrSub .copyright {
 background-color: #29083D;
 border-left: 1px solid #391F4A;
 border-right: 1px solid #391F4A;
 color: #84609b;
}

/*--- FOOTER W/ DIV LAYOUT ---*/

.oneColFixCtrHdr div#footer {
 height: 200px;
}

.oneColFixCtrHdr div#footer {
 padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */ 
}

.oneColFixCtrHdr div#footer .ftrboxleft {
 float: left; /* since this element is floated, a width must be given */
 width: 280px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.oneColFixCtrHdr div#footer .ftrboxright {
 float: right; /* since this element is floated, a width must be given */
 background-color: #transparent; /* the background color will be displayed for the length of the content in the column, but no further */
 background-image: url(images/ftrboxright_bkgd.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 margin: 0 26px 0 12px;
 padding: 30px 20px 15px 20px;
 width: 202px;
}

div#footer .ftrboxright .contact{
 padding: 10px 0 0 0;
}

div#footer .ftrboxright .copyright {
 padding: 20px 0 10px 0;
}


/*--- FLOATS ---*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
 float: right;
 margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
 float: left;
 margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
 clear: both;
 height: 0;
 font-size: 1px;
 line-height: 0px;
}

/*--- BASIC STYLES ---*/

h1, h2, .you, .gimme {
 font-family: Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
}

.lbcontent h1, .lbcontent h2, .lbcontent .gimme, .rbcontent h1, .rbcontent h2, #footer h1, #footer h2 {
 color: #EE145B;
}

.oneColFixCtrHdrSub .lbcontent h1, .oneColFixCtrHdrSub .lbcontent .callout {
 color: #49106a;
}

.oneColFixCtrHdrSub .lbcontent h2 {
	color: #333333;
}

.lbcontent h1, .oneColFixCtrHdrSub .lbcontent h1 {
 font-size: 1.6em;
}

.oneColFixCtrHdr .lbcontent h1 {
 font-size: 1.8em;
 line-height: 1.4em;
}


.lbcontent h2, .oneColFixCtrHdrSub .lbcontent h2 {
 font-size: 1.2em;
}

.oneColFixCtrHdrSub .lbcontent .callout {
 font-weight: bold;
}

.lbcontent h1 .you {
 display: inline;
 font-size: 2.2em;
 position: relative;
 top: 0.1em;
}

.lbcontent .gimme {
 font-size: 1.6em;
 font-weight: bold;
 margin: 8px 0 4px 0;
}

.rbcontent h1, #footer h1 {
 font-size: 1.2em;
}

.oneColFixCtrHdr .rbcontent h1 {
 font-size: 1.4em;
}

.rbcontent h2, #footer h2 {
 font-size: 1.1em;
}

.rbcontent .date, .rbcontent .gimme, #footer .gimme {
 color: #8DC738;
 font-weight: bold;
}

.rbcontent .newsitem {
 margin: 2px 0 20px 0;
}

.oneColFixCtrHdrSub .rbcontent .newsitem {
 margin: 0;
}

.rbcontent .gimme, #footer .gimme {
 font-size: 1.2em;
 margin: 3px 0;
}

.rbcontent .gimme a, .rbcontent .gimme a, #footer .gimme a {
 text-decoration: none;
}

.rbcontent img.icon {
 border: none;
 margin: 3px 0 8px 0;
}

.rbcontent a, .rbcontent a, .ftrboxleft a, .ftrboxmid a {
  color: #EE145B;
  text-decoration: underline;
}