/*
color
bg-color
font
line-height
text-decor
margin
padding
/*

/*----  ----*/
body {
    color:   #666;
    background-color: #b9b99f;
    font-family:  Verdana,Helvetica,Arial,sans-serif;
    font-size: 1em;
    line-height: 1.7em;
}

#container{
    background-color: #fffff0;
    border: 1px solid gray;
}
#container {
    -moz-border-radius: 10px;
}

h1,h2,h1 a, h2 a,h1 a:link, h2 a:link,h1 a:visited, h2 a:visited,h3, h4 {
    color:  #888;/*#AAA;*/ /*#CCC;*/
    text-decoration: none;
}

h1 a:hover, h2 a:hover {
    color:  #000;
}

h1,h2 {
    font-weight: bold;
    font-variant: small-caps;
}

h1 {
    font-size: 140%;
    line-height: 140%;
}

h2, h3 {
    font-size: 120%;
    line-height: 120%;
}

h4,h5 {
    font-size: 110%;
    line-height: 110%;
}

p, table {
    font-size: 0.9em;
    line-height: 1.5em;
    text-align: justify;
}

a {
    /*color:#2266CC;*/
    color:#5454a8;
    text-decoration:none;
}

a:hover  {
    color: #000;
}

a img {
    border: 2px outset #888;
    vertical-align: middle;
}

img.framed {
    border: 2px outset #888;
    vertical-align: middle;
}

a img.link {
    border: 0px;
    vertical-align: middle;
}

a.email {
    white-space: nowrap;
}

/*---- header ----*/
#header {
}

#header h1, #header h2 {
    margin: 0px;
    padding: 0px;
}

#header h2 {
    font-size: 100%;
    line-height: 100%;
}
 
#header a{
    text-decoration: none;
}
#header a:hover{
    color: #000;
}

#header #logo img {
    border: 0px;
}

#header #sitetitle {
}

#header #logobackground {
	background-color: #fff;
    /*background-image: url(../img/sirdonald_pano.jpg);*/
    background-image: url(../img/vallecito_pano.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

#header #langswitch a, #header #langswitch a:link, #header #langswitch a:visited {
    color:   #333;
    /*background-image: url(../images/whitefuzz.gif);*/
    font-weight: bolder;
    /*font-size: 1.2em;*/
	font-size: 1em;
    /*line-height: 1.5em;*/
    line-height: 15px;
}

#header #langswitch a:hover {
    color:   #000;
}

#header #searchbox {
    padding-top: 0px;
}

#header #searchbox form {
}
#header #searchbox input {
    background: #fff url(../img/inputshadow.jpg) repeat-x scroll center top;
    border: 1px #666 solid;
    margin: 1px;
    padding: 0.125em 0.4em;
    text-decoration: none;
    vertical-align: middle;
}
#header #searchbox input:hover {
    color: #000;
}

#header #searchbox input.button {
    background: #fff url(../img/buttonshadow.jpg) repeat-x scroll center bottom;
    cursor: pointer;
}


/*---- Navbar ----*/
#navbar {
    /*background-color: #95b7cd;*/
	/*background-color: #ede9f1;*/
	background-color: #f5f5dc;
    border: 1px solid #ccc;
}
#navbar {
	-moz-border-radius-bottomright: 10px;
}

#navbar ul{
    font-size: 90%;
    line-height: 110%;
}

#navbar ul li {
    list-style-type: none;
}

#navbar ul li a {
    display: block;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
}
#navbar ul li li a {
    font-weight: normal;
    padding-left: 20px;
}

#navbar a, #navbar a:link, #navbar a:visited {
    color: #666;
    text-decoration: none;
}
#navbar li li a, #navbar li li a:link, #navbar li li a:visited {
    /*color: #eee;*/
    color: #666;
}

#navbar a:hover, #navbar li li a:hover {
    color: #333;
    /*background-color: #aaddee;*/
    /*background-color: #d9d5dc;*/
    background-color: #f5f5c4;
}

/*---- TopNav ----*/
#subnavbar p {
    font-size: 70%;
    line-height: 0.7em;
    /*background-color: #eef;*/
    /*background-color: #ede9f1;*/
    background-color: #f5f5dc;
	/*border-right: 1px solid #333;*/
	border-bottom: 1px solid #ccc;
}

#jumps {
    font-size:0.7em;
    line-height: 1.2em;
}

/*---- Main ----*/
#main img {
	margin: 5px;
}
#main img.right {
	float: right;
	margin-right: 0px;
}
#main img.left {
	float: left;
	margin-left: 0px;
}
#main img.link {
	margin: 0px;
}

/*---- Footer ----*/
#footerinc {
    line-height: 1em;
}
#footerinc a,#footerinc a:link, #footerinc a:visited {
    text-decoration: none;
}
#footerinc a:hover {
    color: #000;
    text-decoration: underline;
}
#footerinc img {
    border: 0px;
}

/*---- Classes ----*/
.odd {
}
.even, .highlighted {
    /*background-color: #eef;*/
    /*background-color: #ede9f1;*/
    background-color: #f5f5dc;
}
.even, .highlighted {
	-moz-border-radius: 10px;
}
.errormsg, .successmsg {
    background-color: #fffc4c;
    text-color: #111;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 5px;
}
.successmsg {
    background-color: #4fff4c;
}
.errormsg, .successmsg {
	-moz-border-radius: 10px;
}

/*---- Class: box ----*/
.box, .boxrow {
	-moz-border-radius: 10px;
}
.important, .wide{
	-moz-border-radius: 10px;
}

.box h1 {
    font-size: 130%;
    line-height: 130%;
}
.box h2 {
    font-size: 115%;
    line-height: 115%;
}

.box p, .box h1, .box h2 {
    margin: 0px;
    padding: 0px;
}

.box h1 a:hover, .box h2 a:hover {
    color: #000;
}

/*---- Class: more button ----*/

p.more {
    font-size: 80%;
    text-align: right;
    margin: 0px;
}
p.more a.button {
    color: #666;
    background: #fff url(../img/buttonshadow.jpg) repeat-x scroll center bottom;
    border: 1px #999 solid;
    margin: 1px;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
    vertical-align: middle;
}
p.more a.button {
    -moz-border-radius: 5px;
}

p.more a.button:link, p.more a.button:visited {
    color: #666;
}
p.more a.button:hover {
    color: #000;
}

/*---- Class: calendar ----*/
p.bigbutton {
    font-size: 120%;
    font-weight: bolder;
    font-variant: small-caps;
    margin: 0px;
}

p.button {
    font-size: 80%;
    font-weight: bolder;
    margin: 0px;
}
a.button {
    color: #666;
    background: #fff url(../img/buttonshadow.jpg) repeat-x scroll center bottom;
    border: 1px #999 solid;
    margin: 1px;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
    vertical-align: middle;
}
a.button {
    -moz-border-radius: 5px;
}
a.button:link, a.button:visited {
    color: #666;
}
a.button:hover {
    color: #000;
}


/*---- Class: calendar ----*/

ul.calendar {
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}
.box ul.calendar {
    margin: 0px;
}
.calendar li {
    border: 1px solid #DDD;
    list-style-type: none;
    padding: 5px 10px 5px 5px;
}
.calendar li {
	-moz-border-radius: 10px;
}
.box ul.calendar li {
    border: 0px;
    padding: 0px 10px 0px 3px;
}

.calendar a, .calendar a:link, .calendar a:visited {
    color: #666;
    text-decoration: none;
}
.calendar a:hover {
    color: #000;
}

.calendar li p.caldate, .calendar li p.caltitle {
    display: inline;
    padding-right: 10px;
}

.calendar li p.caldate {
    font-weight: bold;
}

.calendar li p.caldesc {
    margin: 3px 0px;
}

table.calendar {
    display: inline;
    margin-right: 1em;
    line-height: 1em;
}
table.calendar caption {
    font-weight: bold;
    color: #666;
}
table.calendar tbody {
    text-align: right;
}
table.calendar a, table.calendar a:link, table.calendar a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}
table.calendar a:hover {
    color: #000;
}

table.calendar tbody a, table.calendar tbody a:link, table.calendar tbody a:visited {
    color: #333; /*#95B7CD;*/
}
table.calendar tbody a:hover {
    color: #000; /*#95B7CD;*/
}
/*---- Class: contactlist ----*/
.contactlist {
    width: 99%;
    margin: 0px;
}

.contactlist p {
    line-height: 1.2em;
    padding-left: 0.5em;
    padding-right: 0.8em;
    margin: 3px 0px;
}

#subscribebox, .listserv td, .important {
    /*background-color: #eef;*/
    /*background-color: #ede9f1;*/
    background-color: #f5f5dc;
}

.listserv td {
    padding: 1px 5px;
}

/*---- ID: resources ----*/
#facilities h2 {
    padding-top: 0.5em;
    padding-bottom: 0.25em;
}

img.right {
    float: right;
    margin: 5px;
}

#resources ul {
    margin: 0px;
    padding: 0px;
    font-size: 90%;
    line-height: 1.5em;
}
#resources ul li {
    list-style-type: none;
    padding: 3px 10px 3px 10px;
}
#resources ul li li {
    padding-left: 20px;
}