html {
font-size : 100%;
}

body {
font-size : 1em;
line-height : 1.5em;
font-family : Palatino, serif;
color : #333;
line-height : 1.5em;
padding : 0;
margin : 0;
background-color : #fff;
}


#skip {
position : absolute;
margin-top: -1000px;
font-size : 1px;
line-height : 1px;
color : #fffffe
}

.wrapper {
width : 760px;
padding-top : 0;
padding-left : 15px;
margin-top : 0;
margin-left : auto;
margin-right : auto;
background-color : #fff;
}

#top, .top {
clear : both; 
text-align : right;
color : #fff;
font-size : .9em;
padding-right : 0;
}



A:link, A:visited {
color : #700000;
padding : 3px;
background-color : #fff;
}


A:hover, A:focus, A:active {
color : #fff;
text-decoration : none;
padding : 3px;
background-color : #700000;
}


.search {
margin-top : 2em;
font-size : .99em;
float : right;
padding : 0;
color : #700000;
background-color : #fff;
line-height : 2em;
}


fieldset {
padding : 0;
border : 0;
}

.c2 {
padding-right : 5px;
}

.c3 {
border : solid 1px #700000;
margin-left : 9px;
}

#submit {
color : #fff;
background-color : #700000;
padding : 4px;
text-decoration : none;
border : solid 1px #fff;
}

.search A:link, .search A:visited, #top A:link, #top A:visited  {
color : #700000;
background-color : #fff;
padding : 1px;
padding-left : 8px;
padding-right : 8px;
margin-right : 10px;
text-decoration : none;
border : solid 1px #700000;
white-space : nowrap;
}

#top A:link, #top A:visited, #top A:hover, #top A:focus, #top A:active {
margin-right : 0;
margin-left : 0;
}

.search A:hover, .search A:focus, .search A:active, #top A:hover, #top A:focus, #top A:active {
color : #fff;
background-color : #700000;
padding : 1px;
padding-left : 8px;
padding-right : 8px;
text-decoration : none;
border : solid 1px #700000;
}

#websearch {
margin-left : 5px;
}

#guelphoptions {
white-space : nowrap;
}

.search p {
margin-top : 0;
text-align : right;
}

.logo {
float : left;
padding-left : 4px;
width : 225px;
background-color : #fff;
padding-top : 45px;
 }
 
.logo img{
border : none;
}

.logo A:hover, .logo A:focus, .logo A:active {
border-bottom : solid 5px #700000;
text-decoration : none;
background-color : #fff;
}

.menu {
clear : both;
width : 750px;
font-size : .9em;
font-family : arial, sans-serif;
font-weight : normal;
letter-spacing : .03em;
background-color : #fff;
padding-top: 30px;
padding-bottom: 30px;
}

.menu ul {
padding : 0;
margin : 0;
clear : left;
color : #5d7e25;
text-align : right;
list-style-type : none;
background-color : transparent;
}

.menu ul li {
display : inline;
margin-left : -6px
} 

.menu A:link, .menu A:visited,.menu2 A:link, .menu2 A:visited  {
color : #fff;
background-color : #700000;
padding : 1px;
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
border : solid 1px #e6fcc0;
margin-left : 0;
}

.menu A:hover, .menu A:focus, .menu A:active, .menu2 A:hover, .menu2 A:focus, .menu2 A:active {
color : #700000;
background-color : #fff;
padding : 1px;
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
border : solid 1px #700000;
}


.menu2 li {
}

.menu2 A:link, .menu2 A:visited {
background-color : #f2ffd5;
color : #700000;
border : solid 1px #700000;
}

.menu2 A:hover, .menu2 A:focus, .menu2 A:active {
color : #700000;
background-color : #fff;
border : solid 1px #700000;
}

#youarehere, #youarehereleft {
color : #700000;
background-color : #fff;
border : none;
border-left : solid 1px #700000;
}

#youarehereleft {
border-left : solid 10px #700000
}

.thispage {
background-color : #fff;
color : #700000;
font-weight : bold;
font-size : 1.15em
}

#thislogin {
background-color : #700000;
color : #fff;
font-weight : bold;
}




.submenu {
background-color : #fff;
background-image:url("../images/ivy_top.jpg");
background-position: top left;
background-repeat: no-repeat;

float : left;
margin-top : 20px;
padding-top : 70px;
padding-right : 15px;
width : 230px;

font-size : .95em;
font-weight : normal;
text-transform : none;
line-height : 1.2em
}

.submenu hr {
height : 2px;
border :none;
background-color : #f2ffd5;
margin-bottom : 20px;
}

.submenu ul {
color : #5d7e25;
padding : 0;
margin : 0;
list-style-type : none;
text-align : left;
}

.submenu ol {
color : #5d7e25;
padding : 0;
margin : 0;
}

.submenu ul li, .submenu ol li {
margin-top : .7em;
}

.submenu ul ul{
margin-left : 1.2em;
text-align : left;
text-transform : none;
list-style-type : disc;
}

.submenu ul ul ul{
padding-left : 0;
padding-right : 15px;
margin-left : 0;
text-align : left;
text-transform : none;
}

.submenu ul ul ul li {
margin-top : 1em;
margin-left : 0;
}

.submenu ul ul li {
margin-top : .5em;
margin-left : 0;
}

.submenu A:link, .submenu A:visited {
color : #700000;
background-color : transparent;
padding : 3px;
border : none;
text-decoration : none;
}

.submenu A:hover, .submenu A:focus, .submenu A:active {
color : #fff;
background-color : #700000;
border : none;
text-decoration : none;
}

.submenu li img {
border : none;
padding-left : 4px;
vertical-align : middle;
}


#content, #narrow, #verynarrow {
float : left;
margin-top : 30px;
padding-right : 0;
width : 480px;
background-color : #fff;
}

#narrow {
width : 450px;
margin-left : 50px;
}

#verynarrow {
width : 400px;
margin-left : 100px;
}




h1 {
font-size : 1.7em;
font-weight : normal;
text-transform : none;
text-align : left;
line-height : 1.2em;
color : #700000;
margin-top : 0;
background-color : transparent;
}

h2, h3{
clear : both;
font-family : Palatino, serif;
font-size : 1.5em;
font-weight : normal;
color : #700000;
background-color : transparent;
line-height : 1.2em;
}

h3{
font-size : 1.35em;
}

h4{
font-size : 1.2em;
font-weight : normal;
color : #700000;
}


h5{
font-size : 1em;
color : #700000;

}


hr {
background-color : #700000;
border : none;
height : 3px;
clear : both;
}

hr .big {
height : 6px;
}


ul {
padding-left : 1em;
list-style-type : none;
}

ul ul{
padding-left : 2em;
list-style-type : disc;
line-height : 1.2em;
}

ul ul li{
margin-top : .5em;
}


ul ul ul li{
padding-left : -1em;
margin-left : -1em;
list-style-type : none;
}

li {
margin-top : 1em;
}

.disc {
list-style-type : disc;
}

.roman {
list-style-type : lower-roman;
}

.alpha {
list-style-type : lower-alpha;
}

.upperalpha {
list-style-type : upper-alpha;
}


.number, .number00, .number000, .number0000, .h2number, .h2number00 {
color : #700000;
font-weight : bold;
font-size : 1em;
margin-left : -2.5em;
padding-right : 1em;
}

.number00 {
margin-left : -3.2em;
}

.number000 {
margin-left : -3.8em;
}

.number0000 {
margin-left : -4.3em;
}

#h1number, #h1number0, #h1number00, #h1number000 {
font-size : .66em;
margin-left : -2.5em;
font-weight : bold;
}

#h1number0 {
margin-left : -3em;
}

#h1number00 {
margin-left : -3.3em;
padding-right : 8px;
}


#h1number000 {
margin-left : -3.7em;
padding-right : 14px;
font-size : .66em;
}

.h2number {
font-size : .72em;
font-weight : bold;
}

.h2number00 {
font-size : .72em;
margin-left : -3.2em;
font-weight : bold;
}

.h2number000 {
font-size : .71em;
margin-left : -3.5em;
padding-right : 10px;
font-weight : bold;
}

dt {
color : #700000;
font-weight : bold;
margin-top : 1em;
}

dd {
margin-left : 4em;
}



td, th {
background-color : #fff;
padding : 1em;
color : #333;
border : solid 1px #700000;
}

th {
background-color : #f2ffd5;
color : #700000;
}

table {
width : 500px;
border-collapse: collapse;
border-spacing : 0;
margin : 0;
margin-top : 1em;
margin-bottom : 2em;
}

caption {
color : #700000;
text-align : center;
font-size : 1.3em;
}
strong {
color : #700000;
}

blockquote {
text-indent:-.5em;
}

.qanda {
text-transform : none;
margin-top : 3em;
}

.question {
clear : left;
float : left;
color : #700000;
font-weight : bold;
}

#date {
color : #700000;
font-size : 1.1em;
}

.note {
border-bottom : dotted 1px #222;
}

.anchor ul {
padding-left : 0;
background-color : #ccc;
}

.anchor li {
display : inline;
white-space : nowrap;
margin-right : 10px;
margin-left : 0;
padding-left : 0;
}

/*adds pdf icon to pdf links*/
.submenu a[href $='.pdf'], a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(icon_pdf.gif) no-repeat center right;
}

A:hover[href $='.pdf'] { 
   padding-right: 18px;
   background: #700000 url(icon_pdf.gif) no-repeat center right;
}

A:focus[href $='.pdf'] { 
   padding-right: 18px;
   background: #700000 url(icon_pdf.gif) no-repeat center right;
}

A:active[href $='.pdf'] { 
   padding-right: 18px;
   background: #700000 url(icon_pdf.gif) no-repeat center right;
}



/*adds mailto: icon to mailto: links*/
a[href ^="mailto:"] {
   padding-right: 18px;
   background: #fff url(icon_mailto.gif) no-repeat center right;
}

A:hover[href ^="mailto:"] {
   padding-right: 18px;
   background: #700000 url(icon_mailto.gif) no-repeat center right;
}

A:focus[href ^="mailto:"] {
   padding-right: 18px;
   background: #700000 url(icon_mailto.gif) no-repeat center right;
}

A:active[href ^="mailto:"] {
   padding-right: 18px;
   background: #700000 url(icon_mailto.gif) no-repeat center right;
}





/*adds doc icon to doc links*/
a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(icon_doc.gif) no-repeat center right;
}

A:hover[href $='.doc'] { 
   padding-right: 18px;
   background: #700000 url(icon_doc.gif) no-repeat center right;
}

A:focus[href $='.doc'] { 
   padding-right: 18px;
   background: #700000 url(icon_doc.gif) no-repeat center right;
}

A:active[href $='.doc'] { 
   padding-right: 18px;
   background: #700000 url(icon_doc.gif) no-repeat center right;
}



/*adds powerpoint icon to powerpoint links*/
a[href $='.ppt'] { 
   padding-right: 18px;
   background: transparent url(icon_ppt.gif) no-repeat center right;
}

A:hover[href $='.ppt'] { 
   padding-right: 18px;
   background: #700000 url(icon_ppt.gif) no-repeat center right;
}

A:focus[href $='.ppt'] { 
   padding-right: 18px;
   background: #700000 url(icon_ppt.gif) no-repeat center right;
}

A:active[href $='.ppt'] { 
   padding-right: 18px;
   background: #700000 url(icon_ppt.gif) no-repeat center right;
}






.submenu a[href ^="http:"], #content a[href ^="http:"] {
   padding-right: 18px;
   background: transparent url(icon_external.gif) no-repeat center right;
}


.submenu A:hover[href ^="http:"], #content A:hover[href ^="http:"] { 
   padding-right: 18px;
   background: #700000 url(icon_external.gif) no-repeat center right;
}

.submenu A:focus[href ^="http:"], #content A:focus[href ^="http:"] { 
   padding-right: 18px;
   background: #700000 url(icon_external.gif) no-repeat center right;
}

.submenu A:active[href ^="http:"], #content A:active[href ^="http:"] { 
   padding-right: 18px;
   background: #700000 url(icon_external.gif) no-repeat center right;
}




/*adds powerpoint icon to powerpoint links*/
.submenu a[href $='.ppt'] { 
   padding-right: 18px;
   background: transparent url(icon_ppt.gif) no-repeat center right;
}

.submenu A:hover[href $='.ppt'] { 
   padding-right: 18px;
   background: #700000 url(icon_ppt.gif) no-repeat center right;
}

.submenu A:focus[href $='.ppt'] { 
   padding-right: 18px;
   background: #700000 url(icon_ppt.gif) no-repeat center right;
}

.submenu A:active[href $='.ppt'] { 
   padding-right: 18px;
   background: #700000 url(icon_ppt.gif) no-repeat center right;
}







a[href ^="https:"], #content a[href ^="https:"] {
   padding-right: 18px;
   background: transparent url(icon_external.gif) no-repeat center right;
}


.submenu A:hover[href ^="https:"], #content A:hover[href ^="https:"] { 
   padding-right: 18px;
   background: #700000 url(icon_external.gif) no-repeat center right;
}

.submenu A:focus[href ^="https:"], #content A:focus[href ^="https:"] { 
   padding-right: 18px;
   background: #700000 url(icon_external.gif) no-repeat center right;
}

.submenu A:active[href ^="https:"], #content A:active[href ^="https:"] { 
   padding-right: 18px;
   background: #700000 url(icon_external.gif) no-repeat center right;
}