/* margin: top right bottom left */



body	

	{  
 	margin: 0%;
 	padding-bottom: 8px;   
	color: #AEAEAE;        
	text-align: center; /* for IE */
	font: 76%/160% Georgia, Verdana, Helvetica, Arial, Sans-Serif; 
	background: #FFFFFF;
	}



a	

	{
	text-decoration: none;
	}



a:hover 

	{
	text-decoration: none;
	}



.img    

	{
	}

#flickrin
	{

	padding: 0px 0px 0px 15px;
	}

#flickrin a img 
	{
	border: 1px solid black !important;
	margin: 5px 5px 5px; 40px;
	}



.clear	

	{
	clear: both;
	margin-top: -1px;
	height: 0px;
	overflow: hidden;
	}



.clearr 

	{
	clear:right;
 	margin-top:-1px;
	height:1px;
	overflow:hidden;
	}



/* Format */

        

.mainwrap 

		{
		margin: auto;
		margin-top: 25px;
		text-align: left;
		width: 900px;
		background: #FFFFFF;
		}

   

/* Body Left */



#bodymain

			{
			margin: 25px 0px 0px 0px;
			width: 900px;
			padding: 0px 0px 0px 0px;
			background: none;
			font: 100%/100% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
			}

	

#bodyleft

			{
			float: left;
			margin: 0px 0px 0px 0px;
			width: 650px;
			color: #FFFFFF;
			font: Normal 110%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
			padding: 0px 0px 0px 0px; /* top right bottom left */
			}
			
#bodyleft h1
			{
			color: #FECB86;
			font: Bold 120%/100% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
			padding: 0px 0px 3px 0px;
			margin: 0px 0px 0px 0px;
			}
			
.fullbar
			{
			width: 885px;
			color: #FFFFFF;
			padding: 0px 0px 0px 15px;
			background: #15AADC;
			}
			
.fulltitle
			{
			width: 885px;
			color: #FFFFFF;
			font: bold 100%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
			padding: 0px 0px 0px 15px;
      background: #72BDDB;
      margin: 15px 0px 0px 0px;
			}
			
.fulltitle:hover
			{
			background: #15AADC;
			}
			
.fulltitle a
			{
			color: #FFFFFF;
			}
			
.float-ft
			{
      float: right;
      padding: 0px 15px 0px 0px;
			}
						
			
.fivesplit
			{
			width: 163px;
			float: left;
			margin: 0px 2px 0px 0px;
			color: #666666;
			font: normal 100%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
			padding: 10px 0px 0px 15px;
			height: 90px;
			background: #DEEDF4 url(../images/grads/fivesplit.jpg) left repeat-x;
			}
			
.fivesplit:hover
			{
			background: #DEEDF4 url(../images/grads/gradinvert.jpg) left repeat-x;
			}
			
.fivesplit a
			{
			color: #4D4D4D;
			font: bold 110%/100% Helvetica, Verdana, Georgia, Arial, Sans-Serif;			
			}

.fivesplit p
			{
			color: #666666;
			font: bold 100%/120% Helvetica, Verdana, Georgia, Arial, Sans-Serif;			
			}
			
.fulltext	{
			width: 900px;
			padding: 10px 0px 10px 0px;
			margin: 0px 0px 0px -15px;
			background: #DEEDF4 url(../images/misc/whitecornernew2.jpg) bottom right no-repeat;
			color: #666666;
			border-style: solid; 
      border-color: #ffffff; 
      border-width: 2px 0px 0px 0px;
			}
			
.fulltext	ul {
      padding: 0px;
      margin: 0px;
      list-style-type: none;
			}
			
.fulltext	ul li {
      padding: 0px 0px 0px 0px;
      margin: 0px;
      color: #666666;
      border-style: solid; 
      border-color: #ffffff; 
      border-width: 0px 0px 2px 0px;
			}
			
.fulltext	ul li:hover {
      background: #15AADC;
      color: #FFFFFF; 
			}
			
.fulltext	ul li a {
      display: block;
      width: 885px;
      padding: 0px 0px 0px 15px;
      color: #666666; 
			}
			
.fulltext	ul li a:hover {
      color: #FFFFFF; 
			}
			
.fullsplit	{
			width: 900px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px -15px;
			color: #666666;
			border-style: solid; 
      border-color: #ffffff; 
      border-width: 2px 0px 0px 0px;
			background: #ACDBEE;
			}
			
			
.leftbar	{
			height: 30px;
			width: 675px;
			color: #FFFFFF;
			padding: 0px 0px 0px 15px;
			background: #15AADC;
			}
			
.leftbar a	{
			font: bold, Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			color: #FFFFFF;
			}
			
.leftbar a:hover
			{
			color: #15aadc;
			text-decoration: underline;
			}
			
.leftbar2	{
			height: 30px;
			width: 635px;
			color: #FFFFFF;
			padding: 0px 0px 0px 15px;
			background: #15AADC url(../images/misc/bluegreycornernew2.jpg) right no-repeat;
			}
			
.leftbar2 a	{
			font-weight: bold;
			color: #FFFFFF;
			}
			
.leftbar2 a:hover
			{
			color: #FFFFFF;
			text-decoration: underline;
			}
			
.lefttext	{
			padding: 15px 15px 0px 15px;
			margin: 0px 0px 0px 0px;
			background: #DEEDF4;
			color: #666666;
			}
.leftgal	{
			padding: 0px;
			margin: 0px 0px 40px 0px;
			background: none;
			color: #666666;
			background: #DEEDF4 url(../images/misc/whitecornernew2.jpg) bottom right no-repeat;
			width: 650px;
			}
.leftgal a.p1 img	{
			width: 59px;
			height: 70px;
			display:block; 
			border:0;
			}
			
.leftgal a.p1 b	{
			font: 100%/130% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			}
			
.leftgal a.p1 b img	{
			width: 236px;
			height: 280px;
			display:block; 
			border:0;
			}
			
.lefttext p	{
			margin: 0px 0px 0px 0px;
			color: #666666;
			font: 100%/140% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			}
			
.lefttext a	{
			color: #3893bb;
			font-weight: bold;
			text-decoration: oblique;
			}
			
.lefttext a:hover
			{
			color: #15aadc;
			font-weight: bold;
			text-decoration: oblique;
			}

.leftfoot	{
			height: 30px;
			width: 650px;
			margin: 0px 0px 30px 0px;
			background: #DEEDF4 url(../images/misc/whitecornernew2.jpg) right no-repeat;
			color: #666666;
			}
			
.readmore	{
			float: right;
			margin: -1px 0px 0px 0px;
			text-align: right;
			padding: 0px 30px 0px 0px; /* top right bottom left */
			}
			
.readmore a	{
			color: #666666;
			font-weight: bold;
			text-decoration: oblique;
			}
			
.readmore a:hover
			{
			color: #15aadc;
			font-weight: bold;
			text-decoration: oblique;
			}

#twitterlink					{
						float: left;
						margin: 0px 5px 0px 0px;
						height: 30px;
						width: 28px;
						display: block;
						background: none;
						}

#twitterlink a					{
						height: 100%;
						width: 100%;
						display: block;
						background: url(../images/misc/twitbird3.jpg) bottom center no-repeat;
						}		
			
			
#twitter_div					{
						min-height: 30px;
						margin: 0px 0px 0px -15px;
						padding: 0px 0px 0px 0px;
						line-height: 140%;
						}			
			
#twitter_update_list				{
						padding: 6px 0px 0px 0px; 
						margin: 0px 0px 0px 0px; 
						list-style-type: none;
						font-weight: bold;
						}

#twitter_update_list a				{
						display: none;
						}

#twitter_update_list span a			{
						display: inline;
						}
			
			
.rightbar-front	{
			height: 30px;
			width: 210px;
			padding: 0px 0px 0px 15px;
			margin: 0px 0px 0px 0px;
			color: #FFFFFF;
			font-weight: bold;
			background: #58B7DD url(../images/grads/blue1grad.jpg) left repeat-y;
			}

.rightbarunder-front	{
			height: 30px;
			width: 210px;
			padding: 0px 0px 0px 15px;
			margin: 35px 0px 0px 0px;
			color: #FFFFFF;
			font-weight: bold;
			background: #15AADC url(../images/misc/bluegreycornernew2.jpg) right no-repeat;
			}
			
.rightbar2-front	{
			height: 30px;
			width: 210px;
			padding: 0px 0px 0px 15px;
			margin: 0px 0px 0px 0px;
			color: #666666;
			background: #DEEDF4 url(../images/grads/blue4grad.jpg) left repeat-y;
			}
			
			
.rightbar2-front span	{
float: right;
			height: 30px;
			width: 10px;
			padding: 0px 0px 0px 0px;
			background: #DEEDF4 url(../images/misc/whitecornernew2.jpg) right no-repeat;
			}
			
.rightbar	{
			height: 30px;
			width: 210px;
			padding: 0px 0px 0px 15px;
			margin: 0px 0px 0px 0px;
			color: #FFFFFF;
			font-weight: bold;
			background: #15AADC url(../images/misc/bluegreycornernew2.jpg) right no-repeat;
			}
			

.rightbarunder	{
			height: 30px;
			width: 210px;
			padding: 0px 0px 0px 15px;
			margin: 35px 0px 0px 0px;
			color: #FFFFFF;
			font-weight: bold;
			background: #15AADC url(../images/misc/bluegreycornernew2.jpg) right no-repeat;
			}
			
.rightbar2	{
			height: 30px;
			width: 210px;
			padding: 0px 0px 0px 15px;
			margin: 0px 0px 0px 0px;
			color: #666666;
			background: #DEEDF4 url(../images/misc/whitecornernew2.jpg) right no-repeat;
			}
			
#slideshow	{
			width: 675px;
			height: 335px;
			margin: 0px 0px 0px 0px;
			}

#slideshow object	{
			margin: 0px 0px 0px 0px;
			}
			
.horizrule	{
			background: #6d6e72;
			height: 5px;
			width: 100%;
			margin: 22px 0px 33px 0px;
			}
			
.columnwrap	{
			width: 900px;
			height: 200px;
			margin: 40px 0px 0px 0px;			
			}
			
.linkcolumn	{
			float: left;
			width: 300px;
			height: 200px;
			}
			
#youthbanner	{
				width: 300px;
				height: 61px;
				background: #FFFFFF url(../images/misc/youthbanner.jpg) left no-repeat;
				}
				
#filesbanner	{
				width: 300px;
				height: 61px;
				background: #FFFFFF url(../images/misc/filesbanner.jpg) left no-repeat;
				}
				
#helpbanner	{
				width: 300px;
				height: 61px;
				background: #FFFFFF url(../images/misc/helpbanner.jpg) left no-repeat;
				}





			

#header		{
			text-align: left;
			width: 900px;
			height: 127px;
			color: #FECB86;
			font: 230%/0% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			}
			
#header img	{
			float: left;
			}			

.spacer		{
			margin: 15px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
			
.spacer a	{
			font: normal 100%/170% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			font-size: 12px;
			word-spacing: normal;
			color: #808080;
			}
			
.spacer a:hover
			{
			color: #15aadc;
			}
			
#headerrule	{
			float: right;
			height: 2px;
			width: 753px;
			background: #F2F2F2;
			}
			
.headtext	{
			margin: 17px 0px 0px 21px;
			padding: 0px 0px 0px 0px;
			float: left;
			color: #000000;
			width: 115px;
			height: 12px;
			font: bold 60%/0% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			font-size: 17px;
			letter-spacing: 0px;
			}
			
.headtext1	{
			margin: 17px 0px 0px 5px;
			padding: 0px 0px 0px 0px;
			float: left;
			color: #000000;
			width: 115px;
			height: 12px;
			font: bold 60%/0% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			font-size: 17px;
			letter-spacing: 0px;
			}
			
.headtext2	{
			margin: 17px 0px 0px 15px;
			padding: 0px 0px 0px 0px;
			float: left;
			color: #000000;
			width: 115px;
			height: 12px;
			font: bold 60%/0% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			font-size: 17px;
			letter-spacing: 0px;
			}
			
.headtext3	{
			margin: 17px 0px 0px 15px;
			padding: 0px 0px 0px 0px;
			float: left;
			color: #000000;
			width: 76px;
			height: 12px;
			font: bold 60%/0% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			font-size: 17px;
			letter-spacing: 0px;
			}

.headtext4	{
			margin: 17px 0px 0px 72px;
			padding: 0px 0px 0px 0px;
			float: left;
			color: #000000;
			width: 200px;
			height: 12px;
			font: bold 60%/0% Georgia, Verdana, Helvetica, Arial, Sans-Serif;
			font-size: 17px;
			letter-spacing: 0px;
			}
/* Pagination */

.pag
				{
				color: #FFFFFF;
				font: Normal 100%/100% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
				}
					
.pag a
				{
				color: #FECB86;
				font: Normal 100%/100% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
				}
					
.pag a:hover
				{
				color: #FFFFFF;
				font: Normal 100%/100% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
				}


/* NAV */


#navbar-front				{
					margin: 0px 0px 0px 0px;
					float: right;
					height: 365px;
					width: 225px;
					color: #666666;
					font: Normal 110%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
					padding: 0px 0px 0px 0px; /* top right bottom left */
					/* background: #DEEDF4; */
					}
					
#navbar-front ul			{
					height: 305px;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					background: #DEEDF4;
					}
					
#navbar-front li			{
					margin: 0px 0px 0px 0px;
					padding: 10px 10px 10px 10px;
					color: #666666;
					font: normal 80%/130% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
					list-style-type: none;
					}
					
#navbar				{
					margin: 0px 0px 0px 0px;
					float: right;
					width: 225px;
					color: #666666;
					font: Normal 110%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
					padding: 0px 0px 0px 0px; /* top right bottom left */
					/* background: #DEEDF4; */
					}
					
#navbar ul			{
					margin: 0px 0px 0px 0px;
					padding: 34px 0px 10px 15px;
					background: #DEEDF4;
					}
					
#navbar li			{
					margin: 0px 0px 10px 0px;
					color: #666666;
					font: normal 80%/130% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
					list-style-type: none;
					}
					
#navbar li a		{
					margin: 0px 0px 0px 0px;
					color: #4D4D4D;
					font: bold 110%/130% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
					list-style-type: none;
					}

#navbar li a:hover	{
					color: #15aadc;
					}
					
#navbarfoot			{
					margin: 0px 0px 0px 0px;
					float: right;
					width: 225px;
					color: #666666;
					font: Normal 110%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
					padding: 0px 0px 0px 0px; /* top right bottom left */
					background: #FAFAFA;
					}

#news-0				{
					height: 33%;
					background: #ACDBEE url(../images/grads/blue2grad.jpg) left repeat-y;
					}
					
#news-1				{
					height: 33%;
					background: #C0E4F2 url(../images/grads/blue3grad.jpg) left repeat-y;
					}
					
#news-2				{
					height: 34%;
					background: #DEEDF4 url(../images/grads/blue4grad.jpg) left repeat-y;
					}
					
#navbar-front li a		{
					margin: 0px 0px 0px 0px;
					color: #4D4D4D;
					font: bold 110%/130% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
					list-style-type: none;
					}

#navbar-front li a:hover	{
					color: #15aadc;
					}

					
#navbar li a		{
					margin: 0px 0px 0px 0px;
					color: #4D4D4D;
					font: bold 110%/130% Verdana, Georgia, Helvetica, Arial, Sans-Serif;
					list-style-type: none;
					}

#navbar li a:hover	{
					color: #15aadc;
					}
					
#navbarfoot			{
					margin: 0px 0px 0px 0px;
					float: right;
					width: 225px;
					color: #666666;
					font: Normal 110%/230% Helvetica, Verdana, Georgia, Arial, Sans-Serif;
					padding: 0px 0px 0px 0px; /* top right bottom left */
					background: #FAFAFA;
					}


/* Copyright */



#copyrightfoot

	{
	width: 780px;
     height: 60px;
     margin: 0px auto;
     padding: 20px 0px 0px 0px;
	color: #6d6e72;
	text-align: center;
     font: 85%/160% Georgia, Verdana, Arial, Sans-Serif;
	}

	

#copyrightfoot a

	{
	color: #6d6e72;
	text-decoration: none;
	}

	

#copyrightfoot a:hover

	{
	color: #FFFFFF;
	text-decoration: underline;
	}




