﻿body
{
    background-color: #000000;
    background-image: url(images/bg.gif);
    background-position: top center;
    background-repeat: no-repeat;
    border-top: 4px solid #c46224;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
    color: #FFFFFF;
	line-height: 18px;
	margin: 0px;
    padding: 0px;
}

/* Basics */



.clear
{
    clear: both;
}

.imgleft
{
    float: left;
    margin-right: 20px; 
}

.uppercase
{
    text-transform: uppercase;
    font-size: 10px;
}

/**/

#outer-div
{
	width: 950px;
	position: relative;
	margin: 0em auto;
	padding: 0px 0px 20px 0px;
}
	
	#pageAttributesDiv
	{
	
	}	
	
	#editIcons
	{
		float: left;
		z-index: 100;
	}
	
	.admin
	{
		float: left;
		z-index: 100;
		margin-right: 5px;
	}
	
	a.login
	{
		color: #8bd2f4;
		font-size: .7em;
		position: fixed;
		bottom: 0px;
		left: 5px;
	}
	
	a.staff
	{
		color: #8bd2f4;
		font-size: .7em;
		position: absolute;
		bottom: 0px;
		left: 5px;
	}
	
	#loggedInAs
	{
		color: #8bd2f4;
		font-size: .7em;
		position: fixed;
		bottom: 0px;
		left: 5px;
	}
	
	.editRadioButtons
	{
		position: absolute;
		top: 20px;
		right: 300px;
	}
	
	.editPageLink
	{
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 1000;
	}

#adminRight
{
	width: 680px;
	padding: 20px 0px 0px 20px;
	float: left;
}

#content
{
    width: 910px;
    height: auto;
    margin: 0px auto 0px auto;
    clear: both;
}

#mainnav
{
    float: right;
    list-style-type: none;
    text-indent: 0px;
    padding: 0px;
    margin: 20px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

#mainnav li
{
    float: left;
    text-indent: 0px;
    padding: 0px;
    margin: 0px;
}

#mainnav li a
{
    color: #8bd2f4;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    padding: 8px 8px 8px 10px;
}

#mainnav li a:hover
{
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(images/arrowwhite.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #f7941d;
}

/* Home Page Content Styles */

#logolg
{
    margin: 0px auto 40px auto;
    padding: 0px;
    text-align: center;
    width: 900px;
    height: 330px;
    clear: both;
}

.homecolleft
{
    float: left;
    width: 450px;
    margin: 0px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.homecolright
{
    float: left;
    width: 450px;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

/**/

#logosm
{
    margin: 0px;
    float: left;
    width: 362px;
    height: 180px;
}

.pagecontent
{
    clear: both;
    border-top: 2px solid #c46224;   
    width: 910px;
    margin: 0px;
    padding: 0px;
}

.content
{
    width: 670px;
    margin: 0px;
    padding: 15px;
    float: left;
    border-bottom: 3px solid #f7941d;
}

.content a
{
    text-decoration: none;
    /*padding-left: 10px;*/
    /*background-image: url(images/arrowwhite.gif);*/
    background-position: left center;
    background-repeat: no-repeat;    
}

.content a:hover
{
    text-decoration: underline;   
}

.content ol
{
    color: #FFFFFF;
    border-left: 1px solid #f7941d;
    padding-left: 40px;
}

.footer
{
    border-top: 1px solid #8bd2f4;
    color: #8bd2f4;
    text-align: center;
    font-size: 12px;
    width: 910px;
    position: relative;
    top: 60px;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}

table.map 
{
    border-left: 1px solid #f7941d;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

.map td, .map th
{
    padding: 0px 5px 0px 5px;
}

.map a
{
    color: #FFFFFF;
    text-decoration: none;
    background: none;
    padding: 0px;
}

.map a:hover
{
    color: #f7941d;
    text-decoration: none;
}

.form
{
}
	.form label, .form .label
	{
		display: block;
		margin: 5px 0px 0px 0px;
	}

/* Login */

#login_bx
{
	color: #fff;
	background-image: url(images/sub_nv_bg.gif);
	background-repeat: repeat-y;
	width: 246px;
	position: relative;
	margin: 0em auto;
}

	#login_bx .top
	{	
		background-image: url(images/sub_nv_top.gif);	
		background-repeat: no-repeat;
		width: 246px;
		height: 12px;
	}

	#login_bx .bottom
	{
		background-image: url(images/sub_nv_btm.gif);
		background-repeat: no-repeat;
		width: 246px;
		height: 12px;
		position: relative;
		top: 5px;
	}
	
	#login_bx .reset
	{
		color: #fff;
		float: right;
		margin: 0px 12px 0px 0px;
	}

#login_bx .form
{
	color: #fff;
	padding: 15px;
}

#login_bx label
{
	color: #fff;
}

#sub_rd, #sub_or, #sub_lb, #sub_gr, #sub_nv
{
	float: left;
	width: 175px;
	background-image: url(images/subnav.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #f7941d;
	border-left: 1px solid #c46224;
	border-bottom: 1px solid #c46224;
	padding: 15px;
	overflow: hidden;
}

#sub_rd h1, #sub_or h1, #sub_lb h1, #sub_gr h1, #sub_nv h1
{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0px 0px 5px 0px;
}
	
    #sub_rd ul, #sub_or ul, #sub_lb ul, #sub_gr ul, #sub_nv ul
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	#sub_rd li, #sub_or li, #sub_lb li, #sub_gr li, #sub_nv li
	{
		text-indent: 10px;
		margin: 2px 0px 6px 0px;
	}

	#sub_rd ul ul, #sub_or ul ul, #sub_lb ul ul, #sub_gr ul ul, #sub_nv ul ul
	{
		list-style-type: none;
		margin-left: 10px;
		padding-left: 0px;
		height: auto;
		overflow: visible;
		
		
	}
	
	#sub_rd ul ul li, #sub_or ul ul li, #sub_lb ul ul li, #sub_gr ul ul li, #sub_nv ul ul li
	{
		list-style-type: none;
		margin-left: 0px;
		padding: 0;
		text-indent: 0px;
		line-height: 25px;
		width: 170px;
		
	}
	
	#sub_rd ul ul li a, #sub_or ul ul li a, #sub_lb ul ul li a, #sub_gr ul ul li a, #sub_nv ul ul li a
	{
		padding-left: 20px; 
		line-height: 15px;
		
	}

	#sub_rd a, #sub_or a, #sub_lb a, #sub_gr a, #sub_nv a
	{
		display: block;
		color: #fff;
		text-decoration: none;
		
	}
	
	#sub_rd a:hover, #sub_or a:hover, #sub_lb a:hover, #sub_gr a:hover, #sub_nv a:hover
	{
		display: block;
		text-decoration: none;
	}
	
	.admin li a
	{
	    text-indent: 0px;
	    padding: 0px;
	}
	
.nav
{
	font-weight: bold;
}	
	
.nav_act
{
	font-weight: bold;
	background-image: url(images/arrowwhite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
}

.nav_parent
{
	font-weight: bold;
}

.nav_parent_act
{
	font-weight: bold;
	background-image: url(images/arrowwhite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
}

/* Gallery */

.selectedGallery 
{
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	background-image: url(images/arrowwhite.gif);
    background-position: left center;
    background-repeat: no-repeat;
    
}
.galNavItem
{
	font-weight: normal;
}

.gallery
{
    width: 650px;
    text-align: left;
    margin: 0px;
    padding: 10px;
    z-index: 1;
    display: none;
}

		.gallery h2, .gallery h3
		{
			font-size: 16px;
			font-weight: bold;
			text-align: left;
			color: #c46224;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
		}

		.album_nav 
		{
			float: left;
			width: 160px;
			padding: 0em;
			position: relative;
			left: -10px;
			margin: 55px 10px 0px 0px;
			text-indent: 0em;
			background-color: #c46224;
		}

		.album_nav li
		{
			text-indent: 0px;
			line-height: 12px;
			height: 1em;
			padding: 10px 0px 10px 10px;
			margin: 0px 14px 0px 0px ;
			width: 160px;
			list-style-type: none;
			
			
		}

		.album_nav li a
		{
			display: block;
			line-height: 12px;
			height: 12px;
			overflow: hidden;
			color: #FFFFFF;
			text-decoration: none;
		}

		.galleryHold
		{
			float: left;
			width: 404px;
		}

		.galleryViewer
		{
			float: left;
			position: relative;
			width: 404px;
			height: 350px;
			padding: 0em;
			margin: 0em;
		}

		.gallerydesc
		{
			color: #c46224;
			font-weight: bold;
			text-align: center;
			z-index: 1000;
			padding: 10px 0px 10px 0px; 
			margin: 0px;
			
			border-bottom: 2px solid #c46224;
		}

		.gallimg
		{
			text-align: center;
		}
			.enlarge
			{
				font-size: 8px;
				text-align: right;
				float: right;
			}

		.galleryViewer a
		{
			color: #f7941d;
			text-decoration: none;
		}

		.galleryViewer a:hover
		{
			text-decoration: underline;
			font-weight: bold;
		}

		.counterhold
		{
			float: left;
			text-align: center;
			position: relative;
			bottom: 0px;
			width: 404px;
			height: 1.4em;
			color: #f7941d;
			
			border-top: 1px solid #f7941d;
		    
		}
			.gallery .prev
			{
				color: #f7941d;
				float: left;
				width: 100px;
				text-align: left;
				background-image: url(images/arrow_prev.gif);
				background-position: left center;
				background-repeat: no-repeat;
				padding-left: .8em;
				text-decoration: none;
				font-weight: bold;
			}

			.counter
			{
				float: left;
				width: 170px;
				text-align: center;
				margin: 0px auto;
				font-weight: bold;
			} 
			 
			.gallery .next
			{
				color: #f7941d;
				float: left;
				width: 100px;
				text-align: right;
				background-image: url(images/arrow_next.gif);
				background-position: right center;
				background-repeat: no-repeat;
				padding-right: 1.2em;
				text-decoration: none;
				font-weight: bold;
			} 
			
			
			
			
			
			
			
/* Point of no return */

/* small buttons */

a.button-wh
{
	color: #272727;
	text-decoration: none;
	display: inline-block;
	line-height: 24px;
	background-image: url(images/button-wh.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
	*html a.button-wh
	{
		width: 10px;
	}

	.button-wh span
	{
		display: block;
		background-image: url(images/button-wh-rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 24px;
		padding: 0px 16px 0px 10px;
	}
	*html .button-wh span
	{
		width: 10px;
	}

a.button-bl, a.button
{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	line-height: 30px;
	background-image: url(images/button-sm-nv.gif);
	background-repeat: no-repeat;
    cursor:pointer;
}
	*html a.button-bl, *html a.button
	{
		width: 10px;
	}

	.button-bl span, .button span
	{
		display: block;
		background-image: url(images/button-sm-nv-rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 30px;
		padding: 0px 15px 0px 15px;
		color: #fff;
	}
	*html .button-bl span, *html .button span
	{
		width: 10px;
	}
	
a.out-button
{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	line-height: 22px;
	background-image: url(images/out-button-sm.gif);
	background-repeat: no-repeat;
    cursor:pointer;
}
	*html a.out-button
	{
		width: 10px;
	}

	.out-button span
	{
		display: block;
		background-image: url(images/out-button-sm-rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 22px;
		padding: 0px 15px 0px 15px;
	}
	*html .out-button span
	{
		width: 10px;
	}
	
/* left content buttons */

a.button_lft_rd, a.button_lft_or, a.button_lft_lb, a.button_lft_gr
{
	color: #fff;
	text-decoration: none;
	line-height: 25px;
	display: block;
	background-repeat: no-repeat;
	width: 246px;
}

	a.button_lft_rd span, a.button_lft_or span, a.button_lft_lb span, a.button_lft_gr span
	{
		display: block;
		background-repeat: no-repeat;
		background-position: bottom;
		padding: 11px 18px 11px 18px;
	}
		
a.button_lft_rd
{
	background-image: url(images/button_lft_rd.gif);
}	
	a.button_lft_rd span
	{
		background-image: url(images/sub_rd_btm.gif);
	}
		
a.button_lft_or
{
	background-image: url(images/button_lft_or.gif);
}	
	a.button_lft_or span
	{
		background-image: url(images/sub_or_btm.gif);
	}
	
a.button_lft_lb
{
	background-image: url(images/button_lft_lb.gif);
}	
	a.button_lft_lb span
	{
		background-image: url(images/sub_lb_btm.gif);
	}
		
a.button_lft_gr
{
	background-image: url(images/button_lft_gr.gif);
}	
	a.button_lft_gr span
	{
		background-image: url(images/sub_gr_btm.gif);
	}
	
/* right content buttons */

a.button_lg_rd, a.button_lg_or, a.button_lg_lb, a.button_lg_gr
{
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	display: block;
	background-repeat: no-repeat;
	width: 158px;
}

a.button_lg_rd span, a.button_lg_or span, a.button_lg_lb span, a.button_lg_gr span
{
	display: block;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 11px 13px 11px 13px;
}

a.button_lg_rd
{	
	background-image: url(images/button_lg_rd.gif);
}
	a.button_lg_rd span
	{
		background-image: url(images/button_lg_rd_btm.gif);
	}

a.button_lg_or
{	
	background-image: url(images/button_lg_or.gif);
}
	a.button_lg_or span
	{
		background-image: url(images/button_lg_or_btm.gif);
	}

a.button_lg_lb
{	
	background-image: url(images/button_lg_lb.gif);
}
	a.button_lg_lb span
	{
		background-image: url(images/button_lg_lb_btm.gif);
	}
			
a.button_lg_gr
{	
	background-image: url(images/button_lg_gr.gif);
}
	a.button_lg_gr span
	{
		background-image: url(images/button_lg_gr_btm.gif);
	}
		
.botton-rand
{
    margin: 0 0 5px 0;
}		
			
/* Content Editor Buttons n Stuff */

#approvalButtons
{
	float: right;
	padding: 0px 3px 0px 3px;

}

a.cms_tab
{
	color: #272727;
	font-size: .8em;
	text-decoration: none;
	line-height: 30px;
	background-image: url(images/cms_tab.gif);
	background-repeat: no-repeat;
	height: 30px;
	float: left;
	cursor: pointer;
}

	.cms_tab span
	{
		display: block;
		background-image: url(images/cms_tab_rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 30px;
		padding: 0px 10px 0px 13px;
	}
	*html .cms_tab span
	{
		width: 20px;
		padding: 0px 10px 0px 13px;
	}
	
a.cms_tab_act
{
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	line-height: 30px;
	background-image: url(images/cms_tab_act.gif);
	background-repeat: no-repeat;
	height: 30px;
	float: left;
	cursor: pointer;
}
	.cms_tab_act span
	{
		display: block;
		background-image: url(images/cms_tab_act_rt.gif);
		background-repeat: no-repeat;
		background-position: right;
		height: 30px;
		padding: 0px 10px 0px 13px;
	}
	*html .cms_tab_act span
	{
		width: 20px;
	}
	
	
/* ImagePicker */
.mouseOver
{
    cursor:pointer;
}


/* Form Validation Summary */

.formValidation
{
    border: 1px solid #c46224;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

    .formValidation li
    {
        font-size: 1em;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        background-image: url('images/icons/warning.png');
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 20px;
    }
    
    
.sysMsg
{
    border: 1px solid #c46224;
    color: #f7941d;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

    .sysMsg li
    {
    	color: #f7941d;
        font-size: 12px;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        background-image: url('images/icons/accept.png');
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 20px;
    }
    
    /* File Manager */
    
    #upload .RadTreeView .rtIn
    {
        color: #FFFFFF;
    }
    
    #upload .RadTreeView .rtIn:hover
    {
        color: #000000;
    }
    
    .upload
    {
        border: 1px solid #c46224;
        width: 860px;
        float: left;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    
    .directory
    {
        border: 1px solid #c46224;
        width: 413px;
        height: 80px;
        float: left;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    
    .create
    {
        margin-right: 5px;
    }	
    
    .delete
    {
        margin-left: 5px;
    }	
    
    .upload input, .directory input, .create input
    {
        border: 1px solid #5C5C5C;
        background-image: url('images/form_bg.gif');
        background-position: left bottom;
        background-repeat: repeat-x;
        background-color: #2d2d2d;
        color: #FFFFFF;
    }
    
    #upload .RadUpload_Default .ruFakeInput
    {
        border: 1px solid #5C5C5C;
        background-image: url('images/form_bg.gif');
        background-position: left bottom;
        background-repeat: repeat-x;
        background-color: #2d2d2d;
        color: #FFFFFF;
        line-height: 10px;
    }
    
    #upload .RadUpload_Default .ruButton, .RadUploadProgressArea_Default .ruButton
    {
        background-image: url('images/btn.gif');
        background-position: left top;
        background-repeat: repeat-x;
        background-color: #c46224;
        width: 40px;
        height: 24px;
        color: #FFFFFF;
        font-size: 10px;
        margin-top: -1px;
        cursor: pointer;
    }
    
    .ruFileInput
    {
    	width: 160px;
        cursor: pointer;
        z-index: 1000;
    }
    
    .nonavcontent
    {
        width: 880px;
        margin: 0px;
        padding: 15px;
        float: left;
        border-bottom: 3px solid #f7941d;
    }
    
    .explorer
    {
        border: 1px solid #c46224;
        width: 860px;
        float: left;
        padding: 10px;
        margin: 0 0 10px 0;
    }
    
    .fupgrid td
    {
        vertical-align: top;
        color: #d7d7d7;
        border: 1px solid #c46224;
    }
    
    .fupgrid th
    {
        border: 1px solid #c46224;
    }
    
    .fupgrid td a
    {
        vertical-align: top;
        color: #c46224;
    }
	
	/* User Manager */

#userdetails
{
	width: 200px;
	float: left;
}

#roles
{
	width: 440px;
	float: left;
}

/* Progress Indicator */
#progressIndicator
{
    background-image: url(images/ajax_loading/ajax-loader.gif);
    background-position: top left;
    background-repeat: no-repeat;
    width: 220px;
    height: 20px;
    float: right;
    position: relative;
    top:0px;
    right: 0px;
    padding:0px;
    margin:0px;
}

#map
{
    width: 682px;
    height: 568px;
    background-image: url(images/map.gif);
}

a.researcher
{
    display: block;
    font-size: 10px;
    line-height: 14px;
    width: 15px;
    height: 18px;
    background-image: url(images/marker.gif);
    background-position: bottom center;
    text-align: center;  
    text-decoration: none; 
    color: #FFFFFF; 
}

a.researcher:hover
{
    color: #f7941d; 
}

.one
{
    position: relative;
    top: 510px;
    left:490px;
}

.two
{
    position: relative;
    top: 505px;
    left: 460px;
}

.three
{
    position: relative;
    top: 450px;
    left: 500px;
}

.four
{
    position: relative;
    top: 450px;
    left: 430px;
}

.five
{
    position: relative;
    top: 355px;
    left: 595px;
}

.six
{
    position: relative;
    top: 365px;
    left: 600px;
}

.seven
{
    position: relative;
    top: 300px;
    left: 35px;
}

.eight
{
    position: relative;
    top: 400px;
    left: 430px;
}

.nine
{
    position: relative;
    top: 390px;
    left: 415px;
}

.ten
{
    position: relative;
    top: 360px;
    left: 442px;
}

.eleven
{
    position: relative;
    top: 322px;
    left: 450px;
}

.twelve
{
    position: relative;
    top: 225px;
    left: 50px;
}

.thirteen
{
    position: relative;
    top: 200px;
    left: 540px;
}

.fourteen
{
    position: relative;
    top: 210px;
    left: 590px;
}

.fifteen
{
    position: relative;
    top: 190px;
    left: 575px;
}

.sixteen
{
    position: relative;
    top: 180px;
    left: 560px;
}

.seventeen
{
    position: relative;
    top: 80px;
    left: 150px;
}

.eighteen
{
    position: relative;
    top: 162px;
    left: 500px;
}

.nineteen
{
    position: relative;
    top: 82px;
    left: 50px;
}

.twenty
{
    position: relative;
    top: 8px;
    left: 150px;
}

.twentyone
{
    position: relative;
    top: 185px;
    left: 430px;
}

.twentytwo
{
    position: relative;
    top: 30px;
    left: 557px;
}

.twentythree
{
    position: relative;
    top: 110px;
    left: 470px;
}

.twentyfour
{
    position: relative;
    top: 60px;
    left: 600px;
}

.twentyfive
{
    position: relative;
    top: -20px;
    left: 67px;
}

.twentysix
{
    position: relative;
    top: 0px;
    left: 500px;
}

.twentyseven
{
    position: relative;
    top: -100px;
    left: 680px;
}

.twentyeight
{
    position: relative;
    top: -90px;
    left: 545px;
}

.twentynine
{
    position: relative;
    top: -126px;
    left: 545px;
}

.thirty
{
    position: relative;
    top: -60px;
    left: 615px;
}

.thirtyone
{
    position: relative;
    top: -15px;
    left: 477px;
}

.thirtytwo
{
    position: relative;
    top: -167px;
    left: 35px;
}

.thirtythree
{
    position: relative;
    top: -45px;
    left: 492px;
}

.thirtyfour
{
    position: relative;
    top: -110px;
    left: 450px;
}

span.show-tooltip-text
{
    display: none; 
    position: absolute; 
    font-size: 12px; 
    border-top: 1px solid #c46224;
    background-image: url(images/marker_cap.gif);
    background-position: left bottom;
    padding: 10px 15px 15px 15px; 
    color: #FFFFFF; 
    z-index: 1000;
}

.hidden
{
            display: none;
}