body {
line-height:1.25em;
padding:0px;
margin:0 auto;
font:1em corbel;
color:#626262;
background:#f4f4f0 url('./res/backgroundNoise.jpg') repeat;
}

h1 {
font:bold 3.25em corbel;
color:#3c6f9b;
line-height:.75em;
position:relative;
/*the rest doesn't, or shouldn't work in IE...of course*/
text-shadow: 1px 1px 2px #bbb5b4;
filter: dropshadow(color=#bbb5b4, offx=1, offy=1);
}

h2{
font:bold 2.2em corbel;
color:#3c6f9b;
line-height:1.5em;
position:relative;
}

h2 a{
color:#5e8fbd;
}
h2 a:hover{
padding-bottom:5px;
border-bottom:1px solid #3c6f9b;
}

a { 
text-decoration:none;
}

a:visited {
color:#4d7fac;
}
												/* 												NEWS PAGE 					*/

.mainEvent {
float:left;

width:240px;
position:relative;
font:bold 2.5em corbel;
line-height:.95em;
}

.mainEvent p{
padding-bottom:0px;
color:red;
}

.headImgWrp {
width:700px;
height:367px;
background:url('./res/header_image_back.png');
background-repeat:no-repeat;
float:right;
position:relative;
left:-20px;
top:51px;
z-index:10;
}				
								
.headImage {
position:relative;
left:65px;
top:-10px;
}

.headTextLeft {
float:left;
width: 240px;
position:relative;
font-size:.9em;
line-height:1.2em;
}


/* END OF NEWS PAGE */
h4 /*	mostly on partners page*/ {
position:relative;
max-width:50%;
left:10%;
text-align:left;
}

.small {
font-variant:small-caps;
font-size:107%;
}
.super {
font-variant:superscript;
}

ul{
list-style:none;
}

.wrap960 {
max-width:960px;
position:relative;
margin:0 auto;
padding:0px;
height:100%;
}

.wrap1000 {
max-width:1060px;
position:relative;
margin:0 auto;
padding:0px;
height:100%;
}

#navigationBar {
height:43px;
width:100%;
padding:0px;
margin:0 auto;
background:#325e82 url('./res/navBar_gradient.png') repeat-x top;
font:bold 1.25em "corbel",sans-serif;
color:#fFfFfF;
text-align:center;
position:fixed;
top:0px;
z-index:100;
}

#logo1 {
position:relative;
float:left;
left:3%;
top:5px;
border: 0;
}

#logo2 {
position:relative;
float:right;
right:5%;
top:5px;
border: 0;
}

#nav {
margin:0 auto;
position:relative;
float:center;
display:inline;
list-style:none;
left:-35px;
top:6px;
}

#nav a {
text-decoration:none;
color:#fFfFfF;
padding:20px 15px 10px 15px;
}

#nav a:hover{
color:#325e82;
background-color:#fFfFfF;
}

#nav li{
display:inline;
}

.indexHead ul {
position:absolute;
width:100%;
overflow:hidden;
 top: 0px; width: 100%; left: 0px; height:350px;
}

.indexHead li {
width:100%;
display:inline;
position:relative;
overflow:hidden;
}
/*						EXAMPLE ON EMBEDDING FONTS, USE ONLINE
    CSS 3 Font Embed (Example I)
    @font-face {
      font-family: SketchRockwell;
      src: url(‘SketchRockwell.ttf’);
    }
    .my_CSS3_class {
      font-family: SketchRockwell;
      font-size: 3.2em;
    }
*/

#header {
background:#fFfFfF url('./res/header_bar.png') repeat-x bottom;
height:423px;
position:relative;
margin-top:40px;

}

#leftNewsHeader {
width:280px;
float:left;
position:relative;
left:33px
}

rightNewsHeader {
width:680px;
float:right;
position:relative;
}


.indexHead {
overflow:hidden;
}

	/* 								HEADER FOR ALL OTHER PAGES  								*/
	
.altHeader {
background:#fFfFfF;
padding:40px 0px 10px 80px;
margin:0 auto;
position:relative;

-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
 box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

	/*																					CONTENT, BASICALLY 					*/


.tabContent {
background:#f4f4f0 url('./res/backgroundNoise.jpg') repeat;
padding:40px 0px 60px 0px;
width:100%;
height:150%;
margin:0 auto;
position:relative;
top:-19px;
z-index:-1;
}

/*left column*/
#newsLeft {
float:left;
position:relative;
width:690px;
}



/*											ARTICLE CONTROLS										*/
.article {
width:670px;
background:#ffFFff;
padding:10px 10px 10px 10px;
position:relative;
font: .9em "Corbel";
line-height:1.4em;
margin-top:20px;

/*fancy shit*/
-webkit-border-radius: 0px 0px 0px 20px;
border-radius: 0px 0px 0px 20px; 

-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);  
box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);
}

.articleTitle {
font:bold 25px "Corbel";
color:#3c6e9a;
}
.articleLeft{
float:left;
width:120px;
position:relative;
top:20px;
}

.articleTimeStamp {
color:#616161;
font:Bold .8em "Corbel";
}

.articleSignature{
color:#acacac;
font:bold .8em "Corbel";
}

.articleRight{
float:right;
width:420px;
position:relative;
right:20px;
}

/* this ensures the articles can be stacked without causing MAYHEEEEM !!! */
.clearasilUltra {
clear:both;
}



/*  																THESE BITS ARE FOR THE RIGHT SIDE BAR  	*/
#newsRight {
float:right;
position:relative;
right:60px;
width:173px;
}


.featuredItem{
width:100%;
background:#ffFFff;
padding:15px;
position:relative;
font: .75em "Corbel";
line-height:1.4em;
margin-top:40px;
border-left:1px solid #3c6e9a;

-webkit-border-radius: 0px 0px 0px 20px;
border-radius: 0px 0px 0px 20px; 

-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);  
box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);
}

.featuredItem h4 {
position:relative;
top:-0.5em;
margin-bottom:-12px;
font:1.5em "Corbel";
color:blue;
line-height:.85em;
}

/*											CONTACT PAGE STUFF										*/
.third280_1 {
max-width:280px;
float:left;
position:relative;
top:20px;
left:40px;
font:.8em "Corbel";
line-height:1.4em;
}
.third280_2 {
max-width:280px;
float:left;
position:relative;
top:20px;
left:80px;
font:.8em "Corbel";
line-height:1.4em;
}

.third280_2_2 {
max-width:280px;
float:left;
position:relative;
top:220px;
left:80px;
font:.8em "Corbel";
line-height:1.4em;
}
.third280_3 {
max-width:280px;
float:right;
position:relative;
top:20px;
font:.8em "Corbel";
line-height:1.4em;
}

.trollFace {
float:left;
position:relative;

-webkit-border-radius: 2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;

-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .25);  
box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .25);
}

.contactList{
padding:0px;
float:left;
left:20px;	
position:relative;
padding-bottom:80px;
list-style:none;
}
	/*											ABOUT LIST 												*/
	
#aboutFinalBack {
font:bold 1.3em "Corbel";
height:122px;
background:#325e82;
position:relative;
max-width:880px;
padding:1px 40px 30px 40px;
color:#FfFfFf;

/*	 GENERATED GRADIENT FANCYNESS */
background: #3c6e99;
background: -moz-linear-gradient(top,  #3c6e99 25%, #3c6e99 73%, #356187 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3c6e99), color-stop(73%,#3c6e99), color-stop(100%,#356187));
background: -webkit-linear-gradient(top,  #3c6e99 25%,#3c6e99 73%,#356187 100%);
background: -o-linear-gradient(top,  #3c6e99 25%,#3c6e99 73%,#356187 100%);
background: -ms-linear-gradient(top,  #3c6e99 25%,#3c6e99 73%,#356187 100%);
background: linear-gradient(to bottom,  #3c6e99 25%,#3c6e99 73%,#356187 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6e99', endColorstr='#356187',GradientType=0 );

-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);  
box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);
}

#aboutRegionalBack {
font:bold 1.3em "Corbel";
height:270px;
background:#598038;
position:relative;
top:40px;
max-width:880px;
padding:1px 40px 30px 40px;
color:#FfFfFf;

/*	 GENERATED GRADIENT FANCYNESS */
background: #699641;
background: -moz-linear-gradient(top,  #699641 25%, #598038 93%, #598038 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#699641), color-stop(93%,#598038), color-stop(100%,#598038));
background: -webkit-linear-gradient(top,  #699641 25%,#598038 93%,#598038 100%);
background: -o-linear-gradient(top,  #699641 25%,#598038 93%,#598038 100%);
background: -ms-linear-gradient(top,  #699641 25%,#598038 93%,#598038 100%);
background: linear-gradient(to bottom,  #699641 25%,#598038 93%,#598038 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699641', endColorstr='#598038',GradientType=0 );

}
#aboutRegionalBack li{
padding:6px 6px 6px 6px;
}

#aboutRegionalBack a{
text-decoration:none;
color:#ffFfFf;
padding:5px 5px 5px 5px;
}

#aboutRegionalBack a:hover{
color:#598038;
background:white;
padding:5px 5px 5px 5px;
}

#aboutLocalBack {
font:bold 1.3em "Corbel";
color:#fFfFfF;
height:541;
background:#d39021;
position:relative;
top:40px;
margin-top:40px;
max-width:880px;
padding:1px 40px 30px 40px;
}

#aboutLocalBack li{
padding:4px 4px 4px 4px;
}

#aboutLocalBack a{
text-decoration:none;
color:#ffFfFf;
padding:3px 3px 3px 3px;
}

#aboutLocalBack a:hover{
color:#d39021;
background:white;
padding:3px 3px 3px 3px;
}

.third280_1_about {
max-width:300px;
left:-50px;
top:-10px;
font-weight:600;
}
.third280_2_about {
left:-6px;
top:-10px;
font-weight:600;
}
.third280_3_about {
left:-156px;
top:-10px;
font-weight:600;
}

.quart_1, .quart_2, .quart_3, .quart_4 {
max-width:205px;
float:left;
position:relative;
font:bold .8em corbel,sans-serif;
}

}
.quart_2 {
left:25px;
}
.quart_3 {
left:50px;
}
.quart_4 {
left:75px;
}

.half_left {
position:relative;
float:left;
max-width:430px;
}

.half_right {
position:relative;
float:right;
max-width:430px;
right:40px;
}


/*											MEDIA STUFF 													**/

.containerLarge {
background:#fFfFfF;
position:relative;
top:20px;
left:20px;
padding:0px 20px 40px 20px;
border:1px solid #3c6f9b;
/*fancy shit*/
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; 

-webkit-box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);  
box-shadow:  2px 2px 2px 0px rgba(0, 0, 0, .2);
}



.onlineAppearances li{
display:inline;
padding-right:.5em;
width:100%;
position:relative;
left:-40px;
top:-10px;
}

.whiteSheet {
background:#fFfFfF;
padding:40px;
z-index:5;
position:absolute;
top:110px;
left:60px;
float:left;
opacity:.85;
}

.mediaList {
color:#3c6f9b;
font:bold 1.25em corbel;
}
.mediaList a{
color:#3c6f9b;
}

.mediaList a:hover{
color:#626262;
}
.mediaList a:visited{
color:#4886bb;
}

.mediaList img{
max-width:250px;
padding-left:30px;
}

.containPhotos img{
max-width:100px;
max-width:300px;
padding-right:30px;
}

/*											FOOTER STUFF 													**/
footer{
background:#ffFfFf;
clear:both;
position:relative;
top:60px;
}
.footerLogos {
list-style:none;
}
.footerLogos li{
display:inline;
padding-left: 15px;
}
.footerLogos img{
border: 0;
}

.Academia {
border-top: 1px solid #b5b5b5;
padding: 30px 0px 15px 80px;
position:relative;

-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .3);
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, .3);
}

.Academia li {
position:relative;
padding:0px 20px 0px 0px;
}

#footerBar {
clear:both;
height:40px;
width:100%;
padding:0px;
margin:0 auto;
background: url('./res/navBar_gradient.png') repeat-x 0 bottom;
font:bold 1.25em "corbel",sans-serif;
line-height:1.7em;
color:#fFfFfF;
text-align:left;
position:relative;
}


#timer {
font:bold 20px corbel;
line-height:.75em;
position:relative;
/*the rest doesn't, or shouldn't work in IE...of course*/
text-shadow: 1px 1px 2px #bbb5b4;
filter: dropshadow(color=#bbb5b4, offx=1, offy=1);
}

.smaller {
	font-size: 12px;
}
	
.smaller11px {
	font-size: 11px;
}
	
.lightbox-mini {
	max-height: 150px;
	max-width: 150px;
	float: left;
	margin: 10px;
    border: 10px solid rgba(79,148,205, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius: 20px;    /* Konqueror */
	-moz-border-radius: 20px; /* Firefox */
	border-radius: 20px;
}