/* CSS Document */


* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Tahoma, Verdana, Arial, Lucida Grande, sans-serif;
font-size:80%;
background-color: #fff; 
text-align: center; /*** Centers the design in old IE versions ***/
margin-left:auto;
margin-right:auto;}
body {
font-size: 100%;text-align:center;} 

}
/*normal stuff */

p {padding: 7px 0 7px 0;
text-align: left;}

a {
color: #000000;cursor: pointer;
}
a:hover{
color: #000000;
text-decoration: underline;cursor: pointer;
}

/*header stuff*/
h1, h2, h3 {
font-weight: normal;
padding-bottom: 5px;
padding-top:30px;
}
h1 {
	font-size: .8em;
	padding-left: 5%;
}
h2 {
font-size: .7em;
}
h3 {
font-size: .6em;
}
h1 a, #header h2{
color: #E5E5E5;
}

/*clear div */
.clear { clear: both; }

/*main container holds it all together */

#mainContainer {
width: 754px;
margin: 0 auto; /*** Centers the design ***/
min-height: 300px;
background: #fff;
text-align: center; 
}

* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


/*ylm header thing */

#header { 
background-image: url(../images/ylm_header_detail.gif);
background-repeat:no-repeat;
background-position:left; 
padding:5px;
padding-top:1em;
margin:5px;
font-family: Tahoma, Verdana, Arial, Helvetica, Lucida Grande, sans-serif;
font-size:2em;
text-align:left;
padding-left:176px;
color:#000;
height:35px;
width:744px;
}
/**************************
all other stuff
**************************/
.outer {
margin-top: 0px; 
}
* html .outer {
width: 90%;
}
.inner {

}
* html .inner {
	width: 110%;
}

.float-wrap {
	float: left;
	width: 150px;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}


/* them damn buttons!!!!!!!! */

#navcontainer {
        /*background: #F8F8F8; */
        width:754px;
		margin: auto 0;
		/*border: 1px solid #F8F8F8; */
		height:2em;
		margin-top:25px;
	

}
#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: left;
				/*padding-left:212px; */
        }
}

#navlist li {
		font-family:Verdana, Arial, Helvetica, sans-serif;font-size:95%;
        bottom: 11px;
        display: inline;
        line-height: 1.0em;
        margin: 0;
        padding: 0;
        position: relative;	
}

html>body #navlist li {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:95%;
     background: #F8F8F8;
		background: #fff;
        margin: 0 3px 0 0;
        padding: 4px 0px 0px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:95%;
        background: #E5E5E5; 
        border: 1px solid #ccc; 
        bottom: 2px;
        color: #000;
        cursor: pointer;
        display: inline;
        height: 1.0em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 0px;
        text-decoration: none;
		border-left: 1px solid #ccc;
		
}

#navlist a:hover {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:95%;
		background: #fff; 
        bottom: 1px;
        color: #000;
        position: relative;
        right: 1px; border: 1px solid #ccc; 
		
}



#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
       background: #ccc;  border: 1px solid #000; 
        /*border-bottom:1px solid #000; */
        /*border-left: 1px solid #ccc; */
        /*border-right: 1px solid #000; */
        /*border-top: 1px solid #000; */
        bottom: 0;
        color: #000;
        cursor: text;
        margin: 0;        
		padding: 4px 5px 4px 5px;
        height: 1.0em;
        position: relative;
        right: 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:95%;
	
}

/*marketing message content */
#content {
background-color:#fff;
float: right;
width:544px;
text-align:left;clear:right;
vertical-align:middle;
/* border-bottom:1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-top: 1px solid #000; */
margin-top:15px;}
* html #content {
	position: relative;  /*** IE needs this  ***/
	margin: auto 0;
margin-top:15px;}
.contentWrap {
	padding: 5px 5px 5px 5px;
	height: auto;
	display:inline-block;margin-top:15px;	
}
.contentWrap ol, .contentWrap ul {
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
Side Logo and Filter area
**************************/
/*** div.marketing is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.marketing is carried over into the proper position. 
***/
#marketing {
float: left;
width: 175px;
background: #fff; 
height: auto;
padding-left: 2px;
margin: 0px 0px 0 0px; /*** Move the left column so it takes the positon as a top menu ***/
text-align:left;
font-size:80%;
border-right: solid 1px #F8F8F8;
color:#000000;
}
* html #marketing {
position: relative;  /*** IE needs this  ***/

}

/*john i wonder if we could deliver teh filter icon from here */ 
#marketing ul {
list-style-image:url(../common/Images/Icons/<xsl:value-of select="@GroupIconURL" />.gif);
list-style-position:inside;
}
#marketing li {
display: inline;
padding-right: 15px;
padding-right:5px;
}
#marketing a, a:link, a:hover {color:#000000;cursor: pointer;}
/*************************
Display pic COLUMN - 
**************************/
#display {
	width: 770px;
	max-width:770px;
	height:auto;
	background: #fff;
	padding: 5px;
	border-style:solid;
	border-color:#F8F8F8;
	border-width:1px;
	margin: 0 auto;
	text-align: left;
}
* html #display {
	position: relative;  /*** IE needs this  ***/
	overflow: scroll-y;
	visibility: visible;
	max-width:770px;
	float: inherit;
text-align:center;
}

/**************************
Keywords
**************************/
#footer {
width: 744px;
margin: 0 auto;
text-align: left;
background-color: #fff;
font-size:90%;
color: #666666;
line-height:110%;
padding-top:1em;
padding-left:0em;
padding-right:1em;
background-image: url(../images/ylm_footer_detail.gif);
background-repeat:no-repeat;
background-position: bottom;
}