/* Start of CMSMS style sheet 'basic styles' */
/* BASIC STYLES
--------------------------------- */

*{ margin: 0; padding: 0;}

body{
background:url(images/sfu/bkgd2.jpg) repeat-x top center;
text-align:left;
line-height:17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 76%; /* do not change this number */
color: #333;
}

#pagewrapper{
margin: 0 auto;
width: 800px;
position: relative;
}


a{
color:#003163;
text-decoration:none;
}

ul, li {
list-style: none;
}


/* typeography
--------------------------------- */
h1 {
font-size: 160%;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
color: #003366;
}

h2 {
font-size: 140%;
font-weight: bold;
padding-bottom: 10px;
color: #333;
}

p {
font-size: 1em;
line-height: 1.8em;
padding-bottom: 7px;
}

.testimonial {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
line-height: 1.2em;
font-style: italic;
color: #333;
padding-top: 10px;
}

.person {
font-size: 96%;
line-height: 1.2em;
font-variant: normal;
font-weight: bold;
}

.title {
font-size: 96%;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: .2em;
}

.company {
font-size: 96%;
line-height: 0.5em;
font-variant: normal;
border-bottom: 1px dotted #999;
padding-bottom: 15px;
}

.table{
font-weight: bold;
color: #000;
padding-right: 10px;
}

.phone, .email{
font-size: 0.9em;
line-height: 1.2em;
}

.link a{
color: #003366;
font-size: 100%;
line-height: 1em;
font-weight: bold;
text-decoration: underline;
}



/* breadcrumbs
--------------------------------- */
div.breadcrumbs {
padding: 0 0 10px 0;
font-size: x-small;
}

.breadcrumbs a{
color: #999
}

/* header
--------------------------------- */

#header h1 a {   /* hotspot to link back to homepage*/
Width:380px; 
height: 140px;             /* adjust according your image size */
text-indent: -999em;  /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
margin-left: 349px;
display: block;
}

.tel{
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
}

#search {
text-align: left;
position: absolute;
left: 16px;
top: 117px;
}

/* hidden text
--------------------------------- */

h1 span { display: none; }

/* definition tags used for menu links    
--------------------------------- */
dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

/* MENU - main navigation
--------------------------------- */

#menu {
width: 100%;
margin-bottom: 5px;
}

#menu ul {
text-align: center;
padding: 5px 10px 5px 10px;
margin-top: 0;
margin-left: 0;
color: #FFFFFF;
width: 100%;
line-height: 18px;
font-weight: bold;
}

#menu li {
display: inline; 
padding-left: 10px;
padding-right: 0;
padding-bottom: 5px;
padding-top: 5px;
}

#menu a {
color: #4987AE;
text-decoration: none;
}

#menu ul li a:hover, #menu a.activeparent:hover, #menu li.activeparent a{ color: #FFF;}

/* left
--------------------------------- */

#left {
width: 160px;
margin-left: 10px;
float: left;
margin-right: 10px;
text-align: left;
font-size: 100%;
line-height: 2em;
padding: 10px 5px 0 5px;
display: inline;
min-height: 100px;
}


#left h2, #right h2{
/*font-size: 140%;*/
margin-top: 5px;
margin-bottom: 5px;
padding: 0px 10px 0px 10px;
background: #333;
font-size: 110%;
color: #fff

}

/* center
--------------------------------- */
#contentwrapper {
width: 100%;
padding-bottom: 10px;
background:url(images/sfu/cbg_2col.jpg) no-repeat top center;
position: relative;
display: inline;
float: left;
margin-bottom: 10px;
min-height: 550px;
}

#contentwrapper3col {
width: 100%;
padding-bottom: 10px;
background:url(images/sfu/cbg_3col.jpg) no-repeat top center;
position: relative;
display: inline;
float: left;
margin-bottom: 10px;
min-height: 550px;
}


#content {
width: 390px;
position: relative;
float: left;
padding: 10px;
display: inline;
}

#content2 {
width: 550px;
position: relative;
float: left;
padding: 15px;
display: inline;
}

#slideshow{
margin: 2px 0 5px 0;
}

#tagline {
background-color: #003366;
text-align: center;
margin-bottom: 10px;
}

.tag {
color: #FFFFFF;
font-size: 120%;
font-weight: bold;
line-height: 1em;
padding-top: 5px;
}

#destinationgraphic{
float: left;
display: inline;
width: 335px;
padding-bottom: 20px;
}

/* right
--------------------------------- */

#right {
width: 160px;
float: left;
padding: 15px 0 0 0;
margin-left: 25px;
display: inline;
}

#weather, #icons{
padding-bottom: 15px;
text-align:center;
}

#icons{
padding-top: 15px;
border-top: 1px dotted #999;
}

/* footer
--------------------------------- */

#footer{
border-top: 1px solid #999;
clear: both;
padding-top: 5px;
text-align:center;
width: 100%; 
clear: both; 
}

#footer .copyright	{
font-size: 86%;
}


#footer a {
color: #333333;
} 

#footer ul li {
list-style: none;
display: inline;
}

#footer ul li a{
padding-right: 8px;
font-size: 89%;
color:#666666;
}
/* End of 'basic styles' */

/* Start of CMSMS style sheet 'sidenav' */
/* SIDENAV
--------------------------------- */

#menu_vert {
padding-left:0;
margin-left:5px;
}

div#menu_vert ul ul ul {
padding-bottom:0;
}

#menu_vert li {
list-style:none;
display:block;
margin:0;
}

#menu_vert ul ul li {
border:none;
}

div#menu_vert a {
text-decoration:none;
display:block;
color:#333;
background:url(images/sfu/arrow.gif) no-repeat 0 10px;
min-height:1em;
}

div#menu_vert ul ul a {
font-size:100%;
background-position:0 center;
line-height:1.6em;
padding:0 0 0 15px;
}

div#menu_vert ul ul ul a {
font-weight:normal;
background:url(images/sfu/raquo.gif) no-repeat 0 3px;
font-size:.95em;
margin-left:15px;
line-height:1em;
padding:0 0 5px 10px;
}

div#menu_vert ul ul ul ul a {
font-weight:normal;
font-style:italic;
background:url(images/sfu/raquo.gif) no-repeat 0 3px;
font-size:.95em;
margin-left:30px;
line-height:1em;
padding:0 0 5px 10px;
}

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

div#menu_vert li a.activeparent {
background:url(images/sfu/arrow_down.gif) no-repeat 0.4em center;
background-color:#09C;
color:#fff;
line-height:1.6em;
}

div#menu_vert li li li a.activeparent {
background:url(images/sfu/raquo_down.gif) no-repeat 0.4em center;
background-color:#09C;
color:#fff;
line-height:1em;
}

div#menu_vert ul ul li a.activeparent {
background-position:0 center;
background-color:transparent;
color:#333;
}

div#menu_vert ul ul ul li a.activeparent {
background-position:0 3px;
background-color:transparent;
color:#333;
font-weight:bold;
}

div#menu_vert ul h3 {
background:url(images/sfu/arrow_down.gif) no-repeat 0 center;
background-color:#385C72;
display:block;
color:#fff;
font-size:100%;
line-height:1.6em;
margin:0;
padding:0 0 0 15px;
}

div#menu_vert ul ul h3 {
font-size:100%;
background-position:0 center;
background-color:transparent;
border-bottom:none;
color:#036;
}

div#menu_vert ul ul ul h3 {
background:url(images/sfu/raquo_active.gif) no-repeat 0 3px;
margin-left:15px;
line-height:1em;
font-size:.95em;
padding:0 0 5px 10px;
}

div#menu_vert ul ul ul ul h3 {
background:url(images/sfu/raquo_active.gif) no-repeat 0 3px;
margin-left:30px;
line-height:1em;
font-size:.95em;
padding:0 0 5px 10px;
}

div#menu_vert li.sectionheader {
border-right:none;
font-size:130%;
font-weight:bold;
background-color:#fff;
line-height:.5em;
text-align:center;
margin:0;
padding:0 0 0.8em;
}

div#menu_vert li.separator {
height:1px !important;
margin-top:-1px;
margin-bottom:0;
background-color:#000;
overflow:hidden !important;
line-height:1px !important;
font-size:1px;
padding:2px 0;
}

div#menu_vert li.separator hr {
display:none;
}

* html #menu_vert li a,* html #menu_vert li hr {
height:1%;
}
/* End of 'sidenav' */

/* Start of CMSMS style sheet 'destination-children' */
/* DESTINATION CHILDREN
--------------------------------- */

#destinationchildren{
text-align:left;
width: 215px;
float: left;
display: inline;
}

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

#destinationchildren ul li a{
padding-left: 20px;
font-size: 1em;
line-height:1.6em;
color:#003366;
}

#destinationchildren ul li a:hover{
text-decoration: underline;
}
/* End of 'destination-children' */