﻿* { 
        margin: 0; 
        padding: 0; 
} 

html { 
        width: 100%; 
        height: 100%; 
} 

body { 
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: .95em;
        width: 100%; 
        height: 100%; 
        background-color: #FFFFFF; 
        min-width: 1000px;
}

input[type=text], textarea  
{
    border: 1px solid #CCCCCC;
    padding: 4px;
    margin: 0 0 10px 0;
    color: #666666;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

input[type=text]:focus, textarea:focus, select:focus {
    border: 1px solid #00336A;
}

input[type=checkbox],input[type=radio] {
    border:none;
    padding: 4px;
    margin: 0 5px 0 5px;
}

input:hover[type=checkbox],input:hover[type=radio] {
    border:none;
}

input[type=text]:hover, textarea:hover, select:hover 
{
    border: 1px solid #00336A;
}

input[type=submit] 
{
    color:#FFFFFF;
	background-image:url(../images/linkBG.gif); 
    background-repeat:repeat-x;
    line-height:27px;
    padding:0 10px 0 10px;
    border:solid 1px #CCCCCC;
    font-size:1em;
    font-weight:bold;
}

input[type=submit]:hover 
{
    color:#00336A;
    background-image:url(../images/activeLinkBG.gif); 
    background-repeat:repeat-x;
    border:solid 1px #00336A;
}

select 
{
    margin: 0 0 10px 0;
    padding: 4px;
    border: 1px solid #CCCCCC;
    color: #606C46;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

img 
{
    border: none;
}

button 
{
	background-color: #EFEFEF;
	border: solid 1px #00336A;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #333300;
	padding: 5px;
}

fieldset { 
    border:none; 
}

legend { padding: 0.2em 0.5em; color:#666666; font-size:1em; text-align:right; }

.left { float:left; }

.right { float:right; }

.clear {clear:both;} 

h1 { 
    font-size: .95em; 
    color: #00336A; 
    text-transform:uppercase;
    background-position:bottom; 
    padding: 15px 0 5px 10px; 
    font-weight:bold;
} 
        

/* CONTENT */ 

#container { 
	margin: 0 auto;
	width: 995px;
}

#pageHeader
{
	padding: 2px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    color: #666666;
    text-align: center;
    height: 115px;
    clear: both;
}

#pageHeader a:link, #pageHeader a:active, #pageHeader a:visited
{
	text-decoration: underline;
	color: #666666;
}

#pageHeader a:hover
{
	text-decoration: underline;
	color: #999999;
}

#leftColumn 
{
	margin: 1px 0 10px 0;
	float:left; 
	width: 185px;
}

#donate 
{
	padding: 5px;
	border: solid 1px #CCCCCC;
	background-color:#EFEFEF;
	font-size: 10pt;
}

#eventName 
{
	margin: 15px 0 5px 5px;
	background-image:url(../images/trekUpTheTower.gif);
	background-repeat:no-repeat;
	width:147px;
	height:34px;
}

.presentingSponsors 
{
	padding: 0 0 15px 15px; 
    font-family: Tahoma, Arial, Helvetica, sans-serif; 
    font-size: .7em;
}

.lineSpacer 
{
	height:1px;
	width:100%;
	background-color:#CCCCCC;
	margin-bottom:10px;
	margin-top: 2px;
}

#middlecolumn 
{
	margin: 1px 0 10px 5px;
	padding:5px;
	float:left; 
	width:591px;
	border:solid 1px #CCCCCC;
}

#middlecolumn a:link, a:visited, a:active 
{
    color:#00339A;
    text-decoration:underline;
}

#middlecolumn a:hover 
{
    color:#666666;
}

#pagetitle 
{
    height:50px;
    line-height:22px;   
    background-color:#FFFF87;
    background-image:url(../images/activeLinkBG.gif);
    background-repeat:repeat-x;
    color:#00339A;
    border:solid 1px #CCCCCC;
    padding-left:2px;
}

#pagetitle h1 
{
    font-size:1.50em;
    font-variant:small-caps;
    text-transform:lowercase;
    background-image:url(../images/pagetitlebg.png);
    background-repeat:no-repeat;
    background-position:left;
}

#wwppagetitle 
{
    height:50px;
    line-height:22px;   
    background-color:#D00019;
    background-image:url(../images/wellworkplacepageheaderbg.png);
    background-repeat:repeat-x;
    color:#FFFFFF;
    border:solid 1px #CCCCCC;
    padding-left:2px;
}

#wwppagetitle h1 
{
    font-size:1.50em;
    font-variant:small-caps;
    text-transform:lowercase;
    color:#FFFFFF;
}

.sectionheader 
{
    height:35px;
    line-height:35px;
    background-image: url(../images/sectionheaderbg.png);
    background-repeat:repeat-x;
    border:solid 1px #CCCCCC;
}

.sectionheader h2 
{
    padding-left:10px;
    font-weight:bold;
    font-size:1em;
}

#secondarymiddlecolumn 
{
    margin: 1px 0 10px 5px;
    padding: 5px 5px 5px 5px;
	float:left; 
	width:793px;
	border: solid 1px #CCCCCC;
}

#secondarymiddlecolumn a 
{
    color:#00339A;
    text-decoration:underline;
}

#secondarymiddlecolumn a:hover 
{
    color:#666666;
}

#pictureNumbers 
{
	display: inline;
}

.clear {clear:both;}

#numberLinks {
    font-size: 10pt; 
    margin: 0; 
    float: right;
} 

#numberLinks li 
{
	margin-top:10px;
	margin-left:5px;
	margin-right:0;
	margin-bottom:5px;
	list-style:none; 
	line-height:35px;
	width:35px;
	border: solid 1px #CCCCCC;
	text-align:center;
	color:#FFFFFF;
}

#numberLinks li:hover 
{
    color:#666666;
	background-color:#FFFF87;
	background-image:url(../images/activeLinkBG.gif); 
    background-repeat:repeat-x;
    cursor:pointer;
}

#numberLinks a 
{
	width: 35px;
	display:block;
	color:#FFFFFF;
}

.numberLink 
{
	height:35px;
	line-height:35px;
	width: 35px;
	color:#FFFFFF;
	background-color:#00214F;
	background-image:url(../images/linkBG.gif); 
    background-repeat:repeat-x;  
	font-weight:bold; 
}

.numberLink a:link, .numberLink a:visited, .numberLink a:active
{
	color:#FFFFFF;
} 

.numberLink a:hover 
{
	height:35px;
	line-height:35px;
	width:35px;
	color:#666666;
	background-color:#FFFF87;
	background-image:url(../images/activeLinkBG.gif); 
    background-repeat:repeat-x;
}

#numberLinks .activeNumberLink 
{
	width:35px;
	line-height:35px;
	height:35px; 
	color:#666666;
	background-color:#FFFF87;
	background-image:url(../images/activeLinkBG.gif); 
    background-repeat:repeat-x;  
	font-weight:bold;
	text-align:center;
}

#numberLinks .activeNumberLink a:link, .activeNumberLink a:active, .activeNumberLink a:visited
{
	height:35px; 
	color:#666666;
} 

#numberLinks .activeNumberLink a:hover 
{
	height:35px; 
	color:#666666;
}

#storeColumn 
{
	margin: 1px 0 10px 5px;
	float:left; 
	width:805px;
}

#content 
{
	margin-top: 6px;
	background-color:#FFFFFF;
	border:solid 1px #666666;
	width:528px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #000000;
}

#content a:link, #content a:active, #content a:visited 
{
    color: #00336A;
    text-decoration: underline;
}

#content a:hover 
{
    color: #999999 
}

.homePage a:link, .homePage a:active, .homePage a:visited 
{
    color:#00336A;
    text-decoration:underline;
    font-size:1.25em;
    font-weight:bold;
}

.homePage a:hover 
{
    color:#365C86;
}

#info 
{
	padding:10px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #000000;
    width:575px;
}

#info h4 
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

#eventDate 
{
	margin: 0 0 4px 0;
	float: right;
	background-image:url(../images/eventDate.gif);
	background-repeat:no-repeat;
	width:149px;
	height:35px;
}

.headers 
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.raceResultsLink 
{
	text-align: center;
	text-decoration: underline;
}

.listInformation
{
    list-style-type: none;
    display: block;
}

.itemStyle 
{
    background-color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    text-align: center;
}

.alternateStyle 
{
    background-color: #DADADA;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
    text-align: center;
}

.listInformationHeader 
{
	padding:10px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    list-style-type: none;
}

.listInformation 
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    list-style-type: none;
    padding:10px;
}

.numberedList 
{
	margin:0;
    font-family: Tahoma, Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    list-style-type: decimal;
    padding: 10px 0 0 20px;
}

#rightColumn 
{
	margin: 1px 0 10px 5px;
	float:left; 
	width:190px;
}

#nextEvent 
{
	width:100%;
	text-align: center;
    clear: both;
    padding:5px;
	border:solid 1px #CCCCCC;
	background-color:#EFEFEF;
	font-size:10pt;
}

#specialEvent 
{
	width:100%;
	text-align: center;
    clear: both;
    padding:5px;
	border:solid 1px #CCCCCC;
	background-color:#EFEFEF;
	font-size:10pt;
}

#wellWorkPlace 
{
	width:172px;
	text-align: center;
    clear: both;
    padding:5px;
	border:solid 1px #CCCCCC;
	background-color:#EFEFEF;
	font-size:10pt;
}

#lightOfWellness 
{
	width:172px;
	text-align: center;
    clear: both;
    padding:5px;
	border:solid 1px #CCCCCC;
	background-color:#EFEFEF;
	font-size:10pt;
}

#safetyEvent 
{
	width:100%;
	text-align: center;
    clear: both;
    padding:5px;
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	font-size:10pt;
}

.blueLinks {
    font-size: 10pt; 
    margin: 0; 
} 

.blueLinks li 
{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	padding:0; 
	list-style:none; 
	line-height:27px;
	border: solid 1px #CCCCCC;
	text-align:center;
}

.blueLinks a 
{
	display: block;
}

.blueLink 
{
	height:35px;
	line-height:35px;
	color:#FFFFFF;
	background-color:#00214F;
	background-image:url(../images/linkBG.gif); 
    background-repeat:repeat-x;  
	font-weight:bold; 
}

.blueLink a 
{
	height:35px;
	line-height:35px;
	color:#FFFFFF; 
	padding: 0;
	text-decoration:none;
} 

.blueLink a:hover 
{
	height:35px;
	line-height:35px;
	color:#666666;
	background-color:#FFFF87;
	background-image:url(../images/activeLinkBG.gif); 
    background-repeat:repeat-x;
}

.yellowLinks {
    font-size: 10pt; 
    margin: 0; 
} 

.yellowLinks li 
{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;
	padding:0; 
	list-style:none; 
	line-height:27px;
	border: solid 1px #CCCCCC;
	text-align:center;
}

.yellowLinks a 
{
	display: block;
}

.yellowLink 
{
	height:27px; 
	color:#666666;
	background-image:url(../images/activeLinkBG.gif); 
    background-repeat:repeat-x;  
	font-weight:bold; 
}

.yellowLink a 
{
	height:27px; 
	color:#666666; 
	padding: 0;
} 

.yellowLink a:hover 
{
	height:27px; 
	color:#FFFFFF;
	background-image:url(../images/linkBG.gif); 
    background-repeat:repeat-x;
}

.resourceLink a:link, .resourceLink a:active, .resourceLink a:visited 
{
    color: #00336A;
    font-size:10pt;
    text-decoration: underline;
}

.resourceLink a:hover 
{
    color: #999999;
    font-size:10pt;
    text-decoration: underline;
}

#contactusform {
    position:relative;
    list-style-type:none;
    clear:left;
    float:left;
    left:50%;
    text-align:left;
}

#contactusform li {
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
    right:50%;
    margin:2px 4px 0 4px;
    padding:0px 0 0px 0;
}

#signupform 
{
    padding:10px 15px 10px 15px;
}

#signupform li
{
    list-style-type:none;
}

#signupform h3 
{
    font-size:1em;
}
