/*-----------------------------------------------------------------------------
Master GNAR Style Sheet
author:    LionZone
website:   http://www.gnar.org
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


body { 
	margin:0px;
padding:0px;
text-align:center; 
background: #fff url(images/bg.jpg) repeat-x; 
}

p {

margin:5px 10px 0px 10px;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal; 
color: #3E3E3B;
line-height: 16px;
}

p.small{

margin:15px 0px 10px 0px;
font: 10px Verdana, Arial, Georgia, sans-serif;
font-weight: normal; 
color: #696862;
line-height: 16px;
}

strong {
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: bold; 
color: #00529B;
line-height: 16px;
}

a {
color: #1067c8;
text-decoration:underline;
}

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

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

.photo {
float:left;
padding: 2px;
margin-right:3px;
}


/* =Headers
-----------------------------------------------------------------------------*/	

h1 {
visibility:hidden;
float:left;
}

h2 { /* "Left Nav Headers" */
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border-bottom: 1px solid #E8F2FD;
text-align:left;
font: 16px Lucida Sans Unicode, Arial, Georgia, sans-serif;
font-weight: normal;
color: #676865;
}


h3{ /* "Section Headers" */
margin:5px 10px 0px 10px;
padding:5px 5px 5px 5px;
border-top: 1px solid #f2f0e4;
border-bottom: 1px solid #f2f0e4;
text-align:left;
font: 16px Lucida Sans Unicode, Arial, Georgia, sans-serif;
font-weight: normal;
background:#f9f8f3;
color: #676865;
}

h4 { /* "Callout Headers" */
margin:10px 10px 10px 10px;
padding:0px 0px 5px 0px;
border-bottom: 1px solid #DBD9CF;
text-align:left;
font: 16px Lucida Sans Unicode, Arial, Georgia, sans-serif;
font-weight: normal;
color: #696862;
}

.section { /* "In This Section" */
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
border-bottom: 1px solid #E8F2FD;
letter-spacing: -1px;
text-align:left;
font: 16px Lucida Sans Unicode, Arial, Georgia, sans-serif;
font-weight: normal;
letter-spacing: -1px;
color: #676865;
}

	
	
/* =Layout
-----------------------------------------------------------------------------*/

#container {
width:800px;
margin-top:0px;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;
}


#masthead {
margin:0 0 5px 0px;
width:800px;
height:155px; 
text-align:right;
background-repeat: no-repeat;
background-position: top left; 
background-image: url(images/masthead.jpg);
}


#content-home {
float:right;
width:590px;
}

#content-int {
float:left;
width:470px;
margin-bottom:20px;
}

#sidebar-left {
float:left;
margin-bottom:10px;
width:175px;
}

#sidebar-right {
width:150px;
padding:0px;
float:left;
}

#footer {
border-top:1px solid #DBD9CF;
font: 10px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
color: #BFBDB8;
clear:both;
width:100%;
padding-top:10px;
}


/* =Main Navigation (Left)
-----------------------------------------------------------------------------*/		

.mainnavbx { /*--Main Nav List (Left)-- */
margin:0px 0px 10px 0px;
padding: 0px;
list-style-type:none;
}

.mainnav { /*--Main Nav List (Left)-- */
margin:0px 0px 0px 0px;
padding: 0px;
list-style-type:none;
}

li.mainnav {
display: block;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
color: #479BEF;
margin:0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/point.gif);
border-bottom: 1px solid #E8F2FD;
}

.mainnav a {
display:block;
color: #1067c8;
padding: 8px 0px 8px 25px;
text-decoration:none;
}

.mainnav a:hover {
display:block;
color: #1067c8;
background-color:#F9F8F4;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/point.gif);
text-decoration: none;
}

.mainnav a:visited {
display:block;
color: #1067c8;
text-decoration:none;
}

#currentpage {
display:block;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
color: #0B71CB;
background-color:#F9F8F4;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/check.gif);
text-decoration: none;
border-bottom: 1px solid #E8F2FD;
}



/* =Main Navigation (Top)
-----------------------------------------------------------------------------*/		

.topnav {
margin:0px;
padding-top:125px;
}

.topnav li {
display: inline;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
list-style-type: none;
}

.topnav a:link, .topnav a:visited{
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/point2.gif);
padding: 7px 20px 8px 22px;
text-decoration: none;
color: #FFFFFF;
}

.topnav a:hover{
text-decoration: none;
color: #ffffff;
}


.topnav a:visited{
text-decoration: none;
color: #FFFFFF;
}


/* =Misc List
-----------------------------------------------------------------------------*/

.pdf { /*--PDF Lists-- */
margin:0px 0px 20px 0px;
padding:0px;
list-style-type:none;
}

li.pdf {
display: block;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 10px 0px 10px;
color: #63625F;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/pdf.gif);
border-bottom: 1px solid #E8F2FD;
}

.pdf a:link, .pdf a:visited {
display:block;
color: #479BEF;
padding:8px 5px 8px 30px;
text-decoration:none;
}

.pdf a:hover {
display:block;
color: #0B71CB;
background-color:#F4FAFF;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/pdf.gif);
text-decoration: none;
}

.info { /*--PDF Lists-- */
margin:0px 0px 20px 0px;
padding:0px;
list-style-type:none;
}

li.info {
display: block;
padding:8px 5px 8px 25px;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 10px 0px 10px;
color: #63625F;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/info.gif);
border-bottom: 1px solid #E8F2FD;
}

.info a:link, .info a:visited {
display:block;
color: #479BEF;
padding:8px 5px 8px 25px;
text-decoration:none;
}

.info a:hover {
display:block;
color: #0B71CB;
background-color:#F4FAFF;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/info.gif);
text-decoration: none;
}


.award { /*--Award Lists-- */
margin:0px 0px 20px 0px;
padding:0px;
list-style-type:none;
}

li.award {
display: block;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 10px 0px 10px;
color: #63625F;
padding:8px 5px 8px 20px;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/award.gif);
border-bottom: 1px solid #E8F2FD;
}

.xlinks { /*--PDF Lists-- */
margin:0px 0px 20px 0px;
padding:0px;
list-style-type:none;
}

li.xlinks {
display: block;
font: 11px Verdana, Arial, Georgia, sans-serif;
font-weight: normal;
margin:0px 10px 0px 10px;
color: #63625F;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/links.gif);
border-bottom: 1px solid #E8F2FD;
}

.xlinks a:link, .xlinks a:visited {
display:block;
color: #479BEF;
padding:8px 5px 8px 25px;
text-decoration:none;
}

.xlinks a:hover {
display:block;
color: #0B71CB;
background-color:#F4FAFF;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/links.gif);
text-decoration: none;
}

	
/* =Callouts
-----------------------------------------------------------------------------*/	

.callout {
float: left;
width:282px;
height:164px;
margin: 0px 0px 0px 8px;
background-repeat: no-repeat;
background-position: left; 
background-image: url(images/bg.co.jpg);
}

.calloutphoto {
float:left;
border:1px solid #DBD9CF;
padding: 2px;
background-color:#fff;
margin-right:5px;
}

.flash {
	width: 571px;
	height: 230px;
	float: left;
	background-image:url(images/bg_flash_home.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 8px;
}

.between_flash {
	width: 571px;
	float: left;
	margin: 5px 0px 5px 8px;
}

.flash_home {
	width: 550px;
	height: 211px;
	margin: 10px 0px 0px 10px;
}