html, body, div,
h1, h2, h3, h4, h5, h6, p,a,
font, img, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td 
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	line-height:140%;
	}


body {
background-color:#fdf8f4;
font-family:helvetica;
}

/************* text formatting ***********/

p {margin-bottom:10px;}
html,body {height:100%}

a:link {background-color: transparent; color:#075B7B; text-decoration: underline;} 
a:visited {background-color: transparent; color:#000; text-decoration: underline;}
a:hover {background-color: transparent; color:#0ca6e2; text-decoration: underline;}
a:active {background-color: transparent; color:#000; text-decoration: underline;}
a:focus{background-color: transparent; color:#0ca6e2; text-decoration: underline;}

h1 {font-size:200%;color:#0ca6e2;font-weight:bold;margin-top:10px;margin-bottom:10px;}
h2 {font-size:150%;color:#0ca6e2;font-weight:bold;margin-top:10px;margin-bottom:10px;}
h3 {font-size:120%;color:#0ca6e2;font-weight:bold;margin-top:10px;margin-bottom:10px;}
h4 {font-size:100%;color:#0ca6e2;font-weight:bold;margin-top:10px;margin-bottom:5px;}

.bold {font-weight:bold;}
.boldred {
	font-weight:bold;
	color: #FF0000;
}
.italic {font-style:italic;}

.conferencetitle {
padding:80px 20px 20px 20px;
}

.bodytable {
border: 1px solid #0ca6e2;
border-collapse:collapse;
margin:10px;
}
.bodytable td,  .bodytable th {
border: 1px solid #0ca6e2;
border-spacing: 2px;
padding:4px;
}
.bodytable th {
font-weight:bold;
}
.bodytable caption {
font-weight:bold;
margin-top:20px;
}

.bodylist{
padding-left:40px;
margin-bottom:10px;
}
.bodylist li {
line-height:120%;
}
.bodylist img {vertical-align: middle;} 

.maincontenttext{padding:20px;font-weight:bold;color:#333;line-height:160%;}

dl {
  margin: 0; 
  padding: 4px; 
  }
dt {
  margin:0; 
  padding:4px; 
  text-align:left; 
  font-weight:bold;
  }
dd {
  margin:0; 
  padding-left:50px; 
  text-align:left; 
  font-style:italic;
  }







/*************div's**************/

#wrap {     
/*** holds all divs - if no width given, page will fill screen  - if less than 100% add "margin:auto" to center wrap **/ 
margin:auto;
width:800px;
/*height:100%;
min-height:100%;*/
color: #000;
background-color:#fdf8f4;
border:10px solid #000;
}

#logo {
float:left;
width:100%;
height:254px;
text-align:left;
background-color:#000;
background-image:url(images/PTGSERC-LOGO3D-254.jpg);
background-position:top right;
background-repeat:no-repeat;
}

  /*** logoblock creates a large clickable area in the logo div ***/
  a#logoblock {
  position:relative;
  width:100%;   /*** or however wide you want the clickable area to be  **/
  height: 250px;   /*** make this slightly shorter than the logo div  **/
  display:block;
  z-index:999;
  }

  a#logoblock:link,a#logoblock:visited, a#logoblock:hover, a#logoblock:active {
  color: #000;
  text-decoration: none;
  } 

#content {   /** holds content below top navigation - not really needed if no side navigation being used **/
clear:both;
margin:auto;
background-color:transparent;
}

#main {
float:left;
width:76%;  /** if no side navigation is being used, make width 100% **/
padding:2%;
background-color:transparent;
}




/******  side navigation  ******/

#side-navigation {
width:18%;
float:left;
}

#side-navigation ul {
list-style:none;
margin:0;
padding:0;
}

#side-navigation li {
border-bottom:1px solid #000;
}

#side-navigation li a {
display:block;
padding: 5px 5px 5px 0.5em;
border-left: 1px solid #000;
border-right: 1px solid #000;
background-color:#0ca6e2;
font-size:80%;font-weight:bold;
color: #fffff1;
text-decoration: none;
}
#side-navigation li a:hover {
background-color:#fffff1;
color:#075B7B;
padding: 5px 5px 5px 0.5em;
}
#special li a {
background-color:red;
color:#fffff1; /*#075B7B;*/
padding: 5px 5px 5px 0.5em;
}
#special li a:hover {
background-color:#000;    you can adjust these colors to whatever you prefer
color:#fffff1;
padding: 5px 5px 5px 0.5em;
}
/******  end side navigation  ******/



/******  footer navigation  ******/
#footer {
clear:both;
float:left;
width:100%;
background-color:#0ca6e2;
text-align:center;
color:#000;
font-size:80%;
}

#footer ul, #footer ul li {
list-style: none;            /*removes bullets*/
margin: 0;
padding: 0;
}

#footer ul { 
text-align: center;          /*centers link text*/
background: transparent;
}


#footer ul li {
display:inline;              /*makes list horizontal*/
margin:0;
padding:0;
background-color: transparent;
}

#footer li a {
color: #fff;
text-decoration: none;
padding:4px;     /*padding around link text*/
margin:0;
}

#footer li a:hover, #footer li a:focus, #footer li a:active {
color: #fff;
text-decoration: underline;
margin:0;
}
/******  end footer navigation  ******/



/*************miscellaneous*************/
 .clear {   
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.figure-r { /* floats images to the right inside the content */
	float: right;
  margin: 4px 4px 4px 4px;
  padding:2px;
	font-size: 80%;
	color: #666b75;
	text-align: center;
	border:2px solid #7b6329;
	}

.figure-l { /* floats images to the left inside the content */
	float: left;
  margin: 4px 4px 4px 4px;
  padding:2px;
	font-size: 80%;
	color: #666b75;
	text-align: center;
	border:2px solid #7b6329;
	}
.rates {font-size:80%;}
.rates td {border:1px solid #ccc;padding:4px;}
.rates th {border:1px solid #ccc;font-weight:bold;padding:4px;}