/*---------Start of common.css Stylesheet---------*/

/*---------Resets---------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

:focus { outline: none; }

/*---------Fonts---------*/

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.eot');
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.woff') format('woff'),
         url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('//www.uen.org/fonts/adventor/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.eot');
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.woff') format('woff'),
url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.ttf') format('truetype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.eot');
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.woff') format('woff'),
         url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('//www.uen.org/fonts/adventor/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.eot');
    src: url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.woff') format('woff'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
url('//www.uen.org/fonts/adventor/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------Print Code---------*/

#header .print, #page .print {
	display: none;	
}

@media print { 
#footer, #search, #search form, #menu, #menu-bar, .search-az, .crumb, .share, .title{
	display: none;	
}

#header .print, #page .print {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


}


/*---------Independent of Layout---------*/
	
body {
	width: 100%;
	padding: 0;
	background-image: url('//www.uen.org/images/header/top_right_bg_10.png'), url('//www.uen.org/images/header/bottom_left_bg_10.png');
	background-position: right top, left bottom;
    background-repeat: no-repeat;
    background-attachment:fixed;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	-ms-text-size-adjust: 100%;
	font-size: 12px;
	line-height: 19px;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	}

a {	color: #6689cc;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	font-size: 12px;}
	
a:hover {
	color:#004BBC;	
}

.clear {
	clear: both;	
}

.upper {
	text-transform:uppercase;
}

.skipnav { display:none; }

ul { margin-left:15px;}
ul li {
	list-style-image: url('//www.uen.org/images/list-bullet.gif');
	margin:10px;
	line-height: 15px;
}
ol {
	margin-left: 20px;
}

.align-left {
	float: left;
}
.align-right {
	float: right;
	overflow:hidden;
}

.border {
	border: 1px solid #346abd;
	padding: 5px;
}

.imgPadding {
	padding: 5px;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0 0 5px #666666;
	-webkit-box-shadow:0 0 5px #666666;
	box-shadow:0 0 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

.img_right { /* Image sticks to the right */
	width:auto;
	float:right;
	margin:5px 5px 5px 15px;
}

.img_middle {
	width: auto;
	vertical-align: middle;
	margin:5px 5px 5px 5px;
}

.img_bottom {
	width: auto;
	vertical-align: bottom;
	margin:5px 5px 5px 5px;
}

.frame-shadow {
	border: 3px solid #fff;
	-webkit-box-shadow: 0 1px 2px #777;
	-moz-box-shadow: 0 1px 2px #777;
	box-shadow: 0 1px 2px #777;
}

.underline {
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: rgb(204,204,204);
}

table.show-border { border-collapse: collapse; }

	table.show-border td { border: 1px solid #777; }

#dataTable td {
	padding: 5px;
}


.circle {
    background-image: url('//www.uen.org/k12student/stem/images/circle.png');
    background-position: 1px 3px;
    background-repeat: no-repeat;
    clear: left;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    padding-left: 7px;
    padding-right: 5px;
    padding-top: 5px;
    width: 20px;
}

.circle2 {
    background-image: url('//www.uen.org/k12student/stem/images/circle.png');
    background-position: 1px 3px;
    background-repeat: no-repeat;
    clear: left;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 21px;
    padding-left: 2px;
    padding-right: 10px;
    padding-top: 5px;
    width: 20px;
}

.shade { background: -moz-linear-gradient(top,  rgba(172,197,237,0.25) 0%, rgba(255,255,255,1) 76%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,197,237,0.25)), color-stop(76%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40acc5ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.greenShade {
background: -moz-linear-gradient(top,  rgba(221,247,197,0.25) 0%, rgba(255,255,255,1) 76%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,247,197,0.25)), color-stop(76%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40acc5ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.lower {
	text-transform:none;
}

.warning {
	color: #FF0004;	
}

/*---------Form Styles (may need to rethink this once on whole site)---------*/

input[type="text"], input[type="password"], textarea, input[name="username"] {
	-webkit-box-shadow: 2px 2px 2px rgba(225, 225, 225, 1);
	-moz-box-shadow:    2px 2px 2px rgba(225, 225, 225, 1);
	box-shadow:         2px 2px 2px rgba(225, 225, 225, 1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #ccc;
}

input[type="text"], input[type="password"], input[name="username"] {
	height: 20px;	
}

/*---------Transitions---------*/

#container a, #logo-mark, .col_left li, .greybutton, #menu li .greybox li, #menu .more, #footer a, #footer img, .highlight-text a, .crumb a, .share a , .side-menu li div {
	-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;	
}


/*---------Selection colours (easy to forget)---------*/

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgba(0,0,0,.1);
}

/*---------General Styles---------*/
.resize {
	width: 80%; /* Use this style to resize images for smaller layouts. There can be no height and width on the image for this to work. This will also resize the image based on the containing element. So if column around the image is 200px, it will be *% of the column*/
	}

.small { font-size: 10px; line-height: 13px;}
.smallBold {
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
}
.big { font-size: 14px; line-height: 18px; }
.big-bold { font-weight: bold; font-size: 14px; line-height: 20px; }
.bold {
	font-weight: bold;
	line-height: 16px;
	}
.bolder {
	font-weight: bolder;
}
.goldbar { color: #591479; font-weight: bold; font-size: 14px; line-height: 16px; }
.medium { font-size: 11px; line-height: 14px; }
.news {
	font-size: 17px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}
.paratitle { color: #591479; font-weight: bold; font-size: 16px; }
.paratitlewhite { color: #FFFFFF; font-weight: bold; font-size: 16px;  text-decoration: none; }
.paratitlewhite a:link { color: #FFFFFF; font-weight: bold; font-size: 16px; text-decoration: none; }
.paratitlewhite a:visited { color: #FFFFFF; font-weight: bold; font-size: 16px;  text-decoration: none; }
.smallwhite {font-size: 10px; line-height: 13px; color: #FFFFFF; }

h1 {
	font-size: 30px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: 'TeXGyreAdventorRegular';
	line-height: normal;
	text-shadow: 1px 1px 2px rgba(73, 73, 73, 1);	
}

h2{
	font-size: 16px;
	color: #4fa600;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 7px 0 14px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #4fa600;
	font-family: 'TeXGyreAdventorRegular';
}
h3 {
	font-size: 14px;
	font-weight: 400;
	color: #4fa600;
	letter-spacing: 1px;
	padding-bottom: 5px;
	border-bottom: 1px solid #4fa600;
	font-family: 'TeXGyreAdventorRegular';
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: -2px;
}

h4 {
	font-size: 12px;
	font-weight: 400;
	color: #4fa600;
	letter-spacing: 1px;
	padding-bottom: 5px;
	font-family: 'TeXGyreAdventorRegular';
	margin-top: 2px;
	margin-left: -2px;
	margin-bottom: 0;
}

h5 {
	font-size: 11px;
	font-weight: 400;
	color: #4fa600;
	letter-spacing: 1px;
	font-family: 'TeXGyreAdventorBold';
	margin-bottom: 0;
}

h6 {
	font-size: 36px;
	color: #6d28aa;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 5px 0 -10px 15px;
	font-family: 'TeXGyreAdventorRegular';
	text-shadow: 1px 1px 2px rgba(168, 168, 168, 1);
	line-height: normal;
}

.h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: .75em;
	}

.h2 {
	font-size: 22px;
	color: #666;
	line-height: 1em;
	}
	
	.h3 {
	font-size: 15px;
	font-weight: 400;
	color: #4fa600;
	letter-spacing: 1px;
	padding-bottom: 5px;
	font-family: 'TeXGyreAdventorRegular';
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: -2px;	
}


/*---------Buttons---------*/

.greybutton, .greybutton2 {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	padding:4px 6px 4px 6px;
	
	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.greybutton {
	float: left;
	width:170px;
	margin:2px 0 2px 0;
}

.greybutton2 {
	margin:5px 3px 5px 3px;	
	display: inline-block;
}

.greybutton:hover, .greybutton2:hover{
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
}

.more-button {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-box-shadow: 3px 0 3px rgba(168, 168, 168, 1);
	-moz-box-shadow: 3px 0 3px rgba(168, 168, 168, 1);
	box-shadow: 3px 0 3px rgba(168, 168, 168, 1);
	margin-right: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	}
	
	.more-button a {
		color: #6d28aa;	
	}
	
	.more-button:hover {
		background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */	
	}

.bubble, .bubbleRight {
  font-family: 'TeXGyreAdventorRegular';
  position: relative;
background: -moz-linear-gradient(top,  rgba(213,226,246,0.05) 0%, rgba(213,226,246,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,226,246,0.05)), color-stop(100%,rgba(213,226,246,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(213,226,246,0.05) 0%,rgba(213,226,246,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(213,226,246,0.05) 0%,rgba(213,226,246,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(213,226,246,0.05) 0%,rgba(213,226,246,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(213,226,246,0.05) 0%,rgba(213,226,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dd5e2f6', endColorstr='#d5e2f6',GradientType=0 ); /* IE6-9 */


  margin: 0 0 25px 0;
  padding:10px 15px 10px 15px;
  width:96%;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  box-shadow: 0 0 3px rgba(0,0,0,0.2); 
}
.bubble:after, .bubbleRight:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #d5e2f6 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  bottom:-20px;
}

.bubble:after {
	left:1em;	
}

.bubbleRight:after {
  right:1em;
}

.slide-out-div {
	background: #fff;
    border: 1px solid #4fa600;
	z-index:500;
      }   

/*---------Start of layout.css Stylesheet---------*/

/*---------Layout for Second and Third Level Pages---------*/

#container {
	width: 965px;
	padding-bottom: 20px;
	background-color: #ffffff;
	-webkit-box-shadow: 5px 0 19px rgba(50, 50, 50, 0.63);
	-moz-box-shadow: 5px 0 19px rgba(50, 50, 50, 0.63);
	box-shadow: 5px 0 19px rgba(50, 50, 50, 0.63);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin: 20px auto 20px auto;
	border: solid 1px #ccc;
		}
#page {
	width: 940px;
	padding: 10px 15px 20px 15px;	
}
.page-title {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */	
	opacity:0.8;
	width: 100%;
	-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
padding-bottom: 10px;
-webkit-box-shadow: 0 1px 4px rgba(50, 50, 50, 0.63);
-moz-box-shadow:    0 1px 4px rgba(50, 50, 50, 0.63);
box-shadow:         0 1px 4px rgba(50, 50, 50, 0.63);
}

.share {
	float: right;
	margin-right: 15px;
}

.crumb {
	float: left;
	color: #666;
	margin-left: 15px;
	
}

.crumb, .crumb a , .share a {
	font-size: 10px;
	font-weight: normal;

}

.anchornav, .center {
	text-align: center;
}


/*---------Columns for Layout---------*/

.colRight {
	float: right;
	width: 22%;
	margin-left: 20px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.smallCol {
	padding: 5px;
	width: 200px;	
	margin-right: 5px;
	float: left;
	}
	
.colMed {
	padding: 5px;
	width: 173px;
	margin-right: 5px;
	float: left;	
}

.column {
	padding: 5px;
	width: 438px;	
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
}

.column2 {
	padding: 5px;
	width: 438px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
}

.column3 {
	padding: 5px;
	width: 285px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
}

.colBox {
	padding: 5px;
	width: 438px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	border: 1px solid #346abd;
	margin-bottom: 15px;
}

.colBoxNoborder {
	padding: 5px;
	width: 340px;
	float: left;
	margin-bottom: 5px;
}

.colAlignBottom {
	position:absolute;
	bottom:4px;
	right:4px;
}

.sm-col {
	padding: 5px;
	width: 182px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
	text-align: center;
	height: 120px;
	margin-top: 15px;
	background-image: url(//www.uen.org/missionus/images/grade.png);
	background-position: right bottom;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-repeat: no-repeat;
}

.colBoxShadeSm, .colShadePurpleSm {
	padding: 5px;
	width: 290px;
	margin-right: 5px;
	float: right;
	margin-left: 5px;
	margin-bottom: 15px;
	background-repeat: repeat-x;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;		
}

.colBoxShadefull {
	padding: 5px;
	width: 95%;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
	background-repeat: repeat-x;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.colBoxintro {
	padding: 5px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.colBoxShade, .colShadeGreen, .colShadePurple, .colShadePurplenoheight, .colBoxShadenoheight, .colShadeGreennoheight {
	padding: 5px;
	width: 438px;
	margin-right: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
	background-repeat: repeat-x;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	box-shadow: 2px 2px 2px rgba(0,0,0, .4);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position:relative;
}

.colBoxShade, .colBoxShadeSm, .colBoxShadefull, .colBoxShadenoheight {
	background: -moz-linear-gradient(top,  rgba(172,197,237,0.25) 0%, rgba(255,255,255,1) 76%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,197,237,0.25)), color-stop(76%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(172,197,237,0.25) 0%,rgba(255,255,255,1) 76%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40acc5ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	border: 1px solid #acc5ed;	
}

.colShadeGreen, .colShadeGreennoheight {
	background: -moz-linear-gradient(top,  rgba(221,247,197,0.25) 0%, rgba(255,255,255,1) 76%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,247,197,0.25)), color-stop(76%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(221,247,197,0.25) 0%,rgba(255,255,255,1) 76%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40acc5ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid #bcf08c;
}

.colShadePurple, .colShadePurpleSm, .colShadePurplenoheight {
	background: -moz-linear-gradient(top,  rgba(235,221,250,0.25) 0%, rgba(255,255,255,1) 76%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,221,250,0.25)), color-stop(76%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(235,221,250,0.25) 0%,rgba(255,255,255,1) 76%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(235,221,250,0.25) 0%,rgba(255,255,255,1) 76%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(235,221,250,0.25) 0%,rgba(255,255,255,1) 76%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(235,221,250,0.25) 0%,rgba(255,255,255,1) 76%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40acc5ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d7bbf6;
}

ul.BoxList {
	padding: 0;
	margin: 0;	
}

.BoxList li {
	position: relative;/* Keep :before contained */
	margin-top: 0;
	border-left:0;/* Hide left border */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #acc5ed;
	border-right-color: #acc5ed;
	border-bottom-color: #acc5ed;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.BoxList li:before {
	display:block;
	content:".";
	color:transparent;
	font-size:0;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #6689cc;
	height:100%;
	position:absolute;
	left: 0;
	padding: 1px 0;/* Top/bottom padding should equal top/bottom border of .BoxList */
	top: -1px; /* Should equal top border of .BoxList */
	bottom: -1px; /* Should equal bottom border of .BoxList */
}

/*---------Start of header-footer.css Stylesheet-------------*/

/*---------Header Styles---------*/

#header {
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(//www.uen.org/images/header/uen.png);
	background-repeat: no-repeat;
	height: 70px;
	padding-top: 9px;
	background-position: left center;
}

.title {
	font-family: 'TeXGyreAdventorRegular';
	font-size: 20px;
	color: #6d28aa;
	letter-spacing: 1px;
	}
	
a:hover.title {
	color: #6d28aa;	
}
	
#logo-mark {
	position: absolute;
	top: 19px;
	left: 51px;
}

#logo:hover #logo-mark {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

#search {
	position:absolute;
	right:5px;
	top:15px;
	width:300px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

.gsc-search-button {
	color: #6689cc !important;
	text-shadow: 1px 1px 1px #E0E0E0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	width: 65px !important; 
}

.gsc-clear-button {
	padding-left: 10px !important;	
}

.gsc-input {
	margin-right: 10px !important;
	background-image: none!important;
}

.gsc-branding {
	display: none!important;	
}

.search-az {
		position: absolute;
		top: 0;
		right: 23px;
		background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
		padding: 0 10px 0 10px;
		margin-bottom: 20px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-bottom-left-radius: 5px;
		-webkit-box-shadow: 3px 0 3px rgba(168, 168, 168, 1);
	-moz-box-shadow: 3px 0 3px rgba(168, 168, 168, 1);
	box-shadow: 3px 0 3px rgba(168, 168, 168, 1);
		border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	}

	.search-az a {
		color: #6d28aa;	
	}
	
	.search-az:hover {
		background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
	}
	
/*---------Menu Styles---------*/

#menu-bar {
	width: 100%;
	height: 43px;
	margin: 0 0 10px 0;
	background: #d7bbf6; /* Old browsers */

background: #d7bbf6; /* Old browsers */

background: -moz-linear-gradient(top,  #d7bbf6 0%, #6d28aa 59%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7bbf6), color-stop(59%,#6d28aa)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d7bbf6 0%,#6d28aa 59%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d7bbf6 0%,#6d28aa 59%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d7bbf6 0%,#6d28aa 59%); /* IE10+ */

background: linear-gradient(to bottom,  #d7bbf6 0%,#6d28aa 59%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7bbf6', endColorstr='#6d28aa',GradientType=0 ); /* IE6-9 */


	/* Borders */
	-webkit-box-shadow: 0 8px 10px rgba(50, 50, 50, 0.63);
-moz-box-shadow:    0 8px 10px rgba(50, 50, 50, 0.63);
box-shadow:         0 8px 10px rgba(50, 50, 50, 0.63);
	}
	
	
#menu {
	list-style: none;
	width: 966px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	z-index: 100;
		}
		
.mobile {
	display: none; /* This is for the mobile menu, this keeps it hidden in the bigger versions */
}

.k12 #k12, .higher #higher, .general #general, .profdev #profdev, .tv #tv, .distance #distance, .network #network, .about #about {
	color: #fff;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d7bbf6;	
}

#menu ul {
	margin: 0;
	padding: 0;	
}
#menu li {
	float:left;
	display:block;
	text-align: center;
	padding: 4px 4px 4px 4px;
	margin-left: 0;
	margin-right:5px;
	margin-top:7px;
	border:none;	
}

#menu li:hover {
	/* Background color and gradients */
	background: #ffffff;
		/* Rounded corners */
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;	
}

#menu li a {
   	font-family: 'TeXGyreAdventorBold';
	font-size: 12px;
	letter-spacing: normal;
	color: #EEEEEE;
	outline: 0;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
	font-weight: normal;
	text-transform: uppercase;
	
}

#menu li:hover a {
	color:#6D28AA;
	text-shadow: 1px 1px 1px #ffffff;
}

#menu .dropdown_full {
	width: 943px;
	margin:4px auto 4px 5px;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #BBBBBB;
	border-top:none;
	/* Gradient background */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* Box Shadow */
	-webkit-box-shadow: 6px 6px 6px rgba(50, 50, 50, 0.43);
	-moz-box-shadow:    6px 6px 6px rgba(50, 50, 50, 0.43);
	box-shadow:         6px 6px 6px rgba(50, 50, 50, 0.43);
}

#menu li:hover .dropdown_full {
	left:-10px;
	top: auto;
	overflow: hidden;	
}

/* delay */
#menu li, #menu li a, #menu .dropdown_full{
/*transition*/
-webkit-transition:all 0s ease;
   -moz-transition:all 0s ease;
     -o-transition:all 0s ease;
        transition:all 0s ease;
}
#menu li:hover, #menu li:hover a, #menu li:hover .dropdown_full{
/*transition-delay*/
-webkit-transition-delay:.25s;
   -moz-transition-delay:.25s;
     -o-transition-delay:.25s;
        transition-delay:.25s;
}
/* end of delay */


.dropdown_full .img_middle, #footer .img_middle {
	margin: 0;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_no
 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 400px;
	margin-bottom: -400px;
	border-left-style: solid;
	border-left-color: #C5C5C5;
	border-left-width: 1px;
	padding-left: 10px;
	}
	
.col_1:first-child,
.col_2:first-child,
.col_3:first-child,
.col_4:first-child,
.col_no:first-child {
	border: none;
}

.col_1 {width:211px;}
.col_2 {width:256px;}
.col_3 {width:875px;}
.col_4 {width:1098px;}

.imgtext {
	width: 210px;
	color: #333;
}

#menu .menu_right {
	float:right;
	margin-right:0;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #6689cc;
	letter-spacing: normal;
	font-weight: bold;
	text-shadow: none;
	text-transform: none;
	-webkit-transition: padding .5s linear;
	-moz-transition: padding .5s linear;
	-ms-transition: padding .5s linear;
	-o-transition: padding .5s linear;
	transition: padding .5s linear;
}

#menu li:hover div a:hover {
	color:#004BBC;
}

#menu li ul {
	list-style-type: none;
	list-style-image: none;
	padding:0;
	margin:0 0 12px 0;
	}
#menu li ul li {
	line-height:24px;
	position:relative;
	padding: 2px;
	margin:0;
	float:none;
	text-align:left;
	list-style-type: none;
	list-style-image: none;
	}

#menu li ul li:hover {
	padding: 2px;
	border: 0;
 	background: none;
}

#menu li ul li a:hover {
	padding-left: 10px;
	}
	
#menu .imgshadow { /* Better style on light background */
	width: 175px;
	margin-left: 10px;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:10px 0 10px 0;
	padding:4px 6px 4px 6px;
	width: 160px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#menu li .greybox li:hover, #menu .more:hover{
	background:#ffffff;
	border:1px solid #aaaaaa;
	margin:10px 0 10px 0;
	padding:4px 6px 4px 6px;
}
#menu li .greybox li a:hover, .more {
	padding-left:0;
}

#menu li .greybox img {
	width: 28px;
	height: 28px;
}

#menu .more {
	background: #F4F4F4;
	border: 1px solid #bbbbbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}

#menu li ul.instructors {
	pading: 0;
	overflow: hidden;
	margin: 0;
}

#menu li ul.instructors li {
	margin: 0 5px 0;
	padding: 4px;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	float: left;
}

#menu li ul.instructors li.last {
	margin-right: 0;
}

#menu li ul.instructors img {
	display: block;
	margin: 0 0 3px;
	height: 40px;
	width: 40px;
}

#menu li ul.instructors a:hover {
	padding-left: 0;
}

#menu .contact_col {
	padding: 5px;
	width: 115px;
	margin-right: 5px;
	float: left;
	}

.more img {
	height: 20px;
	width: 20px;	
}
	
/*---------Footer---------*/

.footer-img {
	width: 55px;	
}
#footer {
	width: 965px;	/* 965px is normal width when all icons are present */
	margin: 10px auto 25px auto;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: rgba(255,255,255,0.6);
	position: relative;
}

.top {
	position: absolute;
	right: -5px;
	top: 5px;
}

#footer ul {
	width: 965px;	/* 965px is normal width when all icons are present */
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
}

#footer li {
	display: block;
	float: left;
	width: 80px;
	position: relative;
	text-align: center;
	padding: 0 3px 3px 3px;
	
}

#footer a {
	color: #6d28aa;
	font-weight: 400;
	font-family: 'TeXGyreAdventorBold';	
}

#footer img {
	z-index: 50;
	position: relative;
	margin-bottom: -10px;

}

#footer img:hover {
	transform:scale(1.1);
	-ms-transform:scale(1.1); /* IE 9 */
	-moz-transform:scale(1.1); /* Firefox */
	-webkit-transform:scale(1.1); /* Safari and Chrome */
	-o-transform:scale(1.1); /* Opera */
}

.col {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	border-left-style: solid;
	border-left-color: #C5C5C5;
	border-left-width: 1px;
	padding-left: 20px; 
}

.col:first-child {
	border: none;
}

.close {
	position: absolute;
	right: 5px;
	top: 5px;	
}

#contact .contact, #myuen .myuen {
position: absolute;
display: none;
bottom: 70px;
z-index: 100;
background-color: #fff;
border: 1px solid #777777;
	padding: 9px;
	
	/* Gradient background */
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
		/* Rounded corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#contact .contact {
	right: 25px;
	text-align: left;
	bottom: 70px;
}
#myuen .myuen {
	left: 25px;
	text-align: left;
	bottom: 70px;
}

.contact a, .myuen a {
	color: #6689cc !important;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif !important;	
}

.contact a:hover, .myuen a:hover {
	color:#004BBC !important;	
}

#contact:hover .contact{
	width: 700px;
	overflow: hidden;
	display: block;	
}

#myuen:hover .myuen {
	width: 250px;	
	display: block;	
}

.myuen input[type="text"], .myuen input[type="password"]{
	width: 155px;
}

.contact input[type="text"], .contact input[type="password"], textarea {
	width: 250px;	
}


#footer label {
	float:left;
	width:80px;
	}
	
#footer input {
	padding: 3px;	
}

#recaptcha-box-footer {
	position: relative;	
}

#recaptcha-box-footer input {
	width: 75px;	
}

#recaptcha-box-footer #protectwebform_image {
	width: 20%;
	margin-right:5px;	
}
	
#recaptcha-box-footer img:hover{
	transform:none;
	-ms-transform:none; /* IE 9 */
	-moz-transform:none; /* Firefox */
	-webkit-transform:none; /* Safari and Chrome */
	-o-transform:none; /* Opera */
}

#recaptcha-box-footer #protectwebform_reload_block {
	position: absolute;
	top: 0;
	right: 80px;	
}

#recaptcha-box-footer #protectwebform_link_audio {
	position: absolute;
	top: 0;
	right: 55px;	
}