﻿/* DEFAULTS
----------------------------------------------------------*/

body{font-size: .80em;font-family: "Trebuchet MS", Helvetica, sans-serif;margin: 0px;background-image:url('../images/top_bg.png');background-repeat: repeat-x;}

a:link, a:visited{color: #034af3;}

a.hidelink{text-decoration:none; color:inherit;}

a:hover{ color: #1d60ff; text-decoration: none;}

a:active{ color: #034af3;}

p{ margin-bottom: 10px;line-height: 1.6em; text-align:justify;}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{font-size: 1.5em;color: #328B96;font-variant: small-caps;text-transform: none;font-weight: 200;margin-bottom: 0px;}

h1{font-size: 2em;padding-bottom: 0px;margin-bottom: 0px;color: #00627A}

h1.front{font-size: 1.6em;padding-bottom: 0px;margin-bottom: 0px;color: #009900;}

h2{font-size: 1.4em;font-weight: 600;}

h3{font-size: 1.2em;}

h4{font-size: 1.1em;}

h5, h6{font-size: 1em;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page{width: 934px;margin: 0px auto;background:url('../images/bg.png') no-repeat;padding-bottom:40px;}

.header{position: relative;margin: 0px;padding: 0px;width: 100%;height: 145px;z-index:1;}

.main{padding: 0px 0px;margin: 12px 8px 8px 8px;background-color:transparent;min-height:500px;}

.content{margin: 0px;}

.footer{bottom:0;width:100%;background: url('../images/fbg.png') repeat-x;min-width: 934px;}

/* COLUMNS
----------------------------------------------------------*/
.contentLeft {float:left;width:645px;}

.sidebar {float:right;width:250px;border-left: 1px solid #77B4B2;padding-left:10px;}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink{width:450px; float:right; z-index: 2;}

#catnav { margin: 67px 0 0 0; padding: 0; clear: both;  height: 44px; width: 450px;}
#nav { list-style: none;margin: 0;padding-left: 8px;overflow:visible;}
#nav ul {margin: 0;padding: 0;}
#nav li {margin: 0;height: 35px;padding: 0;}
#nav a {display: block;line-height: 44px;margin: 0;padding: 27px 15px 0 15px;font-size: 11pt;color: #fff;letter-spacing: -1px;text-decoration: none;}
#nav li a:hover {color: #ffffff;display: block;}
#nav li ul {list-style: none;position: absolute;z-index:10;width: 170px;  background: url("../images/li.png");  border: 1px solid #13222C  top: 43px;  left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li li {margin: 0;padding: 0;width: 170px;left: auto;}
#nav li li a {width: 170px;height: 24px;line-height: 24px;color: #fff;margin: 0;padding: 5px 20px 5px 15px;}
#nav li li a:hover {background-color: #00627A; width: 135px;}
#nav li:hover, #nav li.sfhover {position: static;}
#nav li.back {background: url("../images/sliderimage.png") no-repeat right -82px;width: 9px;height: 82px;margin-top:-10px;margin-left:-2px;z-index: -1;position: absolute;padding-right: 0px;}
#nav li.back .left {background: url("../images/sliderimage.png") no-repeat top left;height: 82px;margin-right: 17px; z-index: -1;}

#HeadLoginView_cattopnav {margin: 0px; padding-left:15px; position:relative; float:left;  height: 38px; width: 400px;}
#topnav {list-style: none;margin: 0;padding-left: 8px;overflow:visible;}
#topnav ul {margin: 0;padding: 0;}
#topnav li {margin: 0;height: 35px;padding: 0;}
#topnav a {display: block;line-height: 35px;margin: 0;padding:  0px 10px 0 10px;font-size: 11pt;color: #fff;letter-spacing: -1px;text-decoration: none;}
#topnav li a:hover {color: #ffffff;display: block;}
#topnav li ul {list-style: none;position: absolute;z-index:10;width: 170px;  background: url("../images/li.png");  border: 1px solid #13222C  top: 43px;  left: -999em;}
#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}
#topnav li li {margin: 0;padding: 0;width: 170px;left: auto;}
#topnav li li a {width: 170px;height: 24px;line-height: 24px;color: #fff;margin: 0;padding: 5px 20px 5px 15px;}
#topnav li li a:hover {background-color: #00627A; width: 135px;}
#topnav li:hover, #topnav li.sfhover {position: static;}
#topnav li.back {background: url("../images/sliderimagetop.png") no-repeat right -38px;width: 9px;height: 38px;margin-top:-3px;margin-left:-2px;z-index: -1;position: absolute;padding-right: 0px;}
#topnav li.back .left {background: url("../images/sliderimagetop.png") no-repeat top left;height: 38px;margin-right: 17px; z-index: -1;}

#topnav li ul ul {
	margin: -3em 0 0 14.7em;
}

#topnav li:hover ul ul, #topnav li.sfhover ul ul {
	left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul {
	left: auto;
}

.lavaLampWithImage {position: relative;height: 82px;padding: 0px 0px 0px 6px;overflow: hidden;}
.lavaLampWithImage li {float: left;list-style: none;padding-right: 10px;}
.lavaLampWithImage li a {z-index:10;}

.lavaLampWithImageTop {position: relative;height: 38px;padding: 0px 0px 0px 6px;overflow: hidden;}
.lavaLampWithImageTop li {float: left;list-style: none;padding-right: 10px;}
.lavaLampWithImageTop li a {z-index:10;}

/*form-----------------*/

fieldset{margin: 1em 0px;padding: 1em;border: 1px solid #77B4B2;}

fieldset p {margin: 2px 12px 10px 10px;}

fieldset.login label, fieldset.register label, fieldset.general label{display: block;}

fieldset.checklist label{display: inline;}

fieldset label.inline {display: inline;}

legend {font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px;}

input.textEntry {width: 320px;border: 1px solid #ccc;}
input.passwordEntry {width: 320px;border: 1px solid #ccc;}

div.groupForm{width: 100%;}



/* MISC  
----------------------------------------------------------*/

.clear{clear: both;}

.loginDisplay {font-size: 0.9em;margin-left:144px;padding-top: 10px;color: White;position:absolute;}

.loggedDisplay{width:790px;background: url("../images/admintop.png") no-repeat;z-index:1;font-size: 0.9em;margin-left:144px;color: White;position:absolute;}

.loggedDisplay a {color: White;}

.failureNotification{font-size: 1.2em;color: Red;}

.failureNotification ul{list-style-image: url('../images/exclamation.png');}

.bold{font-weight: bold;}

.submitButton{text-align: right;padding-right: 10px;}

/*NIVO SLIDER
------------------------------------*/
.sliderContent{width:924px;margin-left:0px;height:285px;}

.sliderAltContent{width:640px;margin-left:0px;height:480px;}

#altslider .nivo-controlNav {
	position:absolute;
	bottom:-70px; /* Put the nav below the slider */
}
#altslider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
}

.navbtn {width:100%; text-align:right; margin:-39px 0 20px 0;}

.navbtnbg {background-color:#FFFFFF;}

ul.search{list-style-image: url('../images/search.png');list-style-position:inside;}

ul.search_blog{list-style-image: url('../images/blog.png');list-style-position:inside;}

ul.search_cat{list-style-image: url('../images/book_open.png');list-style-position:inside;}

ul.task{list-style-image: url('../images/task.png');}

ul.edit{list-style-image: url('../images/edit.png');}

ul.folder{list-style-image: url('../images/folder.png');}

ul.doc{list-style-image: url('../images/doc.png');}

ul {list-style-image: url('../images/raquo_f.png');}

ul li ul{list-style-image: url('../images/raquo_s.png');}

ul li ul li ul{list-style-image: url('../images/raquo_t.png');}

	ul li  {
		padding-top:10px;
	}
		ul li ul li {
			padding-top: 10px;
		}
/* footer 
------------------------------*/
.links-wrapper {}
.links {width: 920px;margin: 0 auto;padding: 10px 10px;}
.floatleft {width: 650px;padding: 0 0 0 10px;float:left;}
.floatright {width: 220px;
padding: 0 10px 0 0;float:right;
    margin-left: 20px;
}

.links ul.social {margin: 0;}
	.links ul.social li {
		display: block;
		float: left;
		width: 36px;
	}
.links ul.social li a {display: block;width: 32px;height: 32px;margin: 0 10px 0 0;text-indent: -10000px;}
.links ul.social li a.linkedin {background: transparent url(../images/social-media.png) no-repeat -64px 0px;}
.links ul.social li a.linkedin:hover, .links ul.social li a.linkedin:active, .links ul.social li a.linkedin:focus {background: transparent url(../images/social-media.png) no-repeat -64px -32px;}
.links ul.social li a.instagram {background: transparent url(../images/social-media.png) no-repeat -96px 0px;}
.links ul.social li a.instagram:hover, .links ul.social li a.instagram:active, .links ul.social li a.instagram:focus {background: transparent url(../images/social-media.png) no-repeat -96px -32px;}
.links ul.social li a.twitter {background: transparent url(../images/social-media.png) no-repeat -32px 0px;}
.links ul.social li a.twitter:hover, .links ul.social li a.twitter:active, .links ul.social li a.twitter:focus {background: transparent url(../images/social-media.png) no-repeat -32px -32px;}
.links ul.social li a.facebook {background: transparent url(../images/social-media.png) no-repeat 0px 0px;} 
.links ul.social li a.facebook:hover, .links ul.social li a.facebook:active, .links ul.social li a.facebook:focus {background: transparent url(../images/social-media.png) no-repeat 0px -32px;}
	.links ul.social li a.youtube {
		background: transparent url(../images/social-media.png) no-repeat -128px 0px;
	}

		.links ul.social li a.youtube:hover, .links ul.social li a.youtube:active, .links ul.social li a.youtube:focus {
			background: transparent url(../images/social-media.png) no-repeat -128px -32px;
		}
.links ul.site {margin: 0;color: #323232;list-style-type: disc;cursor: default; padding:0;}
.links ul.site li {display: block;float: left;margin: 0 10px 0 0;list-style-type: disc;}
.links ul.site li a {color: #034af3;margin: 0 10px 0 0;}
.links ul.site li a:hover, div.links ul.site li a:active, div.links ul.site li a:focus {color: #1d60ff;	text-decoration: none;}
.links p {color: #323232; font-size:1em; clear: both;}

/*history styles*/
.histtable {width:645px;  border-top: thin solid #50BAA5;  border-bottom: thin solid #50BAA5; background-color:#ffffff;}
.histyear {background:url('../images/hist_year.gif') no-repeat; width:78px; height:42px; text-align:center; color:#ffffff;}
.histyear_r {width:567px;}
.histtop_l {width:37px;}
.hist_m {background-color:#50BAA5; width:4px;}
.histtop_r {background:url('../images/hist_topl.gif') no-repeat; width:37px;}
.histtop {background:url('../images/hist_topr.gif') no-repeat; height:10px;}
.histmid {background:url('../images/hist_midl.gif') repeat-y;}
.histmid_r {background-color:#B8DCDC; padding-right:10px;}
.histbot_l {background:url('../images/hist_botl.gif') no-repeat;}
.histbot {background:url('../images/hist_botr.gif') no-repeat; height:10px;}
.histblank {height:4px;}

.histyear_r_dp {width:180px;}
.histtable_dp {width:258px;  border-top: thin solid #50baa5;  background-color:#ffffff;}
.histtop_dp {background:url('../images/hist_topr_dp.gif') no-repeat; height:10px;}
.histbot_dp {background:url('../images/hist_botr_dp.gif') no-repeat; height:10px;}

.histyear_dpc {background:url('../images/hist_year_dpc.gif') no-repeat; width:78px; height:42px; text-align:center; color:#ffffff;}
.hist_m_dpc {background-color:#dcf1ed; width:4px;}
.histtop_r_dpc {background:url('../images/hist_topl_dpc.gif') no-repeat; width:37px;}
.histtop_dpc {background:url('../images/hist_topr_dpc.gif') no-repeat; height:10px;}
.histmid_dpc {background:url('../images/hist_midl_dpc.gif') repeat-y; }
.histmid_r_dpc {background-color:#F1F8F8; padding-right:10px; color:#cccccc;}


/*share buttons*/
.share {position:relative; float:right;}

/*baloon*/
.ajax__balloon_popup .custom {background-image:url('../images/balloon-1.png');}
.ajax__balloon_popup .custom .small {width:300px; height:89px; background-image: url('../images/balloon-1.png'); background-position:top left; background-repeat:no-repeat; text-align: justify;}
.ajax__balloon_popup .custom .small .bottom_right .ajax__content {padding: 10px;}
.ajax__balloon_popup .custom .small .bottom_left .ajax__content {padding: 10px;}
.ajax__balloon_popup .custom .small .top_right .ajax__content {padding: 15px;}
.ajax__balloon_popup .custom .small .top_left .ajax__content {padding: 15px;}

.ajax__balloon_popup .custom2 {background-image:url('../images/balloon-2.png');}
.ajax__balloon_popup .custom2 .small {width:300px; height:200px; background-image: url('../images/balloon-2.png'); background-position:top left; background-repeat:no-repeat; text-align: justify;}
.ajax__balloon_popup .custom2 .small .bottom_right .ajax__content {padding: 10px;}
.ajax__balloon_popup .custom2 .small .bottom_left .ajax__content {padding: 10px;}
.ajax__balloon_popup .custom2 .small .top_right .ajax__content {padding: 15px;}
.ajax__balloon_popup .custom2 .small .top_left .ajax__content {padding: 15px;}


.balloonpanel {text-align:center; padding:6px 0 0 60px;}


/*modal update panel*/
.modalBackground {background-color: Gray;filter: alpha(opacity=50);opacity: 0.50;} 
.updateProgress {border-width: 1px;border-style: solid;background-color: #FFFFFF;position: absolute;width: 180px;height: 65px;} 


/*previously inline style*/
#HeadLoginStatus {width:600px;}
#HeadLoginDiv {width:600px; text-align:right}
#HeadLogin {position:relative; float:right; text-align:right; padding-top:2px;}
.w30 {width:30px;}
#mainbuttons {padding-top:-20px}
.boldh1 {font-size:1.7em; padding-bottom:0px; margin-bottom:10px; width:100%; text-align:center;}
.boldh2 {font-size:1.2em; color:#009f3d;}
.frontbutton {width:310px; height:116px; background:url('../images/frontbutton.png');}
#frontimg01 {position:relative; float:left; width:75px; height:85px; margin-left:8px; margin-top:8px; background:url('../images/frontimg.png') 0px 0px;}
#frontimg02 {position:relative; float:left; width:75px; height:85px; margin-left:8px; margin-top:8px; background:url('../images/frontimg.png') 0px 85px;}
#frontimg03 {position:relative; float:left; width:75px; height:85px; margin-left:8px; margin-top:8px; background:url('../images/frontimg.png') 0px 171px;}
#frontbtn01 {position:relative; float:left; margin-left:0px;}
#frontbtn00 {position:relative; float:right; margin-left:0px;}
#frontbtn02 {position:relative; float:left;}
#frontbtn03 {position:relative; float:right;}
#frontbtns {margin-left:-12px;}
.tboxDiv {position:relative; float:right; width:215px;}
.tboxP {font-size:0.9em; padding-right:8px;}

#blogBox {width:370; position:relative; float:right;}
#blogTitle {font-size: 1.6em;padding-bottom: 0px;font-variant: small-caps;margin-bottom: 0px;}
.w370 {width:370px;}
.entryTop {margin-top:5px;}
.entryTopSpan {font-size:1em; font-weight:bold;}
.entryTopComm {margin-left:20px}
.entryTitle {font-size:1.2em;}
.entryThumbnail {position:relative; float:left; padding:2px; border:thin solid #B8DCDC;}
.entryContent {position:relative; float:right; width:255px; text-align:justify;}
.entryContentRight {position:relative; float:right; width:140px;}
.borderBottom {border-bottom:thin dotted #B8DCDC;}
.w250 {width:250px;}
.readMore {position:relative; float:right; width:128px;}
.readMoreMr {position:relative; float:right; width:128px; margin-top:-50px;}

#catalogBox {position:relative; float:left; width:250px}
 

    