/* === PHANG-RESET ============================================================ */

body { margin:0; padding:0; }

a img { border:0; }
a { text-decoration:none }
a:hover { text-decoration:underline }
a, a:visited, a:hover, a:active { color:#277ddb; }

hr { border:1px solid #ccc; border-bottom:0; }

table { border-collapse:collapse; border-spacing:0; }
table td, table th, table tr { vertical-align:top; }

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }	
/* === PHANG-GENERAL ============================================================ */

div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total { font-weight:bold; }
table.full { width:100%; }

.hidden { display:none; }	
	
/* === GLOBAL	============================================================ */

/* Layout:
----------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; color:#777777; font-size:0.8em; background: #243746; line-height:1.4;}
p { margin:0 0 1.2em;}
a, a:active, a:visited { color:#666699; }
a:hover { color:#585885; text-decoration:underline; }

#innerContent { width:78em; margin:0 auto 0; background:#ffffff; padding-bottom:0em;}
strong {
	color:#243746;
}


/* Reset:
----------------------------------------------------- */
a img { border:0; }
a { text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }


hr { border-top:1px solid #ececec; border-bottom:0; clear:both; display:block; margin:20px 0; height:1px;}
.home hr { border-top:1px solid #d7d7d7; border-bottom:0; margin:10px 0; height:1px;}

table td, table th, table tr { vertical-align:top; }

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }

form input,
form textarea {
	padding:0.3em;
	width:22em;
}	

.form .formField {
	margin-bottom:1.2em;
}

.form .formField .label {
	color: #666699;
	font-weight:bold;
}

form input[type="submit"] {
	color:#e7e7e7;	
	display:block;
	padding:0.3em 1.5em 0.3em 1em;
	margin-bottom:0.5em;
	background: url('/app/images/top_menu/arrow-r.jpg' ) no-repeat right center #243746;
	cursor:pointer;
	border:none;
	width:auto;
}

form input[type="submit"]:hover {
	color:#fff;
	text-decoration:none; 
}

.message {
	background: none repeat scroll 0 0 #e29808;
    color: #FFFFFF;
    display: block;
    padding: 0.5em 1em;
	position:relative;
	margin-bottom:1.5em;
}
.message br {
	display:none;	
}

.message .r {
	position: absolute;
    right: 1px;
    top: 1px;
}

.message p {
	margin:0.5em 0;	
}

#mainContent .message .r a {
	text-decoration:none;	
}

.message .r a {
	background: none repeat scroll 0 0 #ffffff;
	border:1px solid #CDE7F6;
    color: #e0830a;
    display: block;
    padding: 0.2em 0.6em;
    right: 0;
    top: 0;
}

.message .r a:hover {
	text-decoration:none;	
}

#mainContent a {
	text-decoration:underline;	
}


#mainContent ul li a {
	color:#7f7f7f;
}


#mainContent form {
	margin: 0 0 1.5em 0;	
}

#mainContent form tr {
	margin:0.5em 0;	
}

#mainContent form table td {
	border:0;	
	padding:0.5em 0.5em 0.5em 0;
}

#mainContent form table {
	border-spacing:0;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* General layout:
----------------------------------------------------- */
div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total td { font-weight:bold; }
table.full { width:100%; }

#mainContent table { border:0; border-collapse:separate; border-spacing:20px;}
#mainContent table td { border:1px solid #ececec; margin:0.5em; }

.hidden { display:none; }

table.basic td, table.basic th { padding:2px 4px; }
table.basic img { vertical-align:middle; }

/* Global styles:
----------------------------------------------------- */
td, th, input, option, select,  button, textarea { font-size:1em; color:#666666; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:1.5em; color:#000000; font-weight:normal; margin:0 0 0.5em 0; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; }
h2, h3, h4, h5 { font-weight:normal; color:#243746; font-size:1.2em; display:block; font-family:Arial, Helvetica, sans-serif;}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:active { color:#666699;}
#mainContent h2 a,
#mainContent h2 a:visited {
	text-decoration:none;
}

#mainContent h2 a:hover {
	text-decoration:underline;
}	
h2 {font-size:1.3em;}


h3 {
	font-weight:bold;	
}

#mainContent ul {
	overflow:hidden;
	padding-left:1em;	
	margin:0;
}
#mainContent ul li,
#mainContent .articles .more {
	list-style:none;
	list-style-position: outside;
	padding-left: 1.2em;
	margin-bottom:1em;
	background: url('/app/images/global/bullet.jpg' ) no-repeat left 0.4em #fff;
}

#mainContent img { 
	padding:0.5em;
}

th { font-weight:bold; }

.buttons { text-align:right; padding:20px 0; }
.buttons a { cursor:pointer; border:1px solid #aaa; background-color:#f0f0f0; color:#666; padding:4px 6px; }
.buttons a:hover { text-decoration:none; background-color:#ddd; border-color:#aaa; color:#666; }
.buttons a  img { vertical-align:bottom; }

.messages { margin:10px auto 10px auto; border:1px solid orange; background-color:#ffc; padding:10px; }
.error { font-weight:bold; color:#c00; }
.messages a { padding:3px 14px; margin:0 5px; display:block; float:left; color:#000; }
.messages a, .messages a:active, .messages a:visited { color:#000; }
.messages a:hover { text-decoration:none; }

input.number { width:30px; }

.btn { padding:0.5em 1em; font-size:0.85em;}
.btn.primary { color:#fff; background:#49a5d1;}
.btn.primary:hover { text-decoration:none;}

	
	
/* === TOP 	============================================================ */

#section_header { 
	padding:0 0.5em;
}

#section_header a.logo { 
	float:left;
	display:block;
	width:20.8em;
}

#section_header a.logo img {
	display: block;
    padding: 1.2em 0 1.2em 0;
}

#section_header #top_menu {
	width:100%;
	background:#243746;
	height:2.8em;
}

#section_header #top_menu li {
	float:left;
	list-style:none;
	margin-right:1.2em;
	color:#f2f2f2;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
	padding:0.2em 0 0.1em 0;
}

#section_header #top_menu li a {
	padding:0 0.8em 0 2.2em;
	display:block;
	background: url('/app/images/top_menu/arrow-r.jpg' ) no-repeat left center #243746;
	color:#f2f2f2;
}

#section_header #top_menu li a:hover {
	color:#ffffff;	
	text-decoration:none;
	background: url('/app/images/top_menu/arrow-r.jpg' ) no-repeat left center #243746;
}

#section_header #top_menu li.telephone {
	background: url('/app/images/top_menu/telephone_outline.png' ) no-repeat left center #243746;
	padding-left:2.2em
}

#section_header #top_menu li a.home {
	background: url('/app/images/top_menu/home_outline.png' ) no-repeat left center #243746;
}

#section_header #top_menu li a.home:hover {
	background: url('/app/images/top_menu/home_outline.png' ) no-repeat left center #243746;
}

#section_header #top_menu ul {
	margin:0.6em 0;
	padding:0;	
	float:right;
}

#section_header .lowerHeader {
	clear:both;
	border-bottom:1px solid #368da4;
}


/* Navigation:
----------------------------------------------------- */
#section_nav { padding:0 0; z-index:150; position:relative; float:right; width:55em; padding-left:1.2em }
#section_nav ul { margin:0; padding:1.2em 0; float:left; display:block;}
#section_nav>ul { text-align: justify; width:100%; }
#section_nav>ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#section_nav ul li { list-style-type:none;}
#section_nav ul ul {
	background:#243746;
}
#section_nav ul li.parent {
    display: inline-block;
}
#section_nav ul li.parent ul li {
	float:none;
}

#section_nav ul li.parent { position:relative; padding-bottom:0.5em;}
#section_nav ul li .topLink { color:#243746; display:block; padding: 0 8px 0 8px;  text-align:left; font-size:11px; line-height:1.2em; border:0; }

#section_nav ul li .topLink:hover {
	color:#000000;	
	background: url('/app/images/menu/arrow_right_outline.png' ) no-repeat left 22px transparent;
}

#section_nav ul li:hover .topLink {
	color:#000000;	
	background: url('/app/images/menu/arrow_right_outline.png' ) no-repeat left 22px transparent;
}

#section_nav ul li div.topLink {
	cursor:default;	
}


#section_nav ul li .topLink span {
	display:block;
	width:100%;
	text-align:left;
	padding-top:0.5em;
	font-weight:bold;
	text-transform:uppercase;
}

#section_nav ul li a { color:#ffffff; display:block; padding: 0.3em 0.5em;  text-align:left; font-size:0.95em; line-height:1.3em; background:none; border-bottom:1px solid #8591ab; border-left:1px solid #4c566a; border-right:1px solid #4c566a;}

#section_nav ul ul li a:hover { text-decoration:none; background:#368da4;}

#section_nav ul li.parent ul.lvl1,
#section_nav ul li.parentlvl2 ul.lvl2 {
	display:none;
}

#section_nav ul li.parent:hover ul.lvl1 {
	display:block;
}

#section_nav ul li.parentlvl2:hover ul.lvl2  {
	display:block;
}	

#section_nav ul li.parent ul.lvl1,
#section_nav ul li.parentlvl2 ul.lvl2 {
	position:absolute;
	top:25px;
	left:0;
	border-bottom:1px solid #4c566a;
	width:12em;
	padding:0;	
	border-top:1px solid #fff;
}	

#section_nav ul li.parentlvl2 {
	position:relative;	
}

#section_nav ul li.parentlvl2 a {
	background: url('/app/images/global/white-r.gif' ) no-repeat 11.5em center #243746;
	padding-right:1em;
}

#section_nav ul li.parentlvl2 a:hover {
	background: url('/app/images/global/white-r.gif' ) no-repeat 11.5em center #368da4;
}


#section_nav ul li.parentlvl2 ul a {
	background:none;	
}

#section_nav ul li.parentlvl2 ul a:hover {
	background:#368da4;
}

#section_nav ul li.parentlvl2 ul.lvl2 {
	left:11.8em;
	top:-2px;
	border-top:1px solid #4c566a;
}
	
/* === BOTTOM	============================================================ */

#section_footer { 
	clear:both; 
	color:#d7dfe3;
	margin:0 0.5em;
	z-index:125; 
	position:relative;
	background:#243746;
	border-top: 1px solid #243746;
	}

.footerMenu ul {
	text-align:center;
	margin:0;
	padding:0 1em;
	line-height:1.3em;
	margin:0 1.5em;
	padding:0.8em 0;
	border-top: 1px solid #243746;
}

.footerMenu ul.policies {
	padding:3em 0 2em 4em;
	border-top: none;
	text-align:left;
	background: url('/app/images/global/accreditation_icon.png' ) no-repeat left center transparent;
}

.footerMenu li {
	display:inline;
	padding:0 6.5em;
}

.footerMenu li.first {
	padding-left:0;
}
.footerMenu li.last {
	padding-right:0;
}
.footerMenu ul.policies li {
	padding:0 1.3em 0 0;
}

.footerMenu li a {
	color:#368da4;
	font-weight:bold;
	font-size:0.85em;
	padding-right:0.2em;
	margin-left:0.2em;
	text-transform:uppercase;
}	

.footerMenu li a:hover {
	text-decoration:none;	
	color:#368da4;
}

.footerMenu ul.policies li a {
	color:#f2f2f2;
}

.footerMenu ul.policies li a:hover {
	color:#ffffff;
}
.copyright {
	text-align:center;
	color: #368da4;
	font-weight:bold;
	font-size:0.85em;
	padding:1em 1em 1.5em 1em;
}

.copyright p {
	margin:0;
}	
/* === MIDDLE 	============================================================ */

#section_middle { 
	margin:0 0.5em;
	padding:0;
	z-index:100; 
	position:relative;
	clear:both;
	background: url('/app/images/global/section_middle_bg.jpg' ) repeat-y top center #9ca4b4;
}

#mainContent { 
	float: left;
    padding: 1em 1.5em 5em;
    width: 37.5em;
	background:#ffffff;
}

#mainContent .articles .item {
	padding:0 1em;	
}

#mainContent .item h2 {
	margin-bottom:0;	
}

#mainContent .item img {
	max-width:45%;
	height:auto;
	float:right;	
}

#mainContent .date {
	font-size:0.9em;	
	margin:0.1em 0 0.8em;
	font-style:italic;
	color:#999;
}

#sideBar {
    width: 20.8em;
	padding:0 0 1em;
	float:left;
	overflow:hidden;
	border-top:1em solid #fff;
	
}

#sideBar #cms_gallery {
	position: relative;
	width: 20.8em;
	height: 30em;
	display: none;	
	border-top:23px solid #243746;
}

#sideBar #cms_gallery img {
	display:block;	
}

#sideBar #cms_gallery ul {
	padding:0;
	margin:0;	
}

#sideBar #cms_gallery li {
	list-style:none;	
}

#sideBar #cms_gallery .item {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}	

#sideBar #cms_gallery .description {
	background:#243746;
	color: #FFFFFF;
    font-size: 1.2em;
    height: 11.6em;
    line-height: 1.3em;
    padding: 2.5em 1.5em;
    text-align: center;
	width:14.35em;
}

#contentWrap {
	margin:0;
	padding:0;	
	float:left;
	width:61.5em;
	*width:61.55em;
}

#subNav {
	margin:0;	
	float:right;
	width:15.5em;
	border-top:1em solid #fff;
	background:#9ca4b4;
}

#subNav h2 {
	background:#368da4;
	margin:0;
	padding:0.3em 0.5em;
	color:#fff;
	font-size:0.95em;
	font-weight:bold;
	line-height:1.3em;	
	border-bottom:1px solid #ced4e8;
}

#subNav ul {
	list-style:none;	
	margin:0;
	padding:0;
}

#subNav a {
	color:#000;	
	display:block;
	padding:0.3em 0.8em;
	font-size:0.85em;
	border-bottom:1px solid #ced4e8;
	margin:0.3em;
}

#subNav a:hover {
	background: #ced4e8;
	text-decoration:none;
}

#subNav #promoPanel {
	background:#243746;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:1em;
	padding:0 1em 0.5em;
}

#subNav #promoPanel  a {
	padding:0;	
	border:0;
	background:none;
	margin:0 -1em;
}

#subNav #promoPanel p {
	margin-bottom:0.8em;	
}

#subNav #promoPanel img {
	max-width:100%;	
}

#subNav #promoPanel a.button {
	background: url('/app/images/top_menu/arrow-r.jpg' ) no-repeat right center #368da4;
	display:inline-block;
    font-size: 0.9em;
    line-height: 1.8;
    padding: 0.3em 2.2em 0 0.8em;
	margin:0;
    border-right: 2px solid #368da4;
}

/* styles/default.css 	================================================================================================== */