@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	background-image: none;
	color: #33C;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.boxy {
    background-color: lightgrey;
    width: 300px;
    padding: 25px;
    border: 25px solid navy;
    margin: 25px;
}
.Boxy2 {
background-color: #ffffff;
border: 2px solid #999999;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 15px 15px 15px #000000;
-webkit-box-shadow: 15px 15px 15px #000000;
box-shadow: 15px 15px 15px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 15, direction = 135, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 15, Direction = 135, Color = '#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: none;
}
#Nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
}
#LeftBorder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	visibility: hide;
	font-weight: bold;
}
#RightBorder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#ggg {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutPHONE {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LeftLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #000;
}
#Header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Body {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LeftBorder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#RightBorder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#ggg {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutPHONE {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LeftLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
	background-image: none;
}
#Nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #0F3;
	color: #F09;
}
#Body {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 49.1525%;
	display: block;
}
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LeftBorder {
	clear: both;
	float: left;
	margin-left: 0;
	width: 20%;
	display: block;
}
#RightBorder {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: 20%;
	display: block;
}
#ggg {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutPHONE {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#LeftLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
#RightBorder p {
	font-size: medium;
}
#RightBorder p {
	font-size: small;
}
#RightBorder p {
	font-weight: bold;
}
#RightBorder p {
	font-style: italic;
}
#RightBorder p {
	font-size: medium;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#LeftBorder p {
	font-style: italic;
}
#LeftBorder p {
	font-size: 12px;
}
#LeftBorder p {
	text-align: center;
}
#LeftBorder p {
	font-size: 14px;
}
.red {
	color: #F00;
}

h3 { color: #111; font-family: 'Helvetica Neue', sans-serif; font-size: 25px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: left; }

h2 { color: #111; font-family: 'Helvetica Neue', sans-serif; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: left; }

h1 { color: #111; font-family: 'Helvetica Neue', sans-serif; font-size: 40px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: center; }

h2w { color: #e0e0e0; font-family: 'Helvetica Neue', sans-serif; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 1; text-align: left; }




.CourseTeaser {
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
	color: #F00;
	font-family: Verdana, Geneva, sans-serif;
	margin-left: auto;
	height: auto;
	width: auto;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 10pt;
}


div.LinkHover a:link {
  color: #006600;
}

div.LinkHover a:hover {
  color: #CF0;
  background:#330
}

div.LinkHover a:visited {
  color: #CC0000;
}

.link_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #4479BA;
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
}