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

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


#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
-----------------------------------------------------------------------------*/
html {
text-align:center;
}

body{
background: #e7e8f3 url(../images/bg_body1.gif) repeat-x;
text-align:center;
margin: 2px auto 20px auto;
}

div#pagewrap{
background-color: #ffffff;
position:relative;
width: 770px;
min-width:770px;
margin: 2px auto 20px auto;
padding:0px;
text-align:left;
}
/* =Typography
-----------------------------------------------------------------------------*/

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

}

/* =Branding
-----------------------------------------------------------------------------*/
div#branding{
text-align: left;
height: 132px  ;
background: transparent url(../images/bg_brandingfull3.gif) no-repeat 0% 0%;
}

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

xdiv#branding h2{
float:right;
display: inline;
height:70px;
width:;
margin:30px;
background: 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{
width:570px;
float:right;
display: inline;
margin:0 0 20px 0px  ;
background-color:#fff;
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:#fff3dd;
width:267px;
float:left;
display: inline;
text-align:left;
}


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

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

div#secondarycontent ul#directors{
margin:10px 10px;
}

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

div#secondarycontent .announce{  /* this div is inside another div but appears to be separate -   the " div#secondarycontent h2.spacer " in Headings section above helps create the illusion by providing a non bordered white space */
margin:0px auto;
width:auto;
border: 0px #5f638f solid;
background-color: #dfddf6;
}

.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;
}

div#secondarycontent .announce img{  
margin:0px auto;
xwidth:250px;
xborder: 1px #5f638f solid;
}


div#subcontent{   /* currently this can be photos, text, etc. - located below left nav */
margin:0px;
padding: 0;
float:left;
display: inline;
clear:left;
}

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

#join{
background-color: #c3c5df;
padding:0 0 0px 0;
color: #c3c5df; 
}

#join .submit{
margin:10px;
}





/* =Headings
-----------------------------------------------------------------------------*/


#content h1, #content h2, #content h3{
padding: 3px 10px;
font-size:120%;
color: #fff; 
}

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

#content .nospace p{
margin:0 0 0 0px;
padding:2px 0 2px 10px ;
}

#content p.highlight{
color: #cb6f2a;
font-weight:bold;
width:530px;
}

#content h2#navname{
margin:10px 0 0 0;
padding: 3px 10px;
background-color: #7c81b8;
width:530px;
}

div#maincontent h2{ 
xheight:1.4em;
background-color: #ff9600 ;
}

div#secondarycontent h2, div#secondarycontent h2.narrow{ 
xheight:1.4em;
background-color: #fe230a  ;
}

p#caption-unitedcard{ 
height:10px;
margin: 0px 0 0px 0;
background-color: #fff  ;
}


div#secondarycontent h2.narrow{
font-size:110%;
padding: 1px 10px;
margin:0px;
background-color: #5f638f;
}

div#content h2.spacer{  /* creates the effect the border container ending  */
margin:0px;
width:auto;
height:25px;
background-color: #fff;

}

div#maincontent h3, 
div#secondarycontent h3{ 
font-size:115%;
color: #333; 
padding-top:15px;

}

/* =Images
-----------------------------------------------------------------------------*/
div#secondarycontent img{
xfloat:left;
margin:0px auto  5px auto;
}

div#secondarycontent img#nomargin{
xfloat:left;
margin:0px auto;
}

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
-----------------------------------------------------------------------------*/

div#maincontent ul, 
div#secondarycontent ul {
margin:10px 10px;
}

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:0px 0px 20px 0px;
padding:0;
xwidth:175px;

}
xdiv#mainnav ul{
margin:0 0 0 15px;
width:160px;
}

div#mainnav li{
text-align:left;
padding:0;
xborder-bottom: 1px #fff solid;
}

div#mainnav li a,
div#mainnav li#selected,
div#mainnav li#sub_selected
{
display:block;
height:27px;
line-height:27px;
text-indent:15px;
background-color: #d2d2d2;
color: #525252;
border-top: 1px #fff solid;
border-left: 15px #fff solid;
width:160px;
}

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;
}

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;
border-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: #e3e3e3;
xcolor: #ff9600;
text-decoration:none;
}



/* =Nav 2  Main          -  in this version this is where the 'global' links are located in the UW national template
-----------------------------------------------------------------------------*/
div#mainnav2{          /* currently this is not being used in this template */
xdisplay:none;
margin:0;
width:770px;           
padding: 0px 0;          /* to set white space since  'mainnav2' ul is commented out in html in this version */
text-align:right;
}

div#mainnav2 li{          /*  'mainnav2' ul is commented out in html in this version */
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 #0080c0 solid;
}

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



/* =Footer (site info)
-----------------------------------------------------------------------------*/
div#footer{
clear:both;
color:#fff;
font-size:85%;
padding:8px 0 0 0;
width:770px;
height: 23px  ;
background: transparent url(../images/bg_footerfull.gif) repeat-x 0% 0%;
}

div#footer ul li{
display:inline;
padding:0px 0 0 20px;
}


#pagewrap h4{
background-color: #ebecf5;
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{

}

h4.db {width:110px; 
height:40px; 
xposition:relative; 
padding:0; 
margin:20px auto;}
h4.db em {
display:block; 
width:110px; 
height:40px; 
background: url(../images/donate_blue.gif) no-repeat; 
xposition:absolute; top:-10px; left:0px;}


/* =Tooltip
-----------------------------------------------------------------------------*/


#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background: #394ebd;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}

/* =Misc 2
-----------------------------------------------------------------------------*/