/* CSS Document */

@import 'grid.css';

	/* reset all padding and margins */
*{padding:0;margin:0;}

/* ie peekaboo fix*/ 
.holly h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

#contents h1 {
position: relative;
}

html, body, #wrapper {
	font: 95% arial, hevetica, sans-serif;
	min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
	text-align: center;
    }

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

#wrapper {
    position: absolute;
    top: 0;
    left: 0;
	background: url(images/wrapperBck.gif) repeat-y 50% 0;
    }

#main {
    height: auto;
    /* padding: .5em;*/
    padding-bottom: 1em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
    width: 770px;
     margin: 0px auto; 
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: left;
	background: url(images/botgrad1.jpg) left bottom repeat-x;
	}

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	}
	
#footer p {
	color: #DEC7D5;
	font-size: 80%;
	text-align: center;
	width: 770px;
	margin: 0px auto;
	}

#copyright p {
	color: #DEC7D5;
	font-size: 80%;
	text-align: center;
	width: 770px;
	margin: 0px auto;
	}
	
 
/* ========================== header ========================= */

.bckrep{
	background: #b5859b url(images/bck_tilep.jpg) repeat-y 50% 0;
	}
	
	
.skip {
	float: left;
	width: 1px;
	height: 1px;
	}
	
.skip img {
	text-decoration: none;
	border: none;
	}
	
#header
	{
		height: 65px;
		padding-left: 20px;
		/* background-color: #5d023d; */
		background: #5d023d url(images/headergfx.jpg) right top no-repeat; 
		font: 100% arial, hevetica, sans-serif;
		color:#000;
		
		}
		
		
#logo h1 {
    padding: 65px 0 0 0;
    overflow: hidden;
    background-image: url( images/alexander-brown-and-co.gif); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:65px; /* for IE5.5's bad box model */
} 

#tag {
width: 280px;
float: right;
color: #FFFFFF;
font-weight: bold; 
padding-top: 25px;
}

#tag h2 {
font: 85% arial, hevetica, sans-serif;
font-weight: bold;
letter-spacing: .1em;
 
}

/* ================= menu styling ====================== 610F40 371D64*/
	
#mainnav {
 width: 770px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
	background: #610F40 url(images/menu_mbar2.jpg) repeat-x;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	}

#menuwrapper {
	padding-left: 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #610F40; 
	background-image: url(images/menu_mbar1.jpg);
	background-repeat: repeat-x;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}


#menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #231932;
	font-size: .9em;
	color: #fff;
}


#menubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/bullet_lighter.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menubar a.trigger:hover {
	background-image: url(images/bullet_darker.gif);
}

#menubar a.trigger:focus {
	background-image: url(images/bullet_darker.gif);
	}


#menubar li {
	float: left;
	width: 9em;
}


#menubar li ul, #menubar ul li  {
	width: 14em;
}


#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}


#menubar li ul {
	position: absolute;
	display: none;
	border-right: 1px solid #231932;
	/* background-image: url(images/menu_grad.jpg);
	background-repeat: repeat-x;*/
	background-color: #eac5d8;
}


#menubar li ul li{
	border-bottom: 1px solid #333333;
}


#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #000000;
	background-color: #eac5d8;
}



#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
}


#menubar li:hover ul a, #menubar li.hvr ul a {
	color: #000000;
	background-color: transparent;
}


#menubar ul a:hover {
	background-color: #80455e!important;
	color: #FFFFFF!important;
}


#menubar li {width: auto;}
		
	#secondnav
	{
		height: 5px;
		background-color:#3b4a77;
		overflow:hidden;
	}

	#rightColumn
	{
		float: right;
		width: 266px;
		height: 100px;
	}
	

/* ===================== contents styles =========================== */

#contbck {
		/*background: url(images/botgrad.jpg) left bottom repeat-x;
		 padding-bottom: 200px; */
		 background-color: #FFFFFF;
		}

#sponsorbck {
		background: url(images/sponsor_bck.jpg) left top no-repeat;
		}
		
	
#contents {
	padding-top: 250px;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;
	padding-bottom: 20px;
	}
	
#contents h1 {
	font: 150% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #590239;
	/* text-indent: 30px;*/
	padding-top: 15px;
	margin-bottom: 0;
	 width: 70%; 
	}
	
#contents h2 {
	font: 120% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #590239;
	/* text-indent: 30px;*/
	margin-top: 15px;
	margin-bottom: 0;
	}
	
#contents p {

	color: #000;
	font-size: 95%;
	margin-top: 0px;
	margin-bottom: 5px;
	}

.container hr {
width: 290px;
margin: 0px 10px 0px 35px;
}

.border {
border: 3px solid #382165;
}

.bigNotice {
font: 160% Arial, Helvetica, sans-serif;
color: #472a86;
}
	
	
/* ===================== contact ad styles =========================== */

#contactad {
padding-right: 303px;
border-top: 1px solid #5d023c;
border-bottom: 1px solid #5d023c;
background: #dec7d5 url(images/plumbing-fittings.gif) right top no-repeat; 
}

.contacttxt {
padding:  16px 0 19px 20px;
letter-spacing: 0.3px;
}

#links {
width: 110px;
float:right;
}

#links ul {
        list-style-type: none;
        width: 110px;
		
} 

#links li {
		border-left: 1px solid #5d023c;
		border-right: 1px solid #5d023c;
        /* border: 1px solid #5d023c; 
        border-width: 1px 0;
        margin: 5px 0;
		height: 77px;*/
		background: url(images/contactBck.jpg) top left repeat-x;
}

#links li a { 
        color: #5d023c;
        display: block;
        font: bold 15px Arial, Helvetica, sans-serif;
		padding-left: 13px;
        padding-top: 25px;
		padding-bottom: 25px;  
        text-decoration: none;
		height: 27px; 
}

 * html #links li a {  /* make hover effect work in IE */
	width: 110px;
	height: 27px;
}

#links li a:hover {
		color: #FFFFFF;
        background: #5d023c;
}



/* ======================= flash styles ===========================*/

#flashcenter {
position:relative;
margin:0 auto;
text-align:left;
width: 770px;

}

#flashcontent {
background: url(images/flashBck.jpg) top left repeat-x;
color: #000000;
z-index: 0; 
position:absolute; 
left:0; 
top:0;
}

#securexcontent {
background: url(images/securexBck.jpg) top left repeat-x;
color: #000000;
z-index: 0; 
position:absolute; 
left:0; 
top:0;
}

#endfeedcontent {
background: url(images/endfeedBck.jpg) top left repeat-x;
color: #000000;
z-index: 0; 
position:absolute; 
left:0; 
top:0;
}

.flashtxt {
font-size: 90%;
padding: 13px 0 13px 20px;
margin-right: 30px;
/* margin: 13px 20px 13px 20px;*/
width: 430px;
height: 144px;
float: left;
z-index: 5;
position:relative; 
left:0; 
top:0;
}

.flashtxt h1 {
font: 150% Arial, Helvetica, sans-serif;
}

.hLam {
color: #584431;
}

.hSec {
color: #2d5b04;
}

.hEnd {
color:#ad6327;
}

.flashtxt h2 {
font: 140% Arial, Helvetica, sans-serif;
}



.flashtxt a:link {
font-weight: bold;
color: #000;
}

.flashtxt a:visited {
text-decoration: none;
color: #000;
}

.flashtxt a:hover {
text-decoration: none;
color: #000;
}

	

	/* =========================== clear floats ============================== */

	

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
	}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */

/* applies to ie < 7 */

* html .clearfix {height: 1px;}

/* End hide from IE<7 */

.clearfixleft:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
	}

.clearfixleft {display:inline-block;}

/* Hide from IE Mac \*/

.clearfixleft {display:block;}

/* End hide from IE Mac */

/* applies to ie < 7 */

* html .clearfixleft {height: 1px;}

/* End hide from IE<7 */
	

/* =============== positioning stuff ====================*/

.center {
text-align: center;
}

.floatRightz {
float: right;
position: relative;
z-index: 100;
}

.floatRight {
float: right;
}

.floatLeft {
float: left;
}

.floatLeft img {
border: 0;
border: none;
text-decoration: none;
}

.floatRight img {
border: 0;
border: none;
text-decoration: none;
}

.floatRightAdd {
font-size: 120%;
width: 320px;
padding: 0px 10px 7px 0;
float: right;
}

.floatRightPdf {
width: 91px;
height: 18px;
float:right;
}

.floatRightPdf img {
border: 0;
border: none;
text-decoration: none;
}

.botPad {
padding-bottom: 200px;
}

.padLeft{
padding-left: 30px;
line-height: 2em;
}

.noborder {
border: 0;
border: none;
text-decoration: none;
}

#as {
width: 200px;
border: 1px solid #CCCCFF;
}

#ps {
width: 265px;
border: 1px solid #CCCCFF;
}

.centered {
width: 250px;
 margin: 0 auto;
}

.centeredMid {
width: 580px;
 margin: 0 auto;
}
/* =================== text styling ======================== */

	.contAdNorm {
	font: 13px Arial, Helvetica, sans-serif;
	 font-weight: bold; 
	color: #330221;
	}
	
	.contAdBigBold {
	 font: 18px Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 color: #000000;
	}
	
	.contAdMed {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #721f3c;
	}
	
	.color {
	color: #ab337f;
	font-weight: bold;
	}
	
	.newsHead {
	font: 130% Arial, Helvetica, sans-serif;
	color: #715b9d;
	font-weight: bold;
	}
	
	.bold {
	font-weight: bold;
	}

	
	.boldright {
	font-weight: bold;
	text-align: right;
	}
	
	.boldcolor {
	font-weight: bold;
	color: #5D023B;
	}
	
	
	.winners {
	color: #04447b;
	font: 200% Arial, Helvetica, sans-serif;
	}
	
	

/* =================== link styling ======================== */
	
	#contents a {	
	color: #000;
	}
	
	#contents a:visited{	
	color: #000;
	}
	
	#contents a:hover{	
	color: #000;
	}
	
	
	#footer a {
	text-decoration: none;
	color: #DEC7D5;
	}
	
	#footer a:visited, a:hover{
	text-decoration: none;
	color: #DEC7D5;
	}
	
	#copyright a {
	text-decoration: none;
	color: #DEC7D5;
	}
	
	#copyright a:visited, a:hover{
	text-decoration: none;
	color: #DEC7D5;
	}


	
	#news a:link 
	{ 
		font: 130% Arial, Helvetica, sans-serif;
		color:#715b9d;
		text-decoration: none;
		font-weight: bold;  
	}

	#news a:visited { 
		font: 130% Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		font-weight: bold; 
		}   
	
	#news a:hover, #news a:active
	{
		font: 130% Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
		font-weight: bold; 
		
	}
	
/* ======================== ul styling for main contents ============================== */

.fix {
padding-left: 50px;
}


/* ================ ie fix for external interface ========================= */

.move {
height: 0px;
width: 0px;
/* text-indent: -9000px*/
}
	
	
/*********************************************************************
  **********************  FORM STYLING  ******************************
  *******************************************************************/  
  
label {
color: #8f1964;
font-weight: bold;
}

.textarea {
font: 100% Arial, Helvetica, sans-serif;
}