/*JIMMY 5/4/10*/

/* ===== UTILITY STYLES ===== */
.clear {clear:left; margin:0;}
.clearjunk {clear:both; margin:0;}
p.expanddiv {margin:0; padding:0; line-height:0em;}

/* Set initial box settings to zero for everything */
* {margin:0; padding:0;}

/* Set default font settings for everything */
* {font-family:Arial, Helvetica, sans-serif;}
* h1 {font-weight:bold; color:#006544; margin:6px 5px 4px 0px; font-size:14px;}
* h2 {font-size:13px; font-weight:bold; color:#000; margin:6px 5px 4px 0px; border-bottom:1px dotted #999; line-height:150%}
* h3 {font-size:14px; font-weight:bold; color:#000; margin:6px 5px 4px 0px;}
* h4 {font-size:13px; font-weight:bold; color:#69c; margin:6px 5px 4px 0px; border-bottom:1px dotted #999;}
* h5 {font-size:14px; font-weight:bold; color:#900; margin:6px 5px 4px 0px;}
* h6 {font-size:16px; font-weight:bold; color:#060; margin:6px 5px 5px 0px;}
* p {margin:0px 5px 16px 0px; line-height:150%; font-size:12px;}

/* Set default anchor style for everything */
a {
	text-decoration:none;
	color: #0445a2;
	font-weight: bold;
}
a:hover {color:#333; text-decoration:underline;}
a img {border:none;}

/* Highlights */
.redbold {color:#f00; font-weight:bold;}
.redhighlight {background:#f00; color:#fff;}
.greyhighlight {background:#999; color:#fff;}
.yellowhighlight {background: #ff9;}
.small {font-size:11px}

/* Special Headers */
.categoryHead {
	padding:1px 1px 1px 4px;
	background:#69c;
	font-size:11px;
	font-weight:bold;
	width:100%;
	color:#fff;
}
#emergencynotification {padding: 7px 15px 7px 15px; background-color:#C66;}
#emergencynotification h1 {color:#900; font-size:18px;}
#emergencynotification h2 {border-bottom: 1px #000 dotted;}
#emergencynotification p {font-size:14px;}

/* prepare to center all containers */
body {
	text-align:center;
	background-color:#d3ded7;
	background-image:url(graphics/speckledbg.jpg);
	background-repeat: repeat;
	
	
}

#maincontainer {
	margin:0 auto 0 auto;
	width:980px;
	text-align:left;
	background-color:white;
	padding: 0 6px 8px 6px;
	overflow:hidden;
	
		
}
#statementcontent {margin:0 85px 0 85px; width:620px; text-align:left;
}


/* BEGIN Top styles */

#iconwrap {
	margin:0 0 2px 0;
	width:980px;
	height: 50px;
	background: #FFF;
}
#iconwrap ul {font-size:10px; margin:0 0 0 0; text-align:center; list-style-type:none; padding:5px 0 0 0;}
#iconwrap ul li {margin:0 5px; text-align:center; display:inline; float:right;}
#iconwrap ul li a {font-size:11px; font-weight:bold;}



/* BEGIN Path Styles */
#path {background-color:#d4d9dc; margin:0 0 5px 0; font-size:10px; padding:3px 0 2px 8px; list-style-type:none; height: 7px;}
#path li {margin:0 4px 0 0; display:inline;}
#path li.nobg {background:none; color:#333;}
#path a {color:#33f; text-decoration:none; font-size:10px;}
#path a:hover {color:#666; text-decoration:none;}
/* END Path Styles */




/* BEGIN Main Content wrapper... */
#navwrap {width:980px; text-align:left;}
#contentwrap {width:980px; text-align:left; background:#fff; min-height:350px;

	
}
#contentpaneone {
	width:980px;
	margin: 0 auto 0 auto;
	
}

/* ===== BEGIN DEFAULT.ASP STYLES ===== */
#whatsnew {
	background-color:#fff;
	background:url(graphics/whatsnewback.jpg) repeat-y;
	width:321px;
	float:left;
	height:228px;
	overflow:hidden;
	padding:10px 10px 10px 10px; 

}
.whatsnewitem {font-size:11px; line-height:145%; margin:7px 20px 15px 5px; color:#333; font-weight:400; width:100%;}
.whatsnewitem h1 {font-size:14px; font-weight:bold; margin:0px 0 5px 0px; color: black; line-height:145%;}
.whatsnewitem img {
	margin:2px 10px 0px 5px; 
	_margin:2px 7px 70px 5px;
	border: 2px solid #fff;
  box-shadow: 1px 1px 3px #666;
  -moz-box-shadow: 1px 1px 3px #666;  
  -webkit-box-shadow: 1px 1px 3px #666; 
  }


.whatsnewitem p {margin:0px 10px 2px 0px; font-size:11px; line-height: 145%;}
.whatsnewline {border-bottom: 1px solid #537a63; width: 300px; margin: 15px 0 0 0; height:0px;}

/* ===== BEGIN DEFAULT LEFT COLUMN STYLES ===== */
#leftclm {float:left; margin:5px 5px 0 0; width: 260px; background-color:#d4d9dc; padding:0 0 10px 0; position:relative; z-index:2;}
#leftclm h1 {background-color:#4979a3; font-size:13px; font-weight: bold; color:#ebebeb; padding:3px 10px; margin:0 0 3px 0;}
#leftclm p {font-size:11px; color:#000; margin:0 10px 6px 10px;}
#leftclm h3 {font-size:10px; color:#666; margin:0 10px 0px 10px;}
#newsandevents {padding:0px; margin:0px 0px 20px 0px;}
#newsandevents img {margin:5px;}
.newseventsitem {
	font-size:11px;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:0px 5px;
	line-height:130%;
	font-weight:400;
	border-bottom:thin dotted black;
	padding-bottom:8px;
}
.newseventsitem h2 {
	font-size:11px; 
	color:#000; 
	font-weight:bold;  
	background:none; 
	line-height:130%;
	border-bottom:none;
	
}
.newseventsitem p {font-size:11px; margin:1px 0 0 0; color:#000;}
.newseventsitem a {font-size:11px; text-decoration:none;}
.newseventsitem a:hover {font-size:11px; text-decoration:underline;}
.newseventsitem .newsdate {font-size:11px; color:#000; margin:6px 0 0 0;}
.newseventsitem .newslink {margin:8px 0 0 0; border-bottom:none}
#leftclm .focuslink {margin: 4px 0 0 4px; border:none;}

/*
*
*    LINK ICONS
*	 ( ALEKSEY )
*
*/  
a[href $='.pdf'] { 
padding-right: 18px;
background: transparent url(../images/pdf_button.png) no-repeat center right;
}
a[href ^="mailto:"] {
	padding-right: 18px;
    background: transparent url(../images/icon_mailto.gif) no-repeat center right;
}
a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}
a[href$='.docx'] { 
	padding-right: 18px;
	background: transparent url(../images/icon_doc.gif) no-repeat center right;
}
#table { line-height: 130%}
#sportstablepadding td{ padding-left:3px; padding-right:3px;}


/* NEW HOME PAGE STYLE  */

#hpwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 980px;
	position:relative;
	


!important
;
}

#grid-r {
	background-image: url(graphics/speckledbg-grid-r-long.jpg);
	background-repeat: no-repeat;
	width: 293px;
	height:120%;
	position: absolute;
	right:0px;
	z-index:-1000;
}
#grid-l {
	background-image: url(graphics/speckledbg-grid-l-long.jpg);
	background-repeat:no-repeat;
	width: 293px;
	height:120%;
	position: absolute;
	left:0px;
	z-index:-1000;
}


.speckledbox {
	position:relative;
	background-image:url(graphics/speckledbg-dark.jpg);	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius:10px;
	padding:0px 10px 10px 10px;
	box-shadow:0px 0px 3px rgb(0,0,0);
	-webkit-box-shadow:0px 0px 3px rgb(0,0,0);
	-moz-box-shadow:0px 0px 3px rgb(0,0,0);
	overflow:hidden;
	
}

#toolboxcontainer{
	box-shadow:0px 1px 3px rgb(0,0,0);
	-webkit-box-shadow:0px 1px 3px rgb(0,0,0);
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	-moz-border-radius-topleft :10px; 
	-webkit-border-top-left-radius:10px;
}

/*****BEGIN IE ROUNDED CORNER HACKS******/
.br, .bl, .tr, .tl {
	 width: 10px;
  	 height: 10px;
     position: absolute;
}
.br {
	 background: url(graphics/br.jpg) bottom right no-repeat;
 	 bottom: 0px;
  	 right: 0px;
}

.bl {
	 background: url(graphics/bl.jpg) bottom left no-repeat;
 	 bottom: 0px;
  	 left: 0px;
}

.tl {
	 background: url(graphics/tl.jpg) top left no-repeat;
 	 top: 0px;
  	 left: 0px;
}

.tr {
	 background: url(graphics/tr.jpg) top right no-repeat;
 	 top: 0px;
  	 right: 0px;
}

/*****END IE ROUNDED CORNER HACKS******/


.header {
	width:100%;
	background-image: url(graphics/speckledbg-light.jpg);
	background-repeat:repeat;
	height:30px;
	margin-left: -10px;
	padding-right: 20px;
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	-moz-border-radius-topleft :10px; 
	-webkit-border-top-left-radius:10px;
	border-bottom: 1px #666 solid;
	
}
.header h1{
	margin: 0px 10px;
	padding: 7px 0px 0px;	
}

.toolboxheader {
	width:100%;
	background-image: url(graphics/speckledbg-light.jpg);
	background-repeat:repeat;
	height:30px;
	-moz-border-radius-topright:10px; 
	-webkit-border-top-right-radius:10px; 
	-moz-border-radius-topleft :10px; 
	-webkit-border-top-left-radius:10px;
	
}
.toolboxheader h1{
	margin: 0px 10px;
	padding: 7px 0px 0px;	
}


#expand-all h2{
	text-align:left;
	padding-top:0px;
	color: #000;
	font-size: 11px;
	line-height:115%;
	font-weight:bold;
}
#expand-all h2 a{
	color: #600;
}

#expand-all h2 a:hover{
	color: #333;
}

#collapse-all h2{
	text-align:left;
	padding-top:0px;
	color: #000;
	font-size: 11px;
	line-height:115%;
	font-weight:bold;
}
#collapse-all h2 a{
	color: #600;
}

#collapse-all h2 a:hover{
	color: #333;
}


#side-a {
	float: left;
	width: 750px;
	min-height:550px;
	position:relative;
	
}
#side-a-left {
	
	width: 190px;
	position:relative;
	z-index:2;
	float: left;
	
	
}
.side-a-header {
	width:340px;
	height:32px;
	background-image:url(graphics/mod-header.png);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.side-a-header h1 { margin:0 0 0 10px; padding: 8px 0 0 0; color:#000; font-size:14px; text-transform:uppercase;}
.side-a-header h1  span{ color:#00663e;font-size:14px; text-transform:uppercase;}

#newsandinformation {
	margin-top:10px;
	background-color:#e1ede6;
	
}
#newsandinformation span{
	line-height:8px;
	}
#newsandinformation p{line-height:12px;}
#newsandinformation h2{color:#006544}
#side-a-right {
	
	float: right;
	width: 555px;
	position:relative;
	z-index:2;
	
}
#side-a-right .box {
	width:300px;
	border:solid 1px #666;
	background-color: #fff;
	margin-bottom:5px;
	padding:0;
	
}
#whatsnewspeckle {
	width:310px;
	float:left;
	background-color:#e1ede6;
	margin-left:7px;
	
}
#helpcenter {
	width:185px;
	float:left;
	margin-left:12px;
	height:570px;
	background-color:#e1ede6;	
}

#helpcenter ul {font-size:12px; color:#000; margin: 10px 10px 6px 10px;list-style-type:none;}
#helpcenter ul li{list-style-type:none;}
#helpcenter a {border-bottom: 1px solid #8A928D; display: block;padding:5px 0 5px 0;}
#helpcenter a[href $='.pdf'] { 
padding-right: 0px;
background: none;
}
#side-b {
	float: right;
	width: 220px;
	height: 100%;
	position:relative;
}
.mysvchiddenbox{display:none;margin:10px 0 10px 10px;padding:10px 10px 10px 10px;background-image:url(graphics/speckledbg-light.jpg);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius:10px;
	box-shadow:0px 0px 3px rgb(0,0,0);
	-webkit-box-shadow:0px 0px 3px rgb(0,0,0);
	-moz-box-shadow:0px 0px 3px rgb(0,0,0);

}

#events{
	margin-top:10px;
	width:200px;
}
#events a{text-decoration:none; color: #005781;}
#events a:hover{text-decoration:underline; color:#333;}

#mainlinks {
	width:200px;
	
	
}
#mainlinks ul{
	list-style-type:disc;
	font-size: 12px;
	line-height:28px;
	
	padding-top:10px;
}
#mainlinks ul li{
	list-style-type:none ;
	color:#004a6e;
	/*list-style-position: inside;*/	
}
#mainlinks a{
	
	border-bottom:1px solid #8a928d;
	display:block;		
}



/* Co-op and LIA Navigation */

}
#navbar {width: 265px; margin:0; float:left; padding: 16px 0 0 0;}
#navbar .navlink a {
padding: 3px 10px 0px 2px;
height:25px;
background-color:#608ec2;
display:block;
overflow:hidden;
color:#FFFFFF;
text-align:center;
font-weight: bold;
font-size:12px;
margin: 0px 0 5px 0;

}
#navbar .navlink a:hover { background-color:#666666; text-decoration:none;}



/*******************MYSVC STYLES ONLY BELOW HERE*****************************/



#mysvccontainer {
	margin:15px auto 0px auto;
	width:800px;
	text-align:left;
}
#mysvccontainer .movie {position: absolute; bottom: 20px; z-index: 2; azimuth:far-right;}
/* BEGIN Top styles */
#headerwrap {
	width:980px;				/* Should be same as #bodywrap */
	margin:0px auto 6px auto;
	border-bottom: 1px solid #999;
}
#headerwrap UL {font-size:10px; margin: 0 0 0 0; clear: right; text-align:center; list-style-type: none; padding: 30px 0 0 0;}
#headerwrap UL LI {margin: 0 8px; text-align:center; display:inline; float: right; font-weight: bold;}
#headerwrap .banner {float: left;}
#headerwrap .banner img {vertical-align:bottom; margin: 0;}

#mysvccontent {
	width: 800px;
	margin: 0 0 0 0px;
	border-top:#000000 1px solid;
}
.clear {clear:both;}
.clearjunk {clear:both; margin:0;}

#leftclm {float:left; padding: 0px 0px 6px 0px; margin: 0 15px 0 0;}
#leftclm h1 {background-color:#666; font-size:13px; font-weight: bold; color:#ebebeb; padding: 3px 10px; border-bottom: solid 2px #ffffff;}
#leftclm p {font-size:11px; color:#000; margin: 0 10px 6px 10px;}
#leftclm h3 {font-size:10px; color:#666; margin: 0 10px 0px 10px;}
#centerclm {float:left; width: 410px; margin: 0 15px 0 0;}
#centerclm .scrollclm {height: 325px; margin:0; overflow:auto; overflow-x:hidden;}
#centerclm h1 {background-color:#666; font-size:13px; font-weight: bold; color:#ebebeb; padding: 3px 10px; margin: 0 0 5px 0;}
#centerclm h2 {font-size:12px; font-weight: bold; color:#000; margin: 4px 10px 2px 10px;}
#centerclm .newsdate {font-size: 10px; margin: 12px 10px 0px 10px; color: #666666; font-weight: bold; border-bottom: 1px solid #999; padding-bottom: 2px;}
#centerclm P {font-size:11px; color:#666666; margin: 0 10px 15px 10px; line-height: 140%;}
#centerclm #mysvchidden2 {display:none;}
#centerclm #mysvchidden {display:none;}
#rightclm {float:left; width: 168px; margin: 0 0 0 0;}
#rightclm h1 {background-color:#666; font-size:13px; font-weight: bold; color:#ebebeb; padding: 3px 10px; margin: 0 0 3px 0;}
#rightclm UL {font-size:11px; color:#000; margin: 0 10px 6px 10px;}



.toolsmenu {
width:190px;
padding:0;
margin-top:0px;
background-color:white;
font-size:10pt;
line-height:1em;
font-weight:bold;
letter-spacing:-0.06em;
margin-bottom:-3px;
}
.toolsmenu h2 {
margin-top:0;
margin-bottom:0;
background-image: url(graphics/accordionback.png);
background-position:top left;
background-repeat:no-repeat;
font-size: 12px;
font-weight:bold;
letter-spacing:.004em;
width:190px;
border: none;
}
.toolsmenu a:link {
background-image: url(graphics/accordionopen.png);
background-position:bottom left;
background-repeat:no-repeat;
color:#000;
padding-left:10px;
padding-right:10px;
display:block;
padding-bottom:10px;
padding-top:10px;
margin-top:0;
text-decoration:none;

}
.toolsmenu a:visited {
background-image: url(graphics/accordionopen.png);
background-position:bottom left;
background-repeat:no-repeat;
color:#333;
padding-left:10px;
padding-right:10px;
display:block;
padding-bottom:10px;
padding-top:10px;
margin-top:0;
text-decoration:none;
}
.toolsmenu a:hover {
background-image: url(graphics/accordionopenhover.png);
background-position:bottom left;
background-repeat:no-repeat;
color:#333;
padding-left:10px;
padding-right:10px;
display:block;
padding-bottom:10px;
padding-top:10px;
margin-top:0;
text-decoration:none;
}
.hiddenmenu {
line-height:1em;
padding-left:0;
padding-right:0;
font-size: 7pt;
margin-top:1px;
margin-bottom:1px;
background-color:#eaeaea;
letter-spacing:0;
display:block;
}
.hiddenmenu a:link {
background-color:#eaeaea;
background-image: url(graphics/menuspacer.gif);
background-position:bottom right;
background-repeat:no-repeat;
color:#000;
padding-top:4px;
padding-bottom:5px;
padding-left:10px;
display:block;
margin-top:0;
margin-bottom:0;
}
.hiddenmenu a:visited {
background-color:#eaeaea;
background-image: url(graphics/menuspacer.gif);
background-position:bottom right;
background-repeat:no-repeat;
color:#000;
padding-top:4px;
padding-bottom:5px;
padding-left:10px;
display:block;
margin-top:0;
margin-bottom:0;
}
.hiddenmenu a:hover {
color:#000;
background-color:#dfdfdf;
background-image: url(graphics/menuspacer.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding-top:4px;
padding-bottom:5px;
padding-left:10px;
display:block;
margin-top:0;
margin-bottom:0;
}
.menuspacer {
display:none;
}

/* END Main Footer wrapper... */
#jsEnabled {display:none; margin:0}
#jsDisabled {display:block; margin:0}
#jsEnabled UL {font-size:11px; color:#000; margin: 0 10px 6px 10px;}
#jsDisabled UL {font-size:11px; color:#000; margin: 0 10px 6px 10px;}

#footwrap {
	width:980px;
	text-align:center;
	border-top:1px solid #666666;
	margin: 25px auto 0 auto;
}
#footwrap ul {padding:4px; margin:0;}
#footwrap ul li {margin:0; padding:0 10px; display:inline;}
#footwrap ul li a {font-size:10px; color:#666666;}
/* END Main Footer wrapper... */
#jsEnabled {display:none; margin:0}
#jsDisabled {display:block; margin:0}
#jsEnabled UL {font-size:11px; color:#000; margin: 0 10px 6px 10px;}
#jsDisabled UL {font-size:11px; color:#000; margin: 0 10px 6px 10px;}


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#FFF;
	
	width:675px;	
	min-height:430px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
	.simple_overlay .details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#000;
		width:650px;
	}
	
	.simple_overlay .details h3 {
		color:#006544;
		font-size:15px;
		margin:0 0 30px 0;
	}
