/***********************************
CSS Document by Tygostudios Productions
A Sondroyo Communications Network Group
July 2011
Respect Copyright
************************************/

/******************
general attributes
*******************/

body {
	background-color: #eaede6;
	margin: 0;
	padding: 0;
	font-family: georgia, serif;
	font-size: 13px;
	color: black;
	}
	
body h3 {
	font-size: 12px;
	line-height:22px;
	}

#minibar {
	background-color: #b31b1b;
	background-repeat:repeat-x;
}
	
#content {
	background-color: white;
	font-size: 13px;
	line-height:24px;
}
	
.contentLeft {
	background-image: url('/framework/contentleft.png');
	background-repeat: repeat-y;
}

.areaBar {
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 21px;
	line-height: 40px;
	color: #453c33;
	background-color: #d4d6d1;
}

.middleBar {
	background-image: url('/framework/contentmiddle.png');
	background-repeat: repeat-y;
}
	
.contentRight {
	background-image: url('/framework/contentright.png');
	background-repeat: repeat-y;
}

#footer {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: black;
}	

.quote {
	font-size: 14px;
}

.leftTile {
	border: 2px solid #d4d6d1;
}

.leftTitle {
/*	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;*/
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom: 17px;
	/*font-weight: bold;*/
	background-color: #d4d6d1;
}

.leftImageTitle {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	padding: 5px 5px 5px 10px;
	background-color: #444342;
}


/******************
links
*******************/

A:link {text-decoration: underline; color: #b31b1b; }
A:visited {text-decoration: underline; color: #b31b1b;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #b31b1b;}

/*for other stuff*/
#footer A:link {text-decoration: underline; color: black; }
#footer A:visited {text-decoration: underline; color: black;}
#footer A:active {text-decoration: none; color: black;}
#footer A:hover {text-decoration: none; color: black;}

/*for other stuff*/
.other A:link {text-decoration: underline; color: #babcba; }
.other A:visited {text-decoration: underline; color: #babcba;}
.other A:active {text-decoration: none; color: #000000;}
.other A:hover {text-decoration: none; color: #babcba;}

/*for other stuff*/
.nivoRed A:link {text-decoration: underline; color: #5994de; }
.nivoRed A:visited {text-decoration: underline; color: #5994de; }
.nivoRed A:active {text-decoration: underline; color: #5994de; }
.nivoRed A:hover {text-decoration: underline; color: #5994de; }

/*for other stuff*/
.leftImageTitle A:link { text-decoration: none; color: white; }
.leftImageTitle A:visited {text-decoration: none; color: white; }
.leftImageTitle A:active {text-decoration: none; color: white; }
.leftImageTitle A:hover {text-decoration: none; color: white; }

/********************
main layout
******************/
	
hr {
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
	color: #777b7d;
	border: none 0; 
	border-top: 1px solid #becdc7;/*the border*/ 
	}
	
.right {
	margin: 25px 0px 25px 25px;
	}
	
.left {
	margin: 25px 25px 25px 0px;
	}
	
#rightTable1 {
	margin: 50px 0px 50px 50px;
	}

#content li 
{
list-style-type: square;
list-style-image:url('/framework/arrow.gif');
margin: .3em 0 0 -1em;
}

#content ul { line-height: 18px; }
#content ul li { 
	line-height: 22px;
	padding-bottom:6px;
}
#content ul li li { padding-bottom: 0px; }

/*****************
icons next to links
******************/


/* all the icons so far are from the monobook scheme for wikipedia.
this is assumed to be legitimate usage as they can be downloaded with MediaWiki, free software
if this is incorrect please contact webmaster@nyruralschools.org*/

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
#content a[href$=".pdf"], 
#content a[href*=".pdf?"], 
#content a[href*=".pdf#"],
#content a[href$=".PDF"], 
#content a[href*=".PDF?"], 
#content a[href*=".PDF#"] {
    background: 
        url("http://www.nyruralschools.org/framework/icons/acrobat.gif")
        center right no-repeat;
    padding-right: 16px;
}
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
.pdf a {
    background: 
        url("http://www.nyruralschools.org/framework/icons/acrobat.gif")
        center right no-repeat;
    padding-right: 17px;
}

/*#content a[href ^="mailto:"],
.mailto {
	background: url("http://www.nyruralschools.org/framework/icons/mail.gif") center right no-repeat;
	padding-right: 18px;
	color:white;
	}*/
	
/* Where the tagFiles div is called, add in jpg icons and external link icons */
.tagFiles a[href$=".jpg"] {
    background: 
        url("http://www.nyruralschools.org/framework/icons/file.gif")
        center right no-repeat;
    padding-right: 17px;
}

.tagFiles a[href$=".html"],
.tagFiles a[href$=".asp"],
.tagFiles a[href$=".org/"],
.tagFiles a[href$=".edu/"],
.tagFiles a[href$=".htm"],
.tagFiles a[href$="cardi/"] {
    background: 
        url("http://www.nyruralschools.org/framework/icons/external.png")
        center right no-repeat;
    padding-right: 16px;
}


/*****************
image slider
******************/


#slider {
    position:relative;
    width:592px; /* Change this to your images width */
    height:405px; /* Change this to your images height */
    /*background:url('/images/dynamic_big.jpg') no-repeat 50% 50%;*/
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

/******************
masthead
*******************/

#masthead { color: #ffffff; font-family: "Helvetica Neue", Helvetica, sans-serif; }
#masthead a{ text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ff3300; padding: 0 0 1px 0; }

#masthead a.img{ padding: 0; border: none; }
#masthead a.img:hover{ padding: 0; border: none; }

#masthead p, #masthead ul{ font-size: 14px; line-height: 35px; margin-bottom: 35px; }

#masthead{ height: 68px; width: 1020px; }

#masthead ul{ float: left; position: relative; width: 1020px; height: 35px; margin: 0 0 0 0; line-height: 1; }
#masthead li{ float: left; height: 35px; text-indent: -9999px; list-style-type:none; }
#masthead li li{ position: static; text-indent: 0; font-size: 12px; font-weight: bold; width: auto; height: auto; list-style-type:none; }
#masthead li li a{ color: #ffffff; background: #444342; width: auto; height: auto; margin-top: 10px; margin-left: 60px; }
#masthead li li a:hover,
#masthead li li.selected a{ color: #5994de; }
#masthead ul ul{ position: absolute; left: 0; width: 940px; height: 33px; margin: 0 0 0 25px; display: none; background-color: #444342; }
#masthead ul ul.selected,
#masthead ul ul.active{ display: block; }


/* specifics for location of first li li */
#masthead li li.firstLi a{ margin-left: 0px; }


/* topnav image file, slicing points, corresponding widths */
#masthead li a{ display: block; background: url('/framework/mainnav.png') top left no-repeat; height: 35px; padding: 0; border: none; }
#masthead li.home a{ background-position: 0 0; width: 102px; }
#masthead li.about a{ background-position: -102px 0; width: 156px; }
#masthead li.connections a{ background-position: -258px 0; width: 181px; }
#masthead li.capacity a{ background-position: -439px 0; width: 216px; }
#masthead li.knowledge a{ background-position: -655px 0; width: 170px; }
#masthead li.contact a{ background-position: -825px 0; width: 125px; }

/* this deals with slicing points and -35px margin from the top */
#masthead li.home a:hover,
#masthead li.home a.selected,
#masthead li.home a.active{ background-position: 0 -35px; }
#masthead li.about a:hover,
#masthead li.about a.selected,
#masthead li.about a.active{ background-position: -102px -35px; }
#masthead li.connections a:hover,
#masthead li.connections a.selected,
#masthead li.connections a.active{ background-position: -258px -35px; }
#masthead li.capacity a:hover,
#masthead li.capacity a.selected,
#masthead li.capacity a.active{ background-position: -439px -35px; }
#masthead li.knowledge a:hover,
#masthead li.knowledge a.selected,
#masthead li.knowledge a.active{ background-position: -655px -35px; }
#masthead li.contact a:hover,
#masthead li.contact a.selected,
#masthead li.contact a.active{ background-position: -825px -35px; }

#masthead li.home li a{ width: auto; }
#masthead li.about li a{ width: auto; }
#masthead li.connections li a{ width: auto; }
#masthead li.capacity li a{ width: auto; }
#masthead li.knowledge li a{ width: auto; }
#masthead li.contact li a{ width: auto; }