/***********************************************/
/* HTML tag styles for Juneau Rowing Club                           */
/***********************************************/ 


html { 
background: #ffffff; 
} 

body { 
width: 795px;
max-width: 70em;
font-family: Arial,sans-serif; 
color: #333333; 
margin: 0px; 
padding: 0px; 
} 

a{
	color: #006699;
	text-decoration: underline;
}

a:link{
	color: #006699;
	text-decoration: underline;
}

a:visited{
	color: #006699;
	text-decoration: underline;
}

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

table  { 
    border-collapse: collapse; 
	border-spacing: 0; 
}

td, th { 
    padding: 0; 
	vertical-align:top;
}

.breadCrumb{
	color: #334d55;
	font-size: 70%;
	padding: 2px 0px 0 10px;
	background-color: #FFFFCC;
	border-bottom: 1px solid #CCC;
	text-decoration: none;
	display: block;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

.head { 
width: 99%; 
/*border-bottom: 1px solid #A62A2A;*/
} 

.col1 { 
float: left; 
width: 200px; 
background-color: #eeeeee;
} 
.col1 hr{ 
width: 80%; 
}

.col2 { 
float: left; 
width: 395px;
} 

.col2of2 { 
float: left; 
width: 594px;
}

.col3 { 
float: left; 
width: 200px; 
background-color: #eeeeee;
} 

.col3 hr{ 
width: 80%; 
}

.foot { 
float: left; 
clear: both; 
width: 100%; 
} 

#globalNav{
background-color: #eeeeee;
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
height: 20px;
}

#masthead{
border-bottom: 2px solid #A62A2A;
width: 100%;
}

.right { 
padding: 0em; 
font-size:90%;
} 
/*margin: 0 1em 1em 1.3em; */

#sectionLinks{
	position: relative;
	margin: 10px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	text-decoration: none;
	display: block;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}

#sectionLinks li{
	border-bottom: 1px solid #FFF;
	list-style-position: inside;
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinksleft{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
	color: 000000;
	background-color: #00FFFF;
	font-weight: bolder;
}

#sectionLinksleft h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinksleft a {
	text-decoration: none;
	display: block;
}

#sectionLinksleft a:hover{
	background-color: #dddddd;
}

#sectionLinksleft li{
	list-style-position: inside; 
	border-bottom: 1px solid #FFF;
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinksleft ul{
 list-style-type: square;
 list-style-position: inside;
}

#sectionLinksleft ul ul{
 list-style-type: disc;
 list-style-position: inside;
}

#sectionLinksleft ul ul ul{
 list-style-type: none;
 list-style-position: inside;
}

#weather{
	position: relative;
	margin: 10px;
	padding: 0px;
	font-size: 90%;
	text-align:center;
}

#weather h2{
	padding: 2px 2px 2px 2px;
	text-align:center;
	font-style:italic;
}
#advert { 
	padding: 0em; 
	margin: 0em; 
} 

#advert img{
	/* Depending upon the image, may want border */
	/* border-bottom: 1px solid #A62A2A; */
	/* border-left:1px solid #A62A2A;  */
}

.print{
	text-align: right;
	font-size: 70%;
}

.main { 
	padding: 1em; 
	font-size: 90%;
}

.mainof2 { 
	padding: 1em; 
	font-size: 90%;
}

.left { 
	padding: 1em; 
	/*border: 1px solid #ff00ff; magenta border */ 
	font-size: 90%;
	/*margin: 0 0.9em 1em 0; */
}
 
.footer { 
	padding: 0em;
	border-top: 1px solid #eeeeee; 
	color: #334d55;
	/*margin: 0 0.9em 1em 1.3em; */
	text-align: center; 
	font-size: 65%;
} 
.calmain {
width:100px;
border:1px solid #9FB0BA;
}

.month {
background-color: #9FB0BA;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}

/*body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.1;	
	margin: 0px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.header { 
padding: 1em; 
margin: 1em 0.9em 1em 1.3em; 
border-bottom: 1px solid #A62A2A;
} 

ul{
 list-style-type: square;
}

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

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}



#masthead{
	border-bottom: 1px solid #A62A2A;
	width: 100%;
}

#header {
	font-size: 200%;
	text-align: center
}

#subheader {
	font-size: 100%;
 	margin: 0px;
 	padding: 0px;
	font-style:italic;
	text-align: center;
	}

#headlines{
  	float:right;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
	background-color: #eeeeee;
}


#headlines{
	margin: 0px;
	padding: 5px 0px 5px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 2px 0px 3px 0px;
}

#right{
  	float:right;
	border-bottom: 1px solid #cccccc;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	background-color: #eeeeee;
}
#right{
	margin: 0px;
	font-size: 80%;
	width: 20%;
}
#right p{
	padding: 5px, 0px, 5px, 0px;
}

#right hr{
     width: 80%;
} 

#right h3{
	padding: 20px 0px 5px 0px;
	text-align: center;
	font-size: 100%;
}

#center{
	float: left;
	margin: 0px;
	border-bottom: 1px solid #CCC;
	padding: 5px, 5px, 0px, 5px;
}

#content-2col{
	float: left;
	margin: 0px;
	border-bottom: 1px solid #CCC;
	padding: 5px;
}



#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}



#globalNav{
background-color: #eeeeee;
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
height: 20px;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}


#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}


#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}



.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: none;
	padding: 10px 10px 0px 0px;
	text-align: center;

}
.feature p{
	min-width: 600px;
}

.feature ul{
	list-style-type: disc;
	list-style-position: inside; 
}

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

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}



#footer{
	clear: both;
	font-size: 75%;
	color: #cccccc;
	padding: 0px 0px 0px 0px;
	text-align:center;
} 

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}



#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


#left{
	float: left;
	width: 160;
	margin: 0px;
	background:#eee;
	border-bottom: 1px solid #cccccc;
}
#left ul a:link, #right ul a:visited {display: block;}
#left ul {list-style: none; margin: 0; padding: 0;}

#left li {border-bottom: 1px solid #EEE;}

*html>body #left li {border-bottom: none;} 



#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	text-decoration: none;
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	text-decoration: none;
	display: block; 
	
}

#advert{
	padding: 0px 0px 10px;
}

#advert img{
	display: block;
	border-bottom: 1px solid #A62A2A;
	border-right:1px solid #A62A2A;
	
}

#survey{
	font-size: 85%;
	padding: 1px;
	background-color: #dddddd;
} 
*/