html {
	margin: 0px;
	padding: 0px;
	
}

* {
	margin:0px;
	padding:0px;
}

img {
	border: 0px;
	margin: 0px;
}

body {
	border: 0px;
	margin: 0px;
	text-align:center; /*center hack*/
	background-color: #6C818D; 
	font-family: "Trebuchet MS",Verdana, Sans-serif;
	font-size: 9pt;
	line-height: 12pt;
}

/* ie 5.5 and 6 png work around */

img, div { behavior: url(js/iepngfix.htc) }

/* standard styles */

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #555555;
	margin-bottom: 10px;
}

p {
	text-align: justify;
	line-height: 1.1em;
	font-size: 1.1em;
}

li {
	list-style-type: none;
}

a {
	color: #004D99;
	text-decoration: underline;
}

a:hover {
	color: #666666;;
	text-decoration: none;
}

/* fix for floated div alignments */

.clearfix:after {
    content: "Good day friends"; 
    font-size: 0px;
    line-height: 0px;
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
    padding: 0px;
    margin: 0px;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#wrapper {
	position: relative;
	padding:0px 10px 0px 10px;
	width: 970px; /*center hack*/
	margin: 0px auto;
	text-align:left;
	background-image:url(../images/mountain_guiding_branding.jpg);
	background-repeat: repeat-y;
	background-color: #F2F4F6;
	border: 0px solid #555555;
}

/* content style */

#content {
	float: right;
	width:650px;
	margin-right: 20px;
}

h1 {
	background-color: #cccccc;
	background-image:url(../images/header_h1.jpg);
	background-position: top right;
	min-height: 24px;
	float: left;
	width:640px;
	padding: 10px 0px 12px 10px ;
	/*margin: 10px 0px 12px 10px ;*/
	color: #ffffff;
	font-size: 1.7em;
	font-weight: normal;
}
/* page icons background images*/

#index h1 {
	background-image: url(../images/h1_home.jpg);
}

#about h1 {
	background-image: url(../images/h1_about.jpg);
}

#courses h1 {
	background-image: url(../images/h1_courses.jpg);
}

#contact h1 {
	background-image: url(../images/h1_contact.jpg);
}

#links h1 {
	background-image: url(../images/h1_links.jpg);
}

#blog h1 {
	background-image: url(../images/h1_blog.jpg);
}


#gallery h1 {
	background-image: url(../images/h1_gallery.jpg);
}

#content img {
	text-align: right;
	float: left;
	border: 1px solid #333333;
	margin: 10px;
}

#content p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 10px;
}	

/* extra content items below main content  - on div and home pages */

#content div.item {
	vertical-align: top;
	float:left;
	position: relative;
	background-color: #dddddd;
	border: 1px solid #bbbbbb;
	min-height:300px;
	padding: 10px;
	margin-bottom: 20px;
	width: 628px;
}



.subContent h2 {
	color: #333333;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 10px;
}

div.fullWidth {
	width:516px;
}


a.readMore {
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding-bottom: 20px;
	text-decoration: underline;
	width: 400px;
}

#boxes a.readMore {
	float: none;
	margin: 5px 0px 0px 0px;
	padding-bottom: 20px;
	text-decoration: underline;
}

#boxes h2 {
	margin-bottom: 10px;
}


.item h2 a.readMore {
	margin-bottom: -4px;
	padding-bottom: 0px;
}

a.readMore:hover {
	color: #666666;
	text-decoration: none;
	
}

span.posted {
	display: block;
	color: #CC0000;
	font-size: 1.0em;
	margin: 0px 0px 5px 0px;	
}


/* pagination */
.navigator {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-size: 1.1em;	
	color: #333333;
	font-weight: bold;
}

.navigator a {
	background-image: none;
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
}

.navigator a:hover {
	color: #666666;
	text-decoration: underline;
}	

/* boxes side content */
#boxes {
	margin: 0px 20px 0px 20px;;
	display: inline;
	float: left;
	width: 250px;
}

.box {
	padding: 0px 0px 10px 0px;
	margin-bottom: 30px;
}

.box a, #picasa .pic-thumb span {
	font-size: 1.2em;
	text-decoration: none;
	font-weight: normal;
	background: url(../images/arrow.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

#picasa .pic-thumb, #picasa_latest .pic-thumb  {
	margin-bottom: 10px;
}

#picasa_latest a {
	background: none;
	padding-left: 0px;
}


#content #picasa .thumb {
	width: 92px;
	height: 180px;
	float: left;
	margin: 5px;
	
	
	
}

#content #picasa .thumb div {
	padding: 10px;
}


a.admin , #picasa .pic-thumb span,#picasa_latest .pic-thumb span {
	font-size: 1.2em;
	text-decoration: none;
	font-weight: normal;
}

.box .navigator {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: left;
	margin-top: 20px;
	padding: 10px 0px;
}

.box .navigator a, #picasa a, .box .latest_photos a{
	padding: 0px;
	background-image: none;
}

.box a:hover, a.admin:hover {
	color: #666666;
	text-decoration: underline;
	background-position: 0px -27px;
}

#boxes h2 {
	color: #222222;
	padding: 5px 10px 10px ;
	margin: 0px -10px 10px -10px;
	
}

#boxes p {
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 0px 0px;
	margin-bottom: 20px;	
}

#boxes  p a.readMore {
	float: none;
}

.box img {
	border: 1px solid #333333;
	vertical-align: top;
	margin : 0px 10px 10px 0px;
	float:left;
}

/*links page */
ul.linksList li {
	font-size: 1.2em;
	margin-bottom: 7px;
	line-height: 1.2em;
}

/*gallery*/

#galleryImage {
	display: block;
	text-align: center;
	width: 320px;
	float: left;
}

#galleryImage p{
	text-align: center;
}

div.galleryThumbs {
	width: 290px;
	float: right;
}

#galleryImage h2 {
	
}

#content div.galleryImage img {
	clear: both;
	float: left;
	text-align: center;
}

.imgDesc {
	float: left;
	width: 310px;
	text-align: center;
}

#galleryImage h3 {
	color: #333333;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	font-size: 1.1em;
}

#galleryImage a {
	text-decoration: none;
	font-weight: bold;
}

#galleryImage a:hover {
	color: #666666;
	text-decoration: underline;
}

/*latest images box */

ul.latestImages img {
	float: left;
}

ul.latestImages li {
	float: left;
	margin-bottom: 10px;
}

#header {
	background-image: url(../images/mountain_guiding_ski.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	/*height: 180px;*/
	width:970px; /*center hack*/
	padding: 0px;
	height: 300px;
	background-color: #F0F1F3;
}

#loggedin {
	position: absolute;
	right: 10px;
	float: right;
	font-size: 0.8em;
	margin-right: 20px;
	margin-top: 20px;
}

#footer {
	background: url(../images/footer_bg.jpg);
	position: relative;
	height: 55px;
	border-top: 1px solid #555555;
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
	
}

/*logos at bottom of page */
#banners {
	top:-36px;
	left:0px;
	position: absolute;
	width: 400px;
}

#banners a {
	float:left;
	display: block;
	height: 80px;
}
	

#bmg {
	margin-top: 35px;
}


#uiagm {
	margin-top: 20px;
}


	
#footer a {
	color: #ffffff;
	margin: 10px 10px 10px 10px;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}

/* div holds content, footer and boxes */
#main {
	background-color: #F0F1F3;
	width: 970px;
	min-height:300px;
	margin-top: -10px;
}
/*additional info div hoilds crumb trail and admin messages*/

#information {
	padding: 4px 20px;
	margin-bottom: 14px;
	width: 760px;
	clear: both;
	float: left;
	background-color: #F0F1F3;
}






/* main navigation */
#navigation {
	margin:0px 0px 0px 20px;
	padding:0;
	height:250px;
	overflow:hidden;
	width: 800px;
	float: left;
}


#navigation ul {
	margin-left: 0px;
}

#navigation li {
	list-style-type:none;
	background:none;
	padding:0;
	vertical-align:bottom;
	float:left;
	height:250px;
	
}


#navigation li a {
	background-image:url(../images/lollipop.png);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	font-size:1.2em;
	line-height: 1.2em;
	/*
	text-transform:uppercase;
	*/
	vertical-align:bottom;
	padding-right: 23px;
	color: #CC0000;
	text-decoration: none;
	height: 23px;
	padding-top: 23px;
	font-weight: normal;
}

.nav1 {
	margin-top: 129px;
}

.nav2 {
	margin-top: 142px;
}

.nav3 {
	margin-top: 167px;
}

.nav4 {
	margin-top: 179px;
}

.nav5 {
	margin-top: 188px;
}

.nav6 {
	margin-top: 195px;
}

.nav7 {
	margin-top: 204px;
}

.nav8 {
	margin-top: 199px;
}
	

#navigation li a:hover,
#navigation li a:active {
	color:#333333;
	text-decoration: underline;
	background-image:url(../images/lollipop_rollover.png);

}


/*frost guiding logo and list of services at top of page */

#branding {
	width: 960px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	color: #ffffff;
	float: left;
	position: relative;
	font-size: 1.4em;
	line-height: 1.0em;
	height: 40px;
}	



#branding img {
	float: left;
	vertical-align: bottom;
	margin-right: 20px;
}

#branding li {
	color: #999999;
	font-size: 0.95em;
	list-style-type: none;
	float:left;
	margin-right:0px;
	padding-left: 20px;
	background-image:url(../images/list.png);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}

#branding li.first {
	list-style-type: none;
	background-image:none;
	padding-left: 10px;
}	
	
/* float clear class */
div.clear {
	width: 100%;
	clear: both;
	display:block;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	
}




ul.crumbtrail li {
	line-height: 1.0em;
	font-size: 1.0em;
	background-image:url(../siteIcons/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	list-style-type:none;
	padding:0px 0px 0px 10px;
	float:left;
	margin: 0px 7px 0px 0px;
	color: #666666;
}

ul.crumbtrail li a{
	line-height: 1.0em;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: bold;
}

ul.crumbtrail li a:hover{
	color: #666666;
	text-decoration: underline;
}

ul.crumbtrail li.firstcrumb {
	background-image:none;
	padding: 0px;
}


.message_info {
	background: #eeeeee ;
	float: right;
	padding: 20px 10px;
	position: absolute;
	left:450px ;
	bottom: -20px;
	width:200px;
	z-index: 100;
	border: 2px #ffffff solid;
}

.message_info img {
	float: right;
}


.box .tags_list a:hover {
	color: #333333;
	background-position: -6px -60px;
	text-decoration: underline;
}	


/*tag cloud*/

#tag_cloud {
	font-size: 1.0em;
}

#tag_cloud li {
	float:left;
	margin: 1px 4px 1px 1px;
	padding: 2px 4px;
	white-space: no-wrap;
}

#tag_cloud li:hover, #tag_cloud li.tag_selected:hover{
	cursor: pointer;
	background: #cccccc;
}

#tag_cloud li.size1 {
	font-size: 0.8em;
	color: #888888;
}

#tag_cloud li.size2 {
	font-size: 0.9em;
	color: #777777;
}

#tag_cloud li.size3 {
	font-size: 1.0em;
	color: #666666;
}

#tag_cloud li.size4 {
	font-size: 1.1em;
	color: #555555;
}

#tag_cloud li.size5 {
	font-size: 1.2em;
	color: #444444;
}

#tag_cloud li.size6 {
	font-size: 1.3em;
	color: #333333;
}

#tag_cloud li.tag_selected {
	background: #2E61A0;
	color: #ffffff;
}

#tag_list {
	padding: 4px;
	border: 1px solid #666666;
	color: #2E61A0;
	background: #eeeeee;
	width: 140px;
	margin: 0px 0px 0px 94px;
	display: none;
}

#tag_list li {
	list-style-type: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	cursor: pointer;
}

#rss {
	padding: 10px 0px 20px 40px;
	background: url(../images/feed.png) 0px 0px no-repeat;
	margin-bottom: 10px;
	margin-top: -10px;
}


#rss_email {
	padding: 0px 0px 20px 40px;
	background: url(../images/email-feed.jpg) 0px 0px no-repeat;
	margin-bottom: 10px;
	margin-top: -10px;
}

#rss a, #rss_email a {
	text-decoration: none;
}

#rss a:hover, #rss_email a:hover {
		text-decoration: underline;
}

#content .external {
	padding: 0px 0px 0px 15px;
	color: #2E61A0;
	text-decoration: none;
	background: url(../images/link.png) no-repeat 2px 4px;
}

#content .external:hover {
	color: #333333;
	text-decoration: underline;
	background-position: 2px -56px;
}

#bookmark {
	height: 30px;
	margin: 0px 0px 10px 0px;
}

#login {
	padding: 20px 0px;
	float: left;
}