@import url("interior.css");

/*	
	-------------------------------------------------------------
	Scire Design, LLC
	Design & Web Development
	2009 Style Sheet (Master) Modified July 16, 2009
	
	Version: 		1.0
	Author: 		David Moretz
	Website: 		www.sciredesign.com
	-------------------------------------------------------------	
*/

/* =Reset Styles 
----------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; }
:focus {outline: 0;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* =Universal Styles 
----------------------------------- */
/* =html */
html {background: #ffffff url(images/bkg.gif); color: #000;}	

/* =body */
body {position: relative; font: 90%/1.5 "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; background: url(images/header_back.gif) repeat-x;}
strong, em {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}

/* =a */
a {color: #3260fe;}
a:visited{color: #3260fe;}
a:hover {color: #08227f;}
a:active, a:focus {text-decoration: none;}
h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif;}

/* Who We Are */
DL#who_we_are {MARGIN: 15px 0 0 0;}
DL#who_we_are DT {FONT-WEIGHT: bold; FLOAT: left; CLEAR: left; WIDTH: 95px; MARGIN: 2px 0 4px 0; color: #1e333d;}
DL#who_we_are DD{ FONT-WEIGHT: normal; MARGIN-LEFT: 95px; MARGIN-BOTTOM: 10px;  color: #1e333d;}

/* What We Do */
DL#what_we_do {MARGIN: 4px 0 0 0;}
DL#what_we_do DT{FONT-WEIGHT: bold; FLOAT: left; CLEAR: left; WIDTH: 25px; MARGIN: 2px 0 4px 50px; color: #1e333d;}
DL#what_we_do DD{FONT-WEIGHT: normal; MARGIN-LEFT: 5px; MARGIN-BOTTOM: 20px;  color: #1e333d;}

/* Services */
DL#services {MARGIN: 15px 0 0 0;}
DL#services DT {FONT-WEIGHT: bold; FLOAT: left; CLEAR: left; WIDTH: 55px; MARGIN: -30px 0 0px 0; color: #1e333d;}
DL#services DD{ FONT-WEIGHT: normal; MARGIN: 30px 0px 10px 70px;  color: #1e333d;}



/* event results stylesheet */
DL#event_results{MARGIN: 0 0 0 0;}
DL#event_results DT{FONT-WEIGHT: bold; FLOAT: left; CLEAR: left; WIDTH: 14em; MARGIN: 0 0 2px 44px;}
DL#event_results DD{FONT-WEIGHT: normal; MARGIN-LEFT: 7em; MARGIN-BOTTOM: 5px;}



.style40{font: "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; font-size: 88%; font-weight: bold; letter-spacing: -0.01em; color: #000000; margin-bottom: .65em; line-height: normal;}
.style50{font: "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; font-size: 88%; letter-spacing: -0.01em; color: #000000; margin-bottom: .65em; line-height: normal;}

/* =Clear elements */
#masthead, #content {overflow: auto;}

/* =Centered */
#wrapper {background: #ffffff; border: 1px solid #000000; margin: 0 auto;}
#wrapper, #branding, #navContainer, #page-idWrap, #content {width: 800px;}

/* =Wrapper 
------------------------------------------------- */
#wrapper {background: #ffffff; border: 0px solid #000000; overflow: hidden; border-bottom: none; position: relative;}

/* =Masthead 
------------------------------------------------- */
#branding {background: url(images/header_back.gif); height: 101px; margin : 0 auto;}
#branding h1 {background: url(images/logo.gif) no-repeat 5px 20px; width: 170px; height: 69px; text-indent: -9999px;} 
#branding h1 a { /* Anchor tag makes logo accessibile */
	display: block; background: url(images/logo.gif) no-repeat 5px 20px; /* Background repeated to prevent flicker in IE */
	height: 101px;} 
#branding h1 a:hover { display: block; background: url(images/logo-b.gif) no-repeat 5px 20px; /* Background repeated to prevent flicker in IE */
	height: 101px;} 
#branding #top {float: right; margin: -70px 20px 0 0;}	
#branding #top p {font:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; text-decoration:none}
#branding #top a {font:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:none}
#branding #top a:hover {text-decoration:underline}
	
/* =Navigation 
------------------------------------------------- */
#navContainer {background: #e1d783; height: 30px; border-bottom: 1px solid #FFF;
	   /* Compensates for padding on h1; 16px instead of 17px due to white border on navContainer */}
#navContainer ul#nav-tools {float: right; font: 0.75em Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
#navContainer ul#nav-tools li {float: left; margin: 8px 1em 0 0; display: block; color: #1e333d; text-decoration: none;}
#navContainer ul#nav-tools li a {display: block; color: #1e333d; text-decoration: none;} 
#navContainer ul#nav-tools li a:hover {color: #819eae;} 
#navContainer ul#nav-tools li a:active, #navContainer ul#nav-tools li a:focus {background-color: #737373;}

/* =Shared Floats/Widths 
------------------------------------------------- */
#page-idWrap, #idWrap #style, #content-main {float: left;}
#page-idWrap #style, #content-main {width: 800px;}
#page-idWrap #featuring, #content-sub {float: right; width: 289px;}
#page-idWrap, #idWrap #style, #content-main-participants {float: left;}
#page-idWrap #style, #content-main-participants {width: 800px;}


/* =Styles/Page ID 
------------------------------------------------- */
#page-idWrap #style, #page-idWrap #featuring {height: 159px; background: #000;}
#page-idWrap #style {width: 800px;}
#page-idWrap #featuring {background: #cccccc url(../images/hd-feature.gif) no-repeat 33px 35px;}
#page-idWrap #featuring img {margin: 20px 0 0 3px;}
#page-idWrap #featuring a[href^="http:"] {background: none;}


/* =Content
------------------------------------------------- */
#content {float: left; background: #ffffff; padding-bottom: 2em;} 
#content-main {width: 750px; font-size: 0.85em; color: #000; padding: 40px 10px 10px 40px;}
#content-main p {margin: 1em 0 1.1em; line-height: 1.9;}
#content-main p span{font-weight: bold;}
#content-main em {font-style: italic;}
#content-main h2 {font: normal 235% Palatino, Georgia, "Times New Roman", Times; letter-spacing: -0.01em; color: #00009a; margin-bottom: .65em; line-height: normal;}
#content-main h3 {font-size: 165%; font-weight: normal; color: #415154;}
#content-main h3 a {color: #793629; text-decoration: none; border-bottom-width: 0px; border-bottom-style: dotted;}
#content-main h3 a:hover {text-decoration: underline;}
#content-main h4 {font: 100% "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; font-weight: bold; color: #415154; margin-bottom: .55em;}
#content-main h4 span  {font-weight: normal;}
#content-main a {text-decoration: none;	border-bottom-width: 1px; border-bottom-style: dotted;}
#content-main a:hover {border-bottom-style: none;}



/* =Content Sub
------------------------------------------------- */
#content-sub {background: url(images/flourishBkg.gif) no-repeat 0 20px;}
#content-sub h3 {font: 175% Palatino, Georgia, "Times New Roman", Times; color: #6D6B63; margin: 1.8em 0 1.4em 0; letter-spacing: -.02em; text-align: center;}
#content-sub h3 a {color: #6D6B63; text-decoration: none;}
#content-sub h3 a:hover {text-decoration: underline;}
#content-sub h4 {font: 100% "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; font-weight: bold; color: white; margin: 1em 1em -2.5em 1.8em; letter-spacing: -.02em; text-align: auto; border-bottom-width: 1px; border-bottom-style: dotted; padding: 0em 0em .5em 0em;}

#content-sub2 {background: url(images/flourishBkg.gif) no-repeat 0 20px;}
#content-sub2 h3 {font: 175% Palatino, Georgia, "Times New Roman", Times; color: #6D6B63; margin: 1.8em 0 1.4em 0; letter-spacing: -.02em; text-align: center;}
#content-sub2 h3 a {color: #6D6B63; text-decoration: none;}
#content-sub2 h3 a:hover {text-decoration: underline;}
#content-sub2 h4 {font: 100% "Lucida Sans Unicode", Verdana, Arial, sans-serif, serif; font-weight: bold; color: white; margin: 1em 1em -2.5em 1.8em; letter-spacing: -.02em; text-align: auto; border-bottom-width: 1px; border-bottom-style: dotted; padding: 0em 0em .5em 0em;}

/* =Site-info
---------------------------------- */
#site-infoBar {background: url(images/info_bkg.gif) repeat 0 0px;  height: 25px; float: right;} /* Originally had #ECE9D8 */
#site-info {margin: 0 auto; color: #ffffff; font: 0.75em arial; width: 800px;  position: right;}
#site-info h5 {float: right; font-size: 100%; font-weight: bold; margin: 5px 10px 0px 0px;}
#site-info h5 span  {font-size: 0.95em; font-weight: normal;}
#site-info p {line-height: 1.9em; margin-left: 1.6em;}
#site-info a {color: #5A6878; text-decoration: underline;}
#site-info a:visited {color: #5A6878;}
#site-info a:hover {color: #773533; text-decoration: underline;}
#site-info a:active, #site-info a:focus {background-color: #000; color: #FFF; text-decoration: none;}



/* =GPS
---------------------------------- */
#home #homelink a, #pedro #pedrolink a, #events #eventslink a, #alcatraz #alcatrazlink a, #new_waves #new_waveslink a, #international #internationallink a, #membership #membershiplink a, #calendar2 #calendar2link a, #media #medialink a {padding-bottom: 17px; border-bottom: 5px solid #65ff01; color: #E8E8E8; cursor: default;}