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




/* ~~~~~~~~~~~~~~~~~~~~ TEMPORARY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#splash {
	position: absolute;
	left: 105px;
	top: 200px;
	}


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

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



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


h1, h2, h3, h4, h5, h6 { margin: 0px;
	}
h1 {font-size: 18px; color: #333;}
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: #CCC; font-weight: normal; line-height: 14px;}
#news p{color: #888;}
span {}
.caption {}
#capPhoto {font-size: 9px; color: #666; font-weight: normal;}
#logoCap {
	font-size: 7px;
	color: #9B4408;
	font-weight: normal;
	letter-spacing: 2px;
	padding-bottom: 3px;
}


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

.color01 {color: #6A1B15;}/*---graphique red---*/
.color02 {color: #4A0000;}/*---dark red--------*/
.color03 {color: #E9660B;}/*---bright orange---*/
.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: #8684C7; text-decoration:none;}
a:hover {color: #DDD; text-decoration:underline;}

.navGlobal a, .navGlobal a:visited {color: #DDD; display:block;}
.navGlobal a:hover {color: #FFF; background-image:url("../imageLib/navTab.gif"); text-decoration:none; margin-top:0px;}

#sNav03 a, #sNav04 a,
#sNav03 a:visited, sNav04 a:visited {color: #BA520A;}
#sNav03 a:hover, #sNav04 a:hover {color: #FD8B2B; background-image: none; text-decoration:none;}

#breadCrumbs a, #breadCrumbs a:visited {color: #8684C7; text-decoration:none;}
#breadCrumbs a:hover { color: #FFF; text-decoration:none;}

#col3L a, #col3L a:visited {color: #8684C7;}
#col3L a:hover { color: #fff; text-decoration:underline;}

#navPanel a, #navPanel a:visited {color: #fff;}
#navPanel a:hover { color: #fff; text-decoration:underline;}

#footer a, #footer a:visited  {color: #666; text-decoration:none;}
#footer a:hover {color: #DDD; text-decoration:none;}


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


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


ul, ol, li {
	font-size: 12px;
	color: #888;
	line-height: 18px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#col3C ul ul,
#about ul ul {
	font-size: 12px;
	padding: 0 0 15px 15px;
	}
#about li {
	color: #FFF;
	}
#col3C ul li ul li,
#about ul li ul li {
	color: #888; 
	list-style: square;
	}

dt {
	font-size: 12px;
	color: #ccc;
	line-height: 14px;
	font-weight: bold;
}
dd{
	font-size: 12px;
	color: #888;
	line-height: 14px;
	padding-bottom:8px
	}



/* ~~~~~~~~~~~~~~~~~~~~ FORMS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~ TABLES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


table {
	font-size: 11px;
	}

td  {
	vertical-align: top;
	text-align: left;
	}
	

/* ~~~~~~~~~~~~~~~~~~~~ OTHER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


div {
	border: none;
	}
.image {
	padding: 8px 0px 8px 0px;
}



/* ~~~~~~~~~~~~~~~~~~~~ GRID ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ WRAPPER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#wrapper {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 760px;
	height: 1000px;
	margin-top: 0px;
	margin-left: -380px;
	background: #000 url(../imageLib/wrapperBlk.gif) repeat-y;
	}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#imgBkgrnd {
	position: absolute;
	width: 505px;
	height: 480px;
	top: 0px;
	left: 240px;
	z-index: 0;
	}
	



/* ~~~~~~~~~~~~~~~~~~~~~~~~~ SUB HEADERS LEFT ~ 225w x 100h T0 L0 ~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ LOGO ~ 210w x 70h T0 L0 ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#logoGeo {
	position: absolute;
	width: 210px;
	height: 70px;
	top: 0px;
	left: 15px;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#navAdmin {
	position: absolute;
	width: 185px;
	top: 50px;
	left: 560px;
	text-align: right;
	letter-spacing: 1px;
	z-index: 50;
	}
	
#navGlobalList {
	position: absolute;
	width: 730px;
	height: 19px;
	top: 69px;
	left: 15px;
	background: #000 url(../imageLib/navStripes.gif) repeat-x;
	z-index: 50;
	}
#nav01,
#nav02,
#nav03,
#nav04,
#nav05,
#nav06 {
	position: absolute;
	width: 85px;
	height: 10px;
	padding-top: 1px;
	text-align: center;
	font-size: 12px; 
	color: #DDD; 
	font-weight: bold;
	}
#nav01 {
	left: 225px;
	}
#nav02 {
	left: 305px;
	}
#nav03 {
	left: 390px;
	}
#nav04 {
	left: 475px;
	}
#nav05 {
	left: 560px;
	}
#nav06 {
	left: 645px;
	}
	
#sNavbox {
	position: absolute;
	width: 505px;
	height: 15px;
	top: 90px;
	left: 240px;
	border-bottom: #A44809 solid 1px;
	background: url(../imageLib/bkgrndStripeTrans.gif) repeat 50% 0;
	}
#sNav03 {
	position: absolute;
	width: 520px;
	height: 15px;
	visibility: hidden;
	font-size: 11px;
	font-weight: normal;
	z-index: 10;
	margin-top: -1px;
	}
#sNav03_01 {
	position: absolute;
	left: 35%;
	}
#sNav03_02 {
	position: absolute;
	left: 35%;
	margin-left: 50px;
	}

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


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BREADCRUMBS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
		
#boxBreadcrumbs {
	position: absolute;
	width: 730px;
	height: 17px; /* --- 15px + 2px to accomodate 2px padding in #topicHeader --- */
	top: 105px;
	left: 15px;
	letter-spacing: 1px;
	background-color: #000;
	}
#breadCrumbs {
	position: absolute;
	width: 340px;
	height: 15px;
	left: 375px;
	padding-top: 5px;
	letter-spacing: 1px;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~ COL LEFT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#col2L,
#col3L {
	position: absolute;
	width: 210px;
	height: auto;
	top: 90px;
	left: 15px;
	padding-top: 0px;	
	/*
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	*/
	}
#navPanel01,
#navPanel02,
#navPanel03 {
	position: absolute;
	top: 0px;
	font-size: 9px;
	color: #FFF; 
	font-weight: normal;
	margin-top: -3px;
	}
#navPanel01 {left: 10px;}
#navPanel02 {left: 85px;}
#navPanel03 {left: 155px;}
#headPanel {
	position: relative;
	width: 210px;
	height: 15px;
	top: 15px;
	left: 0px;
	background-color: #373652;
	text-align: center;
	letter-spacing: 3px;
	padding-top: 2px;
	z-index: 10;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	}
#content_col3L{
	position: relative;
	top: 30px;
	}
#imgNews {
	position: relative;
	padding: 10px 10px 0px 0px;
	}
#logoUAF {
	position: relative;
	padding: 50px 0px 10px 0px;
	}
	
#footer {
	position: relative;
	left: 0px;
	float: left;
	}
	
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ COL CENTER ~ 135w 325h T115 L240 ~~~~~~~~~~~~~~~~~~ */


#topicHeader {
	position: absolute;
	top: 105px;
	left: 240px;
	width: 134px;
	height: 15px
	letter-spacing: 2px;
	text-align: center;
	background-color: #000;
	border-color: #A44809;
	border-style: solid;
	border-width: 1px;
	padding-top: 2px;
	}
#topicHeader02 {
	position:relative;
	left: 0px;
	width: 134px;
	height: 15px
	letter-spacing: 2px;
	text-align: center;
	background-color: #000;
	border-color: #A44809;
	border-style: solid;
	border-width: 1px;
	margin-top:20px;
	margin-bottom:2px;
	}

	
#col3C {
	position: absolute;
	width: 105px;
	height: auto;
	top: 125px;
	left: 240px;
	}
	
#list3C_01,
#list3C_02 {
	background: url(../imageLib/bkgrndStripeTrans.gif) repeat 50% 0;
	width: 105px;
	padding: 15px;
	margin-top:15px;
	border-color: #555;
	border-style: solid;
	border-width: 1px;
	font-size: 14px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ COL RIGHT ~ 370w 295h T115 L390 ~~~~~~~~~~~~~~~~~~~ */
		
		
#col2R {
	position: absolute;
	width: 473px;
	height: auto;
	top: 140px;
	left: 240px;
	padding: 15px;
	background: url(../imageLib/bkgrndStripeTrans.gif) repeat 50% 0;
	
	border-color: #555;
	border-style: solid;
	border-width: 1px;
	}		
		
#col3R {
	position: absolute;
	width: 323px;
	height: autopx;
	top: 140px;
	left: 390px;
	padding: 15px;
	background: url(../imageLib/bkgrndStripeTrans.gif) repeat 50% 0;
	
	border-color: #555;
	border-style: solid;
	border-width: 1px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ IMAGES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

img {margin-bottom: 5px;
	}
#imgFaculty {
	position: relative;
	float:left;
	margin: 15px 15px 10px 0px;
	border: 2px solid #000;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~ 760w 15h T460 L0 ~~~~~~~~~~~~~~~~~~~~~~~~~ */