body, p, div, li, dt, dd, td {

	font: 13px Arial, Helvetica, sans-serif; color: #000;

}



/* font styles */

.font11 { font-size: 11px; }

.font13 { font-size: 13px; }



.clearboth { clear: both; }

.clearleft { clear: left; }

.clearright { clear: right; }

.italic { font-style: italic; }

.bold { font-weight: bold; }

.aligncenter { text-align: center; }

.boldred { font-weight: bold; color: #f00; font-size: 12px; font-variant: small-caps; }



div#content .top1 { margin-top: 70px; }

.boldgrey {

	font-weight: bold; color: #808080;

}



/* header styles */



img#logo_petracliffs {

	margin: 10px 15px;

}



div#header h1 {

	margin: 0; padding-top: 20px;

	font-size: 22px; color: #ac2220;

	text-align: center;

}



div#header h2 {

	margin: 0; padding-top: 40px;

	font-size: 20px; color: #f60;

	text-align: center;

}



/* content styles */



div#content p { margin: 0 0 .5em 0.5em; padding: 0; }

.italic { font-style: italic;}

div#content .paddingbottom1 { padding-bottom: 1em; }

div#content .paddingtop1 { padding-top: 1em; }

div#content h1 {

	margin: .5em; padding: 0;

	text-align: center;

}



div#content h1.alignleft { margin-top: 1.5em; text-align: left; }



div#content h1, div#sidebar h1 {

	font-size: 18px; font-weight: bold;

	color: #ac2220;

}



div#content h2 {

	margin: 1em 0 .5em .5em; 

	font-size: 15px; font-weight: bold;

	color: #62ac20;/* ---- #a8ac20 ----  ----*/

}



div#content h2.padtop2 { margin-top: 35px; }  /* ---- for the new button in courses, it creates a little space on top ---- */



div#content h3 {

	color: #003d8f; font-size: 13px;

	background: #eef5ff;

}



div#content h3.larger { padding: 5px; font-size: 110%; }



div#content h4 { margin-left: 0.5em; }

div#content h5 {		/* ---- used for quotation centered on AIARE ---- */

	margin-top: 0; padding: 0;

	text-align: center;

	color: #002ba6;

	font-size: 14px; font-style: italic;

}



div#getoutside {

	font-size: 110%;

	color: #f30;

	text-transform: capitalize;

	text-align: left;

	font-weight: bold;

}

div#getoutside li {

	text-transform: none;

	color: #900; font-size: 90%;

}



div#content a:link { color: #003d8f; text-decoration: underline; }

div#content a:visited { color: #003d8f; text-decoration: underline; }

div#content a:hover { color: #62ac20; text-decoration: none; }

div#content a:active { color: #62ac20; text-decoration: none; }



div#content .booktitle { font-style: italic; } /* book titles */



div#content .gray { color: #666; }

div#content span.filesize {  /* for the download section where we list the size of the pdf file to be downloaded */

	margin: 5px 0 0 20px; padding: 0;

	font-size: 90%; color: #666; 

}



div#content h2.top2 { margin-top: 2em; }



dl#contactmike {

	margin: 1em; padding: 10px;

	background: #e8e8e8;

	border: 3px solid #e2e2e2;

}



dl#contactmike dt { font-weight: bold; }



table.twocol {  /* two-col table for quick lists */

	margin: 0 auto; padding: 0;

	width: 95%;

}



table.twocol td {

	margin: 0; padding: 10px;

	vertical-align: top; line-height: 1.4em;

}



div#content dl {

	margin: .5em;

}



dl#linklisting { margin: .5em; }

dl#linklisting dd {

	margin-bottom: 10px;

}



div.linklisting { padding: 2em 0; clear: both; }

p.left2 { position: relative; left: 20px; top: -10px; }



p.campfullannounce {/* ---- summat day camp is full announcement ---- */

	color: #693;

}





/* sidebar styles */



div#sidebar dl {

	margin: 1em 0.5em; padding: 5px;

}



div#sidebar dt { margin: .5em 0 0 0; font-weight: 600; color: #ac2220; }

div#sidebar dt.h1 { font-weight: bold; color: #f60; text-align: center; font-size: 120%;}

div#sidebar dt.h2 { font-weight: bold; color: #390; text-align: center; }

div#sidebar dt.h3 { font-weight: bold; color: #f30; text-align: center; font-size: 110%;}

div#sidebar dd.h4 { font-weight: bold; color: #ac2220;  }

div#sidebar dt.boldblack { font-weight: bold; color: #000; text-align: center; }



div#sidebar ul#event1 {

	margin: 0 0 0 5px; padding: 0;

}

div#sidebar ul#event1 li {

	margin: 0; padding: 0;

	font-weight: bold; color: #ac2220;

}



div#sidebar dd { margin: 0 0 1em 20px; font-size: 90%; }

div#sidebar dd.padtop {	clear: both; margin: 10px 0; text-align: center; }

div#sidebar dd.nomargin { margin: 0; padding: 0; }





div#sidebar table {

	margin: .5em auto; padding: 0;

	font-size: 11px;

}



div#sidebar td { padding: 2px; }



div#sidebar td.rtcol { text-align: right; font-size: 120%; font-variant: small-caps;}



div#sidebar a:link { padding: 3px; color: #003d8f; text-decoration: underline; font-weight: 500; }

div#sidebar a:visited { padding: 3px; color: #003d8f; text-decoration: underline; font-weight: 500; }

div#sidebar a:hover { padding: 3px; text-decoration: none; color: #f90; }

div#sidebar a:active { padding: 3px; text-decoration: none; color: #f90; }



.normaltext { font-weight: normal; color: #000; font-size: 11px; }



div#sidebar dt.majorheader {

	margin: 10px 0;

	text-align: center;

	font-size: 120%; color: #f60;

}



img#arrow { margin-top: 5px; }



div#sidebar dd.norightmargin { margin: 10px 0; }



.colorblueandbold { font-weight: bold; color: #003d8f; }

.smallfont { font-size: 10px; font-weight: normal; color: #000; }



/* footer styles */



div#footer h1 {

	margin: .2em; padding: 0;

	font-size: 12px; font-weight: 500;

	color: #003d8f;

}



div#footer li {

	margin: 10px 20px; padding: 0;

	text-align: justify;

	display: inline;

	font-size: 11px;

}



div#footer a:link {	color: #003d8f; text-decoration: none; }

div#footer a:visited { color: #003d8f; text-decoration: none; }

div#footer a:hover { color: #003d8f; text-decoration: underline; }

div#footer a:active { color: #003d8f; text-decoration: underline; }



/* Individual Stuff */

img#facility_fromdeck { margin: 10px; }

img#ropes1 { margin: 10px; }

img#rope_burmabridge { margin: 10px; clear: left; }

img#rope_idxgroup { margin: 10px 0; position: relative; left: 2em; }



div#content p.notice { /* notices on the climbing pages about deposit refunds */

	margin: 1em 2em; padding: 0;

	color: #f60; 

	font-weight: bold;

}



div#content span.notice {

	color: #f90; 

}



div#content .clearboth { clear: both; }

div#content .clearleft { clear: left; }

div#content .clearright { clear: right; }



div#content span.dditalic { font-style: italic; }

dl#itemize dt { margin: 0.5em; }

dl#itemize dd { margin: 0.5em 1.5em; }







dl.listdatecost {  /* Shows the dates clinics are run and the cost of each.  Supplements calendar.  Can use display hidden if information not known! */

	margin: -.5em .5em; padding:0;

}



dl.listdatecost b { font-weight: 550; color: #666; }





/* ---- Styles for SumMAT Day camps ---- */



table.summat {  /* dates for summat */

	margin:	20px auto; padding: 0;

	width: 350px;

	border-top: 1px solid rgb(223,224,242);

	border-left: 1px solid rgb(223,224,242);

}



table.summat tr.header { background: rgb(223,224,242); }

table.summat tr.header td { font-weight: bold; text-align: center; }



table.summat img.clearboth { display: block; }



table.summat td {

	margin: 0; padding: 10px;

	vertical-align: top;

	border-bottom: 1px solid rgb(223,224,242);

	border-right: 1px solid rgb(223,224,242);

}



table.summat td.leftcol { text-align: center; }



table.summat div.summatexpedition {

	margin-left: 10px; font-size: 90%;

}



/* ---- Styles for SumMAT Expeditions ---- */



table#summat {  /* dates for summat */

	margin:	20px auto; padding: 0;

	width: 480px;

	border-top: 1px solid rgb(223,224,242);

	border-left: 1px solid rgb(223,224,242);

}



table#summat tr.header { background: rgb(223,224,242); }

table#summat tr.header td { font-weight: bold; text-align: center; }



table#summat td.col_left { width: 80px; }

table#summat td.col_middle { width: 335px; }

table#summat td.col_right { width: 50px; }



table#summat img.clearboth { display: block; }

table#summat .italic { font-style: italic; }



table#summat td {

	margin: 0; padding: 2px 10px;

	border-bottom: 1px solid rgb(223,224,242);

	border-right: 1px solid rgb(223,224,242);

}



table#summat td.leftcol {

	width: 10%;

	text-align: center; vertical-align: top;

}



table#summat div.summatexpedition {

	margin-left: 10px; font-size: 90%;;

}



table.pricelist {  /* Gym Price List  */

	margin: 20px 5%; padding: 0;

	width: 90%;

	border-top: 1px solid rgb(223,224,242);

	border-left: 1px solid rgb(223,224,242);

}



table.pricelist td { 

	margin: 0; padding: 2px 5px 2px 2px;

	text-align: right;

	border-bottom: 1px solid rgb(223,224,242);

	border-right: 1px solid rgb(223,224,242);

}



table.pricelist td.leftcol { margin: 0; padding: 2px 2px 2px 5px; text-align: left;}



table.pricelist tr.header { background: rgb(223,224,242); }



table.pricelist tr.header td { font-weight: bold; text-align: center; }



div#content p.bottomline {

	padding-bottom: 20px;

	border-bottom: 1px solid #f90;

}



table.halfwidth {  /* Table similar to Gym Price List that is not full width  */

	margin: 20px auto; padding: 0;

	width: 50%;

	border-top: 1px solid rgb(223,224,242);

	border-left: 1px solid rgb(223,224,242);

}



table.halfwidth tr.header { background: rgb(223,224,242); }



table.halfwidth td { 

	margin: 0; padding:  2px 2px 2px 5px;

	border-bottom: 1px solid rgb(223,224,242);

	border-right: 1px solid rgb(223,224,242);

}



/* Mike's teambuilding schedule */

dl.mikescalendar { margin: .5em; padding: 0; }

dl.mikescalendar span { margin-right: 2em; float: right; }



dl.mikescalendar dt { margin: 1em 0 0 1em; padding: 4px;  font-weight: bold; color: #62ac20; font-size: 110%; }

dl.mikescalendar dd.date { margin-top: 4px; font-size: 105%; }

dl.mikescalendar dd.description { margin-top: 4px; }

dl.mikescalendar dd.contact { margin: 4px 4em;  }







/* Contact Us Page.  Listing of contacts */

dl#contactlist { margin: .5em; padding: 0; }



dl#contactlist dt {	margin-top: 20px; font-weight: bold; font-size: 105%; color: #f00; }

dl#contactlist dd {  }



/* Indoor/Outdoor Instructor and Guide biographies */

div#content p.specialty {

	margin: -.5em 0 .5em 3em; font-style: italic; color: #003d8f;

}



div#content .top2 { margin-top: 2em; }



/* class schedule listing */

dl.schedule { margin: .5em 0 .5em 3em; }

dl.schedule span  { margin-right: 2em; float: right; }



dl.schedule dt { 

	margin-top: 1em;

	font-size: 110%; font-weight: 600; color: #003d8f;

}



/* messages on sidebar that are different from usual */

div#sidebar dl#sidebarmessage_01 {

	border: 2px outset  #dddddd;

	background: #eeeeee;

}



div#sidebar dl#sidebarmessage_01 dt {

	margin-bottom: .5em;

	font-weight: bold; color: #000;

}



div#sidebar dl#sidebarmessage_01 dd {

	margin-top: .1em; margin-bottom: .1em;

	display: list-item;

}



ul.eqtchecklist {  /* Mountaineering School Equipment Check Lists */

	list-style-image: url(images/icon_listimg01.gif);

}



ul.eqtchecklist li { line-height: 1.5em; }



div#content h2.staffbiotitles {  /* staff bios page, creating space between staff members */

	clear: both; margin-top: 3em;

}



ul#nobutton {

	list-style: none;

}



div#content .top20 {

	margin-top: 20px;

}



div.new_item { /* ---- Product Page. Separates each item out with a little space ---- */

	margin: 2em 0;

}



table#snowshoetrek {

	margin: 0 0 0 30px;

}



table#snowshoetrek td{

	padding: 0 10px;

	text-align: center;

}



/* ---- Quote Box Styles ---- */

div#content p.quotebox {

	margin: 20px 0; padding: 10px;

	width: 200px;

	font-family: 10px "Trebuchet MS", Helvetica, sans-serif;

	font-style: italic;

	color: #003d8f;

	border: 1px solid #ffe6b2;

	background: #fff8e8;

}



div#content p.quoteboxcenter {

	margin: 20px 0; padding: 10px;

	width: 400px;

	font-family: 10px "Trebuchet MS", Helvetica, sans-serif;

	font-style: italic;

	color: #003d8f;

	border: 1px solid #ffe6b2;

	background: #fff8e8;

}



/* ---- Itinerary for SuMMAT Expeditions ---- */

table.itinerary {

	margin: 0.5em 2em 2em 2em;

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

}



table.itinerary td {

	margin: 0; padding: 5px;

	vertical-align: top;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #ccc;

}