/*
------------------------------------------------------------------ 
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------ 

This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). 

*/
body {
	color: #039;
	font: 78%/1.8em Tahoma, Geneva, sans-serif;
	}
	
	
	
	/* basic links */
		a { }
		a:link { color: #039; }
		a:visited { color: #036; }
		a:active, a:hover { color: #06C; }	




/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal;
	margin: 0 0 .3em 0;
	padding: 0;
	}
	
h1 { font-size: 200%; line-height: 1.2em; }
h2 { font-size: 160%; line-height: 1.2em; }
h3 { font-size: 140%; line-height: 1.2em; }
h4 { font-size: 120%; line-height: 1.2em; font-weight: bold; }
h5 { font-size: 110%; line-height: 1.2em; font-weight: bold; }
h6 { font-size: 100%; line-height: 1.2em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.4em 0; }

ul, ol      { padding-left: 18px; }
ul          { list-style: square; }
ol          { }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

blockquote  { margin: 1.5em; }

/*strong      { font-weight: bold; }*/
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
.bold         { font-weight: bold; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/* Some other default classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.hide       { display: none; }
.highlight  { background:#ff0; }


.del { text-decoration:line-through; }

 
 
 
 

	
	
	
 
 
/* tinyMCE templates
------------------------------------------------------------------------------------------ 
*/
#nullBorder { border: none; }

#template_table { width: 928px; height: 260px; }
	#template_table td { }
	
	/* portal more pages */
	.bigleft td, .bigright td { text-align: left; vertical-align: top;  }
	.bigleft td img, .bigright td img { 
		border: solid 6px #fff;  
		/*
		for modern browsers, not IE
		css3 box shadow = offset, offset, blur, color
		of course, we need to define for mozilla and webkit too
		*/
		box-shadow: 0px 0px 12px #BEC5E3;
		-moz-box-shadow: 0px 0px 12px #BEC5E3;
		-webkit-box-shadow: 0px 0px 12px #BEC5E3;
		
		/* stupid ie  www.javascriptkit.com/filters/dropshadow.shtml*/
		-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#BEC5E3,offX=3,offY=3, positive=true)";
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#BEC5E3,offX=3,offY=3, positive=true);
		}
		.bigleft td.left { width: 530px; }
		.bigleft td.right { width: 350px; padding-left: 48px; }
		.bigright td.left { width: 350px; }
		.bigright td.right { width: 530px; padding-left: 48px; }
		
		.bigleft td.right img, .bigright td.left img { max-width: 350px; }


	/* any two column pages */
	.twobigleft td, .twobigright td { text-align: left; vertical-align: top;  }
	.twobigleft td.right img, .twobigright td.left img { max-width: 350px; }
	
		.twobigleft td.left { width: 530px; }
		.twobigleft td.right { width: 350px; padding-left: 48px; }
		
		.twobigright td.left { width: 350px; }
		.twobigright td.right { width: 530px; padding-left: 48px; }
		
		
	
	
	/* any three column page */
	.threebigleft td, .threebigright td { text-align: left; vertical-align: top; }
		.threebigleft td.left { width: 440px; padding-right: 40px; }
		.threebigleft td.middle { width: 214px; }
		.threebigleft td.right { width: 214px; padding-left: 40px; }
			
		.threebigright td.left { width: 214px; padding-right: 40px; }
		.threebigright td.middle { width: 214px; }
		.threebigright td.right { width: 440px; padding-left: 40px; }
	
	
	


#template_table2 { width: 952px; height: 260px; }
	#template_table2 td { }


	/* news you can use pages */
	.bigleft2 td, bigright2 td { text-align: left; vertical-align: top;  }
	.bigleft2 td img, bigright2 td img { 
		border: solid 6px #fff;  
		/*
		for modern browsers, not IE
		css3 box shadow = offset, offset, blur, color
		of course, we need to define for mozilla and webkit too
		*/
		box-shadow: 0px 0px 12px #BEC5E3;
		-moz-box-shadow: 0px 0px 12px #BEC5E3;
		-webkit-box-shadow: 0px 0px 12px #BEC5E3;
		
		/* stupid ie  www.javascriptkit.com/filters/dropshadow.shtml*/
		-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#BEC5E3,offX=3,offY=3, positive=true)";
		filter: progid:DXImageTransform.Microsoft.dropShadow(color=#BEC5E3,offX=3,offY=3, positive=true);
		}
		.bigleft2 td.left { width: 550px; }
		.bigleft2 td.right { width: 350px; padding-left: 52px; }
		.bigright2 td.left { width: 350px; }
		.bigright2 td.right { width: 550px; padding-left: 52px; }
		
		.bigleft2 td.right img, .bigright2 td.left img { max-width: 350px; }
		
		
		

	.table1 { width: 100%; background-color: #BEC5E3; margin: 12px 0; }
		.table1 th p, table1 td p { margin: 0; padding: 0; }
		.table1 th {
			padding: 4px;
			color: #fff;
			background-color: #818EC5;
			vertical-align: middle;
			text-align: center;
			font-size: 11px; line-height: 1.2em;
			}
		.table1 td { padding: 4px; background-color: #fff; text-align: center; vertical-align: middle; line-height: 1.2em; }
		
	
	/* portal factoids */
	.factoid td, .factoidbigleft td, .factoidbigright td { text-align: left; vertical-align: top; color: #FFF; font-size: 120%; line-height: 2em; }
		.factoid { width: 1000px; height: 260px; }
		.factoid td.image { vertical-align: middle; text-align: center; }
		.factoidbigleft td.left { width: 520px; padding: 0 24px 20px 24px; vertical-align: middle; }
		.factoidbigleft td.right { width: 432px; }
		.factoidbigright td.left { width: 432px; }
		.factoidbigright td.right { width: 520px; padding: 0 24px 20px 24px; vertical-align: middle;  }
		
/*image effects*/
.imgLeft { float: left; margin: 0 12px 12px 0; }
.imgRight { float: right; margin: 0 0 12px 12px; }
.imgFrame { 
	border: solid 6px #fff;  
	/*
	for modern browsers, not IE
	css3 box shadow = offset, offset, blur, color
	of course, we need to define for mozilla and webkit too
	*/
	box-shadow: 0px 0px 12px #BEC5E3;
    -moz-box-shadow: 0px 0px 12px #BEC5E3;
    -webkit-box-shadow: 0px 0px 12px #BEC5E3;
	
	/* stupid ie  www.javascriptkit.com/filters/dropshadow.shtml*/
	-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#BEC5E3,offX=3,offY=3, positive=true)";
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#BEC5E3,offX=3,offY=3, positive=true);
	}


.introText { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 140%; 
	line-height: 1.8em; 
	color: #06C; 
	font-style: italic; 
	padding: 0 0 12px 0; 
	margin-bottom: 24px; 
	}

.pressFeaturedBox { border: solid 1px #BEC5E3; background-color: #FFF; padding: 16px 20px 20px 20px; width: 146px; line-height: 1.4em; }
	.pressFeaturedBox a { text-decoration: none; }
	.pressFeaturedBox a:hover { text-decoration: underline; }
	.pressFeaturedBox h3.title { color: #BEC5E3; }
	

.externalWebsite { } /* this is for modal window only */
.setWidth { max-width: 600px; }  /* assign to images placed under CMS to restrict width */



/* home page sliders 
-----------------------------------*/
.slideDiv { }
.textDivRight, .textDivLeft { }
.textDivRight { position: absolute; z-index: 10; width: 450px; margin: 30px 0 30px 500px; color: #fff;  }
.textDivLeft { position: absolute; z-index: 10; width: 450px; margin: 30px 0 30px 50px; color: #fff;  }
.textDivRight a:link,.textDivRight a:visited, .textDivLeft a:link, .textDivLeft a:visited { color: #fff; }