/*---------------------------------------------------*/
/* CSS Document                                      */
/* Global Transpark Site 2.0                         */
/* Developed by m3 Consulting & Services, Joel Smith */
/* www.m3web.com                                     */
/*---------------------------------------------------*/
/* 7/10/2007 - initial draft, font sizing is based   */
/*    on keywords. Change body, and the rest are     */
/*    percentages relative to it.                    */
/*---------------------------------------------------*/

/* Text handling */

body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left:15px;
	/*background-image: url(media/blue_bg3c.jpg);
	background-repeat: repeat;
	background-color: #0076A9;*/
}
* html body {
	font-size:x-small; /* for IE5/Win, set one size down */
	f\ont-size: small; /* for other IE versions */
}
h1 {
	font-size: 160%;
	/*font-family:Helvetica, Arial, sans-serif; */
}
h2 {
	font-size: 130%;
	/*font-family:Helvetica, Arial, sans-serif; */
}
h3 {
	font-size: 110%;
	font-weight:bold;
	/*font-family:Helvetica, Arial, sans-serif;*/ 
}

.note {
	font-size: 90%;
	color:#666666
}
	
/* Section Layout */
#wrapper {
	background-color:#FFFFFF;
	width: 850px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/* border-right:#999999 thin solid; */
	
	/*background: url(media/twocol_bg_yl.gif) repeat-y 31% 0;
	/* bg image should be 2000x100 with background color 
	   occupying first 600 px from left. */
	/* Nice dark blue borders 
	border-top:#006B99 solid 3px; 
	border-left: #006B99 solid 3px;
	border-right: #006B99 solid 3px;
	*/
	/*border-top:#006B99 solid 3px; 
	border-left: #333 solid 3px;
	border-right: #333 solid 3px;*/
}
#header {
	height: 155px;
}

#header #banner {
	display:block;
	height:90px;
	padding-left: 15px;
	padding-top:5px;
	background-image:url(media/gtp_banner2a.jpg);
}
.bannertitle {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 145%;
	font-family: Palatino, Georgia, "Times New Roman", serif;
	text-align:right;
	padding-right:15px;
	padding-top:15px; /* Was 35px for a single line header */
}

/* Navigation and menus */
#topnav {
	display:block;
	color:#fff;
	text-align:right;
	padding-right:15px;
	padding-bottom:5px;
	margin:0px;
	background-color:#000000;
	/* background-image: url(media/topnavbkgnd.jpg); */	
}
#topnav a {
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	line-height:110%;
	color:#fff;
}
#topnav a:hover {
	border-bottom-color:#FF9900;
	border-bottom-width:5px;
	border-bottom-style:solid;
}
#topnav a:visited {
	text-decoration:none;
	color:#fff;
}

#navbar {
	clear:left;
	float: left;
	width: 24%;
	margin-right: 10px;
}

#navbar ul li {
	font-size: 92%;
}
#navbar ul li a {
	text-decoration:none;

}
/* #navbar ul li a:hover {
	text-decoration:none;
	border-right:solid outset #F7931D;
}
*/
#navbar div {
	padding: 10px;
	margin-left:10px;
}

#navbar .gutter {
	padding: 5px;
}

.box {
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	font-size: 90%;
	line-height: 175%;
}
.box h3 {
	margin: 0;
	padding: 0px;
	font-family:Helvetica, serif;
	font-size: 120%;
	font-weight: bold;
}
.box p, .box ul {
	margin: 0;
	padding: 0 2px;
}
.box ul li {
	list-style:none;
	text-decoration:none;
	margin: 0 0 0 3px;
	padding: 0 0 0 15px;
	background: url(media/sq_bl_blt.jpg)  no-repeat 0 7px;
} 
/* Add mypage id to nav menu list items to 
change bullet to static orange to indicate
the current selected page */
#mypage { 
	background:url(media/sq_blt.jpg)  no-repeat 0 7px;
} 

.box a {
	text-decoration:none;
	color:#000000;
}
.box a:hover {
	text-decoration:none;
	color:#FF9900;
}


/* Page Content */
#content {
	float: right;	
	width: 74%; /* Be careful editing this value. Also edit navbar width to keep total width constant. */
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Helvetica, Arial, sans-serif; 
}

#content div {
	font-size:95%;
	padding-bottom:10px;
	padding-right: 10px;
	padding-left:0px;
}

#content div div {
	font-size:100%;
	padding-bottom:0px;
	padding-right: 0px;
	padding-left:0px;
	margin:0;
}

#content .gutter {
	padding: 15px;
}

#content ul li {
	line-height: 135%;
	padding-top: 5px;
}
#content li a {
	font-weight:bold;
	text-decoration:none;
}
#content li a:hover {
	color:#F90;
	text-decoration:underline;
}
#content p a {
	font-weight:bold;
	text-decoration:none;
}
#content p a:hover {
	color:#F90;
	text-decoration:underline;
}
#leftcolcopy {
	display: block;
	float:left;
	width: 255px;
}
#rightcolimg {
	display: block;
	float:right;
	width: 320px;
}
#content div div#rightcolimg {
	padding:0;
}
.mapreturn {
	font-size:90%;
	text-align:right;
	text-decoration:none;
	color:#0076A9;
	font-style:oblique;
}

.rightaccent {
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rightaccentframed {
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 8px;
	border: 1px solid #333;
}

.schoolblock {
	margin:0;
	display:block;
	
}
.school {
	
	margin-top: 12px;
}
.schooltext {
	float:left;
	width:30%;
	margin-top: 12px;
	
}
.schoolpix {
	float:left;
	width:65%;
}
.schoolpix ul {
	list-style:none;
	margin:0;
}
.cutline {
	float:right;
	margin-top:0;
	margin-right:16px;
	font-style:italic;
	font-size: 80%;
}

/* Footer */
#footer {
	background:#333333;
	clear: both;
	border-bottom: #FF9900 solid 5px;
	background-image:url(media/footer_hilite.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#footer div {
	padding: 10px;
	padding-top: 15px;
	padding-left: 28%;
	/* background: #369; */
}

#footer p {
	font-size: 85%;
	font-family:Georgia, "Times New Roman", Times, serif;
	/* color: #cc9; */
	color:#FFF;
	text-align: left;
}
#footer a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#subfooter {
	display:none; /* Turn on in print css, turn off footer */
	margin:0;
}
#subfooter p {
	font-size: 75%;
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	text-align: center;
}
#footleft {
	float: left;
	width: 30%;
}
#footright {
	float:right;
	margin: 0;
	padding-left:0 !important;
	width: 325px;
	
}
#footright ul li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#footright p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	font-weight:bold;
	font-style:oblique;
	color:#FFF;
}
#subfoot {
	clear:both;
}
#subfoot p {
	font-family:Helvetica, Arial, sans-serif;
}

/* News Page Items */

.newsdate {
	font-size: 80%;
	font-style:oblique;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding-top:2.25em;
	color:#666666;
}
.newstitle {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}
.newsabstract {
	padding-left:25px;
	padding-right:25px;
}

.newsreleasetitle {
	margin-left: 1.25em;
	margin-right: 4em;
}
.newsreleasecopy {
	margin-left: 2em;
	margin-right: 4em;
}

.backthumb {
	display:block;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

/* Misc */

.yellowbox {
	display:none;
	margin: 0 0 0px 0;
	padding: 5px 5px 5px 15px;
	font-size: 90%;
	line-height: 1.7em;
	background-color:#FFFF99;
	font-family:"Lucida Sans", Courier, monospace;
}

/*Message Bar below header */

#message {
	margin: 0;
	padding: 10px;
	font-size: 95%;
	color: #cc9;
	text-align: left;
	/* background:#000000 url(media/banner_grill.gif) repeat-x top left; */
}