/*-----------------------------------------------------------------------------

version:   1.0
date:       3-29-07
author:    marc duisenberg
email:     stylehelp@mouseworks.biz
website:   http://www.mouseworks.biz

changed primary font to Segoe 3-17-09
changed content p and content h2 margins to 0   5-4-09
-----------------------------------------------------------------------------*/

/* =Email Hiding
-----------------------------------------------------------------------------*/
a:link.hide { display:none; }

p span.hide { display:none; }


#guidelines {
background: #ffffff url(../images/guidelines/UW-template-guideline3.gif) no-repeat;
padding:0 800px 800px 0;
}

/* =Normalizing - overriding default browser styles
-----------------------------------------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
margin:0; padding:0;
}

h1,h2,h3,h4,h5,h6,pre,code { 
font-size: 100% 
}

ul,ol { 
list-style:none 
}

fieldset, img {
border:0;
}

.clear {
	clear:both;
}

img {
	border: 0;
}



/* =General
--------------------------a2a67f---------------------------------------------------*/
html {
text-align:center;
}

body{
background-color: #a2a67f;
text-align:center;
margin: 20px auto 20px auto;
}

div#pagewrap{
position:relative;
width: 850px;
min-width:770px;
margin: 0px auto 0px auto;
padding:0px;
text-align:left;
background: #fff url(../images/bg_pagewrap3.gif) repeat-y;
}


/* =Typography
-----------------------------------------------------------------------------*/

body{
font: small/1.35 Segoe, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Georgia, Arial, Tahoma, Verdana, sans-serif;

}

/* =Branding
-----------------------------------------------------------------------------*/
div#branding{
text-align: left;
height: 221px  ;
background: transparent url(../images/branding1.jpg) no-repeat;
}

div#branding h2 img{
margin:0px 0 0 0;
}

div#branding h2{
float:left;
display: inline;
height:70px;
width:;
margin:0px;
color:white;
xbackground: transparent url(../images/logo_branding.gif) no-repeat 0% 0%;

}
div#branding li{
text-align:center;
padding: 0px 5px;
display:inline;
display:none;

}

/* =Content Container
-----------------------------------------------------------------------------*/
div#content, #content-planning{
width:610px;
float:right;
display: inline;
margin:15px 30px 0px 15px  ;
xbackground: #fff url(../images/bg_content.gif) repeat-y;

text-align:left;            /** ADDED  2-19-09**/
}


/* =Content Main 
          currently this is the center column of content

-----------------------------------------------------------------------------*/
div#maincontent{                 
padding:0;
margin:0 15px 20px 0px;
xborder: 1px #ff9600 solid;
background-color:#fff;
width:385px;
float:left;
display: inline;
text-align:left;
}


/* =Content Secondary & Sub       
          secondarycontent      - currently this is the right column of content 

-----------------------------------------------------------------------------*/
div#secondarycontent, div#secondarycontent2{                
xborder: 1px #fe230a solid;
xbackground-color:#f4f6e0;
margin:30px 0px 30px 0;
padding:0;
width:175px;
float:right;
display: inline;
text-align:left;            /** ADDED  2-19-09**/
}

/**  NOT USED
div#secondarycontent ul#funded li{
margin:5px 0px 0 20px;
display: list-item;
list-style-type: disc; 
xwidth:210px;
}
**/


/**  NOT USED
.announce-unitedcard{  
margin:0px auto;
padding: 0px 0 0 0;
width:auto;
height:231px;
background: #fff url('../images/bg_unitedcard.gif') no-repeat bottom left;
border: 1px #5f638f solid;
}

**/
/**xposition:absolute;
xtop: 159px;
xleft:0px;**/

div#subcontent{   /* currently this can be photos, text, etc. - located below left nav */
margin:0px 0 20px 0px;           /* neg top margin to bring back up */
padding: 0;
width:190px;  /* added width 3-25-09 */
float:left;
display: inline;

}

/* =Forms
-----------------------------------------------------------------------------*/

#vendor-app input{
border: 1px #4f4f4f solid;
}


/*floating image */
xdiv#sidebar-graphic{ 
margin:0 0 0px 0;  
height:175px;
background: transparent url(../images/sidebar_basket.jpg) no-repeat;
}

div#subcontent img{ 
margin:0 0 0 0px;
}

div#flashcontent{ 
margin:0 0 0 0px;
}


/* =Headings and Paragraphs
-----------------------------------------------------------------------------*/


#content h1, #content h2, #content h3{
padding: 3px 10px;
margin:0px 0;
line-height:20px;
font-size:110%;
background-color: #cdd4a3; 
color:#556100;
}

#content p{
margin:0;
padding: 0px 10px ;
color:#222222;
}

#content-planning p{
margin:0;
padding:0;
color:#222222;
}

#content-planning h6{
width:800px;
padding:0 0 25px 0;
}

div p#pagetitle{
margin:0;
font-size:110%;
color: #758501;
font-weight:bold;
width:375px;
background-color:#fff;
}

div#secondarycontent p{ 
margin:0;
color: #767a5f;
font-size:90%;
line-height:20px;

}


/* =Images
-----------------------------------------------------------------------------*/
div#secondarycontent img{
xfloat:left;
margin:0px 0 0 0px ;
xwidth:175px;                         /** WATCH OUT ON THIS width setting - if image is a different size then distortion can occur **/
}


div#secondarycontent h5{  /*** image set in an h5 tag so to center the image with the text-align prop ***/
margin:10px auto 0 auto;
text-align:center;
}



/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited, a:hover, a:active{
text-decoration: none; 
color: #10167f
}

#footer li a:link, #footer li a:visited{
text-decoration: none; 
color:#fff;
}

a:hover, #footer li a:hover{
text-decoration: underline; 
}

div#branding a, div#branding a:visited{
color:#000;
text-decoration: none; 
margin:0;
padding:0;
}

div#branding a:hover {
text-decoration: underline; 
}

#content h2#navname a{
color: #dadada;
text-decoration: underline; 
}

#content h2#navname a:hover{
color: #fff;
text-decoration: none; 
}

/* =Lists
-----------------------------------------------------------------------------*/

/**  NOT USED
div#maincontent ul, 
div#secondarycontent ul {
margin:10px 10px;
}
**/

/**  NOT USED
div#maincontent ul li,
div#secondarycontent ul li{
margin:5px 0px 0 15px;
display: list-item;
list-style-type: disc; 
xwidth:210px;
}
**/




/* =Nav Main 
-----------------------------------------------------------------------------*/
div#mainnav{          /* this 'mainnav' section would be the main links with drop downs in the UW National template */
float:left;
display: inline;
margin:25px 0px 50px 10px;
padding:0;
background-color: #7a8337; 
}

div#mainnav ul{
float:left;                         /*  ADDED 3-25-09  */
}
div#mainnav li{
text-align:left;
padding:0;
}

div#mainnav li a,
div#mainnav li#selected,
div#mainnav li#sub_selected
{
display:block;
height:27px;
line-height:27px;
text-indent:10px;
background-color: #7a8337;
color: #fff;
xborder-top: 1px #fff solid;
xborder-left: 15px #fff solid;
width:170px;
}
/* NOT USED
div#mainnav li#selected, div#mainnav li a#selected{
background: #d8ddf5 url('../images/sitegraphics/nav_arrow.gif') no-repeat 2% 50%;
color: #525252;
xborder: 1px #fff solid;
xborder-left: 15px #fff solid;
width:160px;
background: #d8ddf5 url('../images/sitegraphics/nav_arrow.gif') no-repeat 2%; }
*/

/* NOT USED
div#mainnav li.sub a,
div#mainnav li#sub_selected{
font-size:93%;
color: #525252;
height:20px;
line-height:20px;
text-indent:40px;
border-top: none;
xborder-left:#fff 15px solid;
}
**/

div#mainnav li#sub_selected{
background: #d8ddf5 url('../images/sitegraphics/nav_arrow.gif') no-repeat 15% 50%;
xwidth:160px;
}

div#mainnav li a:hover, div#mainnav li a#selected:hover{
background-color: #8c953c;
xcolor: #ff9600;
text-decoration:none;
}

#home #nav .home a, 
#sites #nav .sites a, 
#location #nav .location a, 
#photos #nav .photos a, 
#printinfo #nav .printinfo a,
#links #nav .links a,
#contact #nav .contact a   {
background: #4e570c url('../images/sitegraphics/nav_arrow.gif') no-repeat 2% 50%;
color: #fff;
cursor:default;
 }



/* =Nav 2  Main          -  in this version this is where the 'global' links are located in the UW national template
-----------------------------------------------------------------------------*/

/** NOT USED

div#mainnav2{        

width:770px;           
padding: 3px 0;        
text-align:right;
}

div#mainnav2 li{         
padding: 0px 20px;
display:inline;
}
**/

/* =Nav Sub 
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

fieldset {                    /* Removes fieldset borders. even on Opera 7 */
  border: 1px solid transparent;
}

#form {
margin:10px 0 0 5px;
color:#004364;
font-weight:bold;
}

input, textarea, .submit {
padding:3px 0 3px 0px;
border:1px #5c6041 solid;
}

input{
border:none;
}

#form p{
margin:10px 5px;
padding:0;
}
.radiostyled{
border:none;
margin:5px 0 0 0 ;
}

div#signup{
font-size:88%;
margin: 0 auto 20px auto ;
padding:0px 6px;
color:#dcdeca;
width:178px;
xheight:210px;
float:left;
display:inline;

}

div#signup a:hover{
border: 1px solid #fff;

text-decoration:none;

}
div#signup a{
background-color: #8c953c;
padding: 5px;
xcolor: #ff9600;
width:168px;
height:110px;
text-decoration:none;
display:block;
}

div#signup ul{
margin:0px;
padding:0;
list-style:none;
width:190px;
float:left;
display:inline;
}

div#signup ul li{
display:block;
padding:0px 0px;
line-height:5px;
list-style:none;
float:left;
display:inline;

}



/* =Footer (site info)
-----------------------------------------------------------------------------*/
div#footer{
background-color: #676e2b;
clear:both;
margin:0;
padding:0px;
border-top: 1px #505b30 solid
}

div#footer ul{
background-color: #676e2b;
margin: 0;
padding:5px;
}
div#footer ul li{
display:inline;
padding:0px;
font-size:85%;
color:#fff;
font-weight: bold; }

div#footer ul #copyright{
xdisplay:inline;
color: #fff;
margin:0px 80px 0 0;
padding:0px 0px 0 15px;
}

div#footer ul li #email{
display:inline;
color:#fff;

}

div#footer ul li#credit{
font-size:85%;
float:right;
display:inline;
color:#383f15;
font-weight: normal;
margin:10px 0 0 0;
padding: 0;
}

/** NOT USED
#pagewrap h4{
background-color: #bababa;
text-align:right;
font-weight: normal;
font-size: 85%; 
}
**/

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
.nospace p, .nospace a{
margin:0;
padding:0px;
}

.nospace a{

}



/* =Sprytextfield 
-----------------------------------------------------------------------------*/




/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}



/* =Sprytextarea 
-----------------------------------------------------------------------------*/

/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}