/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                        CSS Document
                        geoGraphique.com / university of fairbanks 
                        fehringer studios 2005
                        mail@fehringerstudios.com 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	background: #000 url(../imageLib/bkgStripe.gif) repeat 50% 0;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ CRIB ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#crib {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 760px;
	height: 1500px;
	margin-top: 0px;
	margin-left: -380px;
	background: #000;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#loboBird {
	position: absolute;
	top: 10px;
	left: 10px;
	}
#logoBrett {
	position: absolute;
	top: 60px;
	left: 310px;
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ DISPLAY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#display {
	position: absolute;
	top: 175px;
	left: 230px;
	height: auto;
	width: 500px;
	padding-right: 30px;
	}
#displayCenter {
	position: absolute;
	top: 160px;
	left: 320px;
	height: auto;
	width: 400px;
	padding-right: 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~ FONTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


h1, h2, h3, h4, h5, h6 { margin: 0px;
	}
h1 {
	font-size: 18px;
	color: #565C48;
	font-family: "Times New Roman", Times, serif;
}
h2 {font-size: 14px; color: #F9F9F9; font-weight: normal; padding-bottom:4px;}
h3 {font-size: 12px; color: #DDD; font-weight: normal;}
h4 {font-size: 11px; color: #666; font-weight: normal; padding-bottom:4px;}
h5 {font-size: 10px; color: #666; font-weight: normal;}
h6 {}
p {font-size: 12px; color: #999999; font-weight: normal; line-height: 14px;}
span {color: #FFFFFF;}
.capPhoto {font-size: 9px;color: #666;font-weight: normal;font-style: italic; padding-top:10px;}


/* ~~~~~~~~~~~~~~~~~~~~ COLORS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.color01 {color: #6A1B15;}/*---graphique red---*/
.color02 {color: #565C48;}/*---moss green--------*/
.color03 {color: #C6C27D;}/*---suede---*/
.color04 {color: #C46809;}/*---yellow orange---*/	
.color05 {color: #9B4408;}/*---dk orange-------*/
.color06 {color: #8684C7;}/*---periwinkle------*/
.color07 {color: #373652;}/*---smoked blue-----*/
.color08 {color: #777800;}/*---green leaf------*/
.colorFFF {color: #FFF;}  /*---white-----------*/
.colorCCC {color: #CCC;}  /*---30% Black-------*/
.color888 {color: #888;}  /*---30% Black-------*/
.color666 {color: #666;}  /*---60% Black-------*/
.color000 {color: #000;}  /*---100% Black------*/



/* ~~~~~~~~~~~~~~~~~~~~ LINKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


a, a:visited {color: #C6C27D; text-decoration:none;}
a:hover {color: #DDD; text-decoration:underline;}

.menu a, .menu a:visited {color: #9DC67D;}
.menu a:hover {color: #FFF;text-decoration:none;}



/* ~~~~~~~~~~~~~~~~~~~~ LISTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul {
	list-style-type: none;
	font-size: 12px; color: #DDD; font-weight: normal; 
	list-style-type: disc;
	}
ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}


/* ~~~~~~~~~~~~~~~~~~~~~ NAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
ul#menu {
	position: absolute;
	top: 250px;
	left: -10px;
	color: #9DC67D;
	font-weight: bold;
	font-size: 12px;
	width: 150px; 
	list-style-type: none;
	}
ul#menu ol {
	display: none;
	list-style-type: none;
	margin: 0px;
	text-align: left;
	}
ul#menu li, 
ul#menu a {
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
	}
ul#menu li {
	border-bottom: dotted 1px #b9a894;
	line-height: 20px;
	}
ul#menu ol li {
	border-bottom: none;
	font-weight: normal;
	border-top: dotted 1px #b9a894;
	}
ul#menu a {
	text-decoration: none;
	outline: none;
	color: #9DC67D;
	}
ul#menu ol li a {
	color: #9DC67D;
	}

ul#menu a:hover {
	color: #FFF;
	}
ul#menu a.active {
	color: #FFF;
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ IMAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.imgR {	
	padding: 15px 0px 20px 30px;
	float:right;
	border-width: 0px;
	}
.imgL {	
	padding: 15px 30px 20px 0px;
	float:left;
	border-width: 0px;
	}
#imgBrett01 {
	margin: -50px -30px 0px 0px;
	}
#img02 {
	margin: 20px -30px 0px 0px;
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ TAGS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

hr {
	color: #C6C27D;
	height: 1px;
	margin-bottom:40px;
	}