/* ===== Styles for Home.ascx ===== */

div.home_flash_container
{
    width:880px;
    min-height: 327px;
}

div.home_scroll_surround
{
    position: relative;
    left: -40px;
    width: 962px;
    height:313px;
}

/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.home_scroll_surround div.scrollable 
{ 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 854px;     
    height: 154px;  
    padding: 15px 3px 0 0;
    margin: 0 0 0 12px;  
    top: -40px;
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.home_scroll_surround div.scrollable div.items 
{     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;      
    padding-left:40px;   
}
html > body div.home_scroll_surround div.scrollable div.items 
{
	padding-left:0px !important;
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 

/* ************************************ */
div.home_scroll_surround div.scrollable div.items div 
{ 
    float:left; 
    width: 212px;
    min-height: 154px;
    height:auto !important;
    height:154px;
    background: transparent url(images/scroller_box.jpg) top left no-repeat;
    margin: 0px 1px;
} 

div.scrollable div.items div h3
{
    color: #007ac3;
    font-family: Arial, FreeSans, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    margin-top: 9px;
}

div.scrollable div.items div h3.two_line
{
    margin-top: 3px;
    font-size: 10pt;
}

div.scrollable div.items div h3.two_line + p
{
    padding-top: 6px;
}

div.scrollable div.items div p
{
    color: #6a6c6d;
    font-family: Arial, FreeSans, Helvetica;
    font-size: 9pt;
    line-height: 15px;
    padding: 12px 0 10px 15px;
    height: 80px;
}

div.scrollable div.items div p.expand
{
    line-height: 20px;
}

div.scrollable div.items div p.oddball
{
    padding: 8px 0 18px 0;
    text-align: center;
    max-height: 80px;
}

div.scrollable div.items div p.oddball img
{
    float: none;
    margin: 10px 0 0 0;
}

div.scrollable div.items div p.oddball + span
{
    position: relative;
    top: -4px;
}

div.scrollable div.items div img
{
    float: right;
    margin: -3px 10px 0 0;
}

div.scrollable div.items div span
{
    display: block;
    clear: right;
    text-align: center;
}

div.scrollable div.items div a:link,
div.scrollable div.items div a:active,
div.scrollable div.items div a:visited
{
    color: #007ac3;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    font-family: arial, freesans, helvetica;
    font-style: italic;
}

div.scrollable div.items div a:hover
{
    text-decoration: underline;
}

/* ************************************ */
 
/* you may want to setup some decorations to active item */ 
div.items div.active 
{ 
}

div.left_button
{
    background: transparent url(images/left_arrow.png) top left no-repeat;
    width: 52px;
    min-height: 63px;
    height:auto !important;
    height:63px;
    float: left;
    position: relative;
    top: 20px;
    
    cursor: pointer;
    cursor: hand;
}

div.right_button
{
    background: transparent url(images/right_arrow.png) top left no-repeat;
    width: 52px;
    min-height: 63px;
    height:auto !important;
    height:63px;
    float: right;
    position: relative;
    top: 20px;
    
    cursor: pointer;
    cursor: hand;
}

div.left_button_disabled
{
    background: transparent url(images/left_arrow_disabled.png) top left no-repeat;
    width: 52px;
    min-height: 63px;
    height:auto !important;
    height:63px;
    float: left;
    position: relative;
    top: 20px;
}

div.right_button_disabled
{
    background: transparent url(images/right_arrow_disabled.png) top left no-repeat;
    width: 52px;
    min-height: 63px;
    height:auto !important;
    height:63px;
    float: right;
    position: relative;
    top: 20px;
}

div.home_lower_links
{
    display: none;
    min-height: 142px;
    height:auto !important;
    height:142px;
    padding: 0 0 0 56px; 
    position: relative;
    top: -25px;   
    
    background: transparent url(images/home_lower_links.jpg) 50% 0 no-repeat;
}

div.home_lower_links div
{
    float: left;
    min-width: 228px;
    width:auto !important;
    width:228px;
    padding: 0 0 0 45px;
    line-height: 20px;
}

div.home_lower_links a
{
    display: block;
}

div.home_lower_links h5
{
    font-size: 10pt;
    font-weight: bold;
    color: #636363;
    padding: 5px 0 3px 0;
}

div.home_lower_links p
{
    font-size: 10pt;
}

div.home_lower_links p a:link
{
    color: #057cc4;
}

div.home_lower_links div.right p
{
    line-height: 25px;
}

/* ===== End Styles for Home.ascx ===== */

/* ===== Start Styles for PhotoGallery.ascx ===== */

/* ===== GALLERIA JQUERY PLUGIN STYLES - DO NOT MODIFY / REMOVE ===== */

.galleria
{
    list-style:none;
}

.galleria li
{
    display:block;
    width:80px;
    height:80px;
    overflow:hidden;
    float:left;
    margin:0 10px 10px 0;
}

.galleria li a
{
    display:none;
}

.galleria li div
{
    position:absolute;
    display:none;
    top:0;
    left:180px
}

.galleria li div img
{
    cursor:pointer
}

.galleria li.active div img,
.galleria li.active div
{
    display:block
}

.galleria li img.thumb
{
    cursor:pointer;
    top:auto;
    left:auto;
    display:block;
    width:auto;
    height:auto
}

.galleria li .caption
{
    display:block;
    padding-top:.5em
}

* html .galleria li div span
{
    width:400px
} /* MSIE bug */

/* ===== end GALLERIA JQUERY PLUGIN STYLES ===== */

ul.service_links
{
    background: #8f8f8f url(images/gallery_links_bg.png) 0 0 no-repeat;
    max-width: 200px;
}

ul.service_links li
{
    list-style-type: none;
}

ul.service_links a
{
    font-family: Arial;
    font-size: 9pt;
    display: block;
    font-weight: bold;
    height: 27px;
    text-align: center;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 15px 0 0 0;
}

ul.service_links a.twoline
{
    padding: 8px 0 0 0;
    height: 34px;
}

ul.service_links a:link,
ul.service_links a:active,
ul.service_links a:visited
{
    color: #0f59a2;
}

ul.service_links a:hover
{
    color: #333333;
    text-decoration: none;
    background: white;
}
div-photoalbum
{
	float:left;
	height:600px;
}
div.photos
{
    float: right;
    min-width:680px;
    max-height: 500px;
}
div.adminwrap
{
	float:right;
	width:680px;
	height:599px;
	overflow:scroll;
	display:inline;
}
	div.adminwrap table
	{
		background-color:#fff;
		margin-left:15px;
		margin-top:10px;
	}
			div.adminwrap table thead
			{
				background: transparent url(images/gallery_head_bg.png) top left no-repeat;
				height: 31px;
				/*background-color:#004A93;*/
			}
				div.adminwrap table thead tr
				{
					background-color:#004A93;
				}
					div.adminwrap table thead tr td
					{
						color:#fff;
						height:31px;
					}
			div.adminwrap table tr.upload
			{
				background-color:#AFAFAF;
				height:31px;
				vertical-align:middle;
				
			}
			div.adminwrap table tr
			{
				border-left:solid 1px #022E5D;
				border-right:solid 1px #022E5D;
				background-color:#EFEFEF;
			}
			div.adminwrap table tr.alt
			{
				background-color:#AFAFAF !important;
			}
				div.adminwrap table tr td
				{
					border-bottom:solid 1px #022E5D;
				}
							
h3.gallery_head
{
    background: transparent url(images/gallery_head_bg.png) top left no-repeat;
    width: 668px;
    height: 31px;
    color: White;
    font-family: Arial;
    font-size: 18pt;
    padding: 5px 0 0 10px;
    margin: 1px 0 0 1px;
}

div.img_container
{
    text-align: center;
    padding-top: 15px;
    min-height: 446px;
    height:auto !important;
    height:446px;
}

div.img_container img
{
    border: 1px solid #d5d5d5;
}

div.img_container span
{
    padding: 0 10px;
    position: relative;
    top: -6px;  
    
    font-family: verdana;
    font-size: 7pt;
    text-transform: uppercase;
    font-style: italic;
    font-weight: normal;
    
    border: 1px solid #b5b5b5;
    border-top: 0;    
    color: #444444; 
    background: white;
}

.jcarousel-skin-tango .jcarousel-container-horizontal,
.jcarousel-clip-horizontal
{
    width: 555px !important;
}

.jcarousel-container
{
    margin-left: 20px;
    position: relative;
    top: -12px;
    z-index: 20;
}

#gallery_carousel li
{
    border: 1px solid #b5b5b5;
    background-color: Black;
    text-align: center;
}


#gallery_carousel li img
{
    width: auto;
    height: auto;
}


div.img_controller
{
    height: 13px;
    text-align: right;
    position: relative;
    top: 0px;
    z-index: 2000;
    color: Gray;
    width: 443px;
}

div.img_controller span.prev
{
    background: transparent url(images/gallery_previous_btn.jpg) top left no-repeat;
    display: inline-block;
    width: 77px;
    height: 13px;
    cursor: pointer;
    cursor: hand;
}

div.img_controller span.prev:hover
{
    background: transparent url(images/gallery_previous_btn_hover.jpg) top left no-repeat;
}

div.img_controller span.next
{
    background: transparent url(images/gallery_next_btn.jpg) top left no-repeat;
    display: inline-block;
    width: 55px;
    height: 13px;
    cursor: pointer;
    cursor: hand;
}

div.img_controller span.next:hover
{
    background: transparent url(images/gallery_next_btn_hover.jpg) top left no-repeat;
}

div.img_controller span.prev
{
    background: transparent url(images/gallery_previous_btn.jpg) top left no-repeat;
    display: inline-block;
    width: 77px;
    height: 13px;
    cursor: pointer;
    cursor: hand;
}

div.img_controller span.prev:hover
{
    background: transparent url(images/gallery_previous_btn_hover.jpg) top left no-repeat;
}

div.img_controller span.auto
{
    background: transparent url(images/gallery_autoplay_btn.jpg) top left no-repeat;
    display: inline-block;
    width: 88px;
    height: 13px;
    cursor: pointer;
    cursor: hand;
}

div.img_controller span.auto:hover
{
    background: transparent url(images/gallery_autoplay_btn_hover.jpg) top left no-repeat;
}

div.img_controller span.auto_on
{
    background: transparent url(images/gallery_autoplaystop_btn.jpg) top left no-repeat;
    display: inline-block;
    width: 118px;
    height: 13px;
    cursor: pointer;
    cursor: hand;
}

div.img_controller span.auto_on:hover
{
    background: transparent url(images/gallery_autoplaystop_btn_hover.jpg) top left no-repeat;
}

div.img_controller img.timer_gif
{
    position: relative;
    top: -10px;
    margin-right: 75px;
    float: right;
}

div.timer_wrap
{
    float: right;
    min-width: 230px;
    text-align: left;
    height: 1px;
}

div.preload_hovers
{
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 0px;
}

div.preload_hovers span.prev
{
    background: transparent url(images/gallery_previous_btn_hover.jpg) top left no-repeat;
}

div.preload_hovers span.next
{
    background: transparent url(images/gallery_next_btn_hover.jpg) top left no-repeat;
}

div.preload_hovers span.next
{
    background: transparent url(images/gallery_autoplay_btn_hover.jpg) top left no-repeat;
}

/* ===== End Styles for PhotoGallery.ascx ===== */