body {
	font-family: Helvetica, Arial, sans-serif;
}

/*---------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;

}

/*	Default Layout
	92px columns, 24 px gutters, 72 px margins, 1234px total (extra space for scrollbars)
	-------------------------------------------------------------------------------
cols    1    2     3     4     5     6     7     8     9     10     11     12     13
px      68   160   252   344   436   528   620   712   804   896	988    1050   1142 */

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

#header-rubric {
	width: 1234px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 100px;
	padding-top: 9px;
}

.title-rubric {
	font-family: 'TeXGyreAdventorRegular',sans-serif;
	font-size: 22px;
	color: #6D28AA;
	letter-spacing: 1px;
	}

a:hover.title-rubric {
	color: #6D28AA;	
}

.left {
	float: left;
	width: 390px;
	padding-bottom: 10px;
}
.right {
	padding-bottom: 10px;
	width: 390px;
	float: left;
}

input, label, select, textarea {
	display:block;
}

label {
	padding: 5px;
}

.button {
	display:inline;
	padding-left: 5px;
	padding-right: 5px;

}

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px;
	text-align: right;
}

th {
	font: bold 11px;
	color: #346abd;
	border: 1px solid #346abd;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background-color: #acc5ed;
	text-align: center;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #346abd;
	background: none;
}

#search td {
	border: none;
	background-color: none;
	padding: inherit;
}

input.gsc-search-button {
    margin-left: 0!important;
}

td {
	border: 1px solid #346abd;
	background-color: #fff;
	padding: 6px 6px 6px 12px;
}
td.alt {
	background-color: #d5e2f6;
}

td.thbgrd {
  background-color: #acc5ed;
}

th.spec {
	border-left: 1px solid #346abd;
	border-top: 0;
	background-color: #fff;
	font: bold 10px;
}

th.specalt {
	border-left: 1px solid #346abd;
	border-top: 0;
	background-color: #d5e2f6;
	font: bold 10px;
}

.noborder {
	border: none;	
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

textarea { width: 96%; height: 70px; }
input[type="text"] {width: 93%;}

.btn {
	float: left;	
	margin: 5px;
}

.h2 {
	font-size: 26px;
	color: #666;
	line-height: 1.2em;
	font-family: 'TeXGyreAdventorRegular',sans-serif;
	}


/*		10 Column Layout: 992px. 
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media only screen and (min-width: 992px) and (max-width: 1221px) {
	
/*---------Header Styles---------*/

#header-rubric {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;	
}

.title-rubric {
	font-size: 20px;}

}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
/*---------Header Styles---------*/

#header-rubric {
	width: 768px;	
	margin-right: auto;
	margin-left: auto;
	height: 100px;	
}
.title-rubric {
	font-size: 18px;}
	
th {
	letter-spacing: 2px;
	padding: 3px 3px 3px 6px;
}

td {
	padding: 3px 3px 3px 6px;
}

}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
	
/*---------Header Styles---------*/

#header-rubric {
	width: 320px;
	height: 100px;
	padding-top: 0;
	background-image: url(//www.uen.org/images/header/uen-mobile.png);
	background-position: left 10px;
}

.title-rubric {
	font-size: 13px;
	position: absolute;
	left: -60px;
	top: 0;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .7);
	}

th {
	letter-spacing: 2px;
	padding: 3px 3px 3px 6px;
}

td {
	padding: 3px 3px 3px 6px;
}

}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436   */

@media only screen and (min-width: 480px) and (max-width: 767px) {

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

#header-rubric {
	width: 480px;
	height: 100px;
}

.title-rubric {
	font-size: 22px;
	letter-spacing: 0;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .7);
	}

th {
	letter-spacing: 2px;
	padding: 3px 3px 3px 6px;
}

td {
	padding: 3px 3px 3px 6px;
}

}