/*Global*/
html,body 				{ margin: 0; padding: 0; }
body 					{ font-family: "Times New Roman", Times, serif; background: #000000 url(../images/CoE_background_index.jpg) center no-repeat; background-position:top }

a						{ text-decoration: none; }

h1, .temailbut span, .tprintbut span
						{ position: absolute; left: -9999px; width: 100px; }
h2						{ font-size: 1.5em; color: #FFFFFF; font-weight: bold;  }
h3						{ font-size: 1.1em; color: #ffffff; font-weight: bold;  }
h4						{ font-size: 0.9em; color: #0169A3; font-weight: bold;  }
h5						{ font-size: 0.8em; color: #0169A3; font-weight: bold;  }
p 						{
	font-size: 1.1em;
	line-height: 140%;
	color: #FFFFFF;
}
hr 						{
	width: 90%;
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #ffffff;
}
img						{ border: none; }

#content ul, #content ol, #content dd, #content dt
						{ font-size: 12pt; line-height: 130%; color:#FFFFFF; text-align:left }

#content td, #content th, #content caption
						{ font-size: 0.75em; line-height: 130% }
.image					{ display: block; float:left; width: 200px; margin: 0; padding: 0; }
.image right			{ display: block; float: right; width: 200px; margin: 0; padding: 0; }
.image img				{ border: 1px solid #0000; border-right: 2px solid #000; border-bottom: 2px solid #000; }
.note					{ font-size: 0.7em; line-height: 120%; color: #393939; font-style: italic; }
.note strong			{ font-style: normal; font-weight: bold; color: #000;}
.error					{ color: red; }
ul#nav a, #location, #footer, #sidebar ul li a, #navigation-global
						{ font-size: 0.7em; }

span.clear					{ clear: both; display: block; width: 775px; height: 1px; background-color: #016197; /*border-top: red 1px solid;*/ }
						
						
/*IDS*/
#page					{ margin-left: auto; margin-right: auto; width: 100%; }
#header					{ margin: 0; padding: 0; width: auto; height: 100px;}
#navigation-global		{ margin: 4px 6px 0 0; }
#navigation-global		{ color: #FFFFFF; } 
#navigation-global a	{ color: #0169A3;  padding-left: 5px; padding-right: 5px;}

#navigation-global a:hover
						{ color: #00AEFF;}
.tprintbut img, .temailbut img
						{ vertical-align: text-bottom; border: 0; }
					
/*navigation*/
#navigation 			{
	width: 100%,;
	text-align:center;
	height: 100px;
}
ul#nav 					{ margin: 0;}
ul#nav,ul#nav li 		{
	list-style-type: none;
	text-align: center;
	display:inline;
	font-size:18px
}
ul#nav li 				{ text-align: center; }
ul#nav a 				{ padding:  5px 10px 5px 10px; margin: 0; }
ul#nav a,ul#location, #location a, #footer, #footer a
						{ color: #fff; font-weight: bold; }
ul#nav a:hover, #location a:hover, #footer a:hover
						{ color: #ffffff; }
ul#nav a:hover 			{ background-image:url(../images/Hugo Logo.png); }

#location				{ clear: both; width: auto; padding:  5px 10px 5px 10px; background: #007CB7 url(../images/bg-location.gif) repeat-x;}
#banner					{ clear: both; width: 100%; height: 275px; }
#banner					{ }

#dashboard				{ background: url(../images/bg-dashboard.gif); width: 100%; margin: 0; padding: 0; }
#dashboard .coloumnleft		{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	left: 203px;
	top: 337px;
}
#dashboard .coloumnleft a	{ color: #FFFFFF; }
#dashboard .coloumnright	{
	float: right;
	display: block;
	margin: 0;
	padding: 5;
	height: auto;
	position: absolute;
	left: 1099px;
	top: 304px;
}
#dashboard .coloumncentre	{
	display: block;
	margin: 0;
	padding: 5;
	height: auto;
}
#dashboard .coloumnright img{ float: left; }
#dashboard .coloumnleft div, #dashboard .coloumnright div 
						{
	padding: 5px 5px 5px 10px;
	color: #FFFFFF;
}
.blackbox 				{ background-color: #000; }
.blackbox 	 			{ color: #fff; }
.blackbox a 			{ color: #fff; }
.blackbox a:hover 		{ color: #00AEFF; }


#container				{
	width: 100%;
	
}

#sidebar				{
	padding: 0;
	margin: 0;
	float: left;
	width: 217px;
	vertical-align: top;
}
#sidebar ul 			{ list-style-type: none; margin: 0; padding: 0;   }
#sidebar ul li 			{ float: left; margin: 0; padding: 0; border: 0; width: 100%; clear: left; }
#sidebar ul li a 		{ display: block; width: auto; padding: 3px 7px 3px 7px; text-decoration: none; border-bottom: 1px solid #001C31; border-right: 1px solid #20A7E6; color: #fff; background: #20A7E6; font-weight: bold; }
#sidebar ul li a:hover, #navigation li a.current, #navigation li a.current:hover 
						{ background: #fff; color: #0169A3; }
#sidebar ul li ul li a 	{ background-color: #fff; padding-left: 20px; color: #000; }
#sidebar ul li ul li ul li a 
						{ background-color: #ffffff; padding-left: 30px; color: #0063be; }
#sidebar ul li ul li ul li a:hover, #navigation li a.current, #navigation li a.current:hover 
						{ background-color: #0063be; padding-left: 30px; color: #fff; }
#sidebar ul li ul li ul li ul li a 
						{ background-color: #0063be; padding-left: 40px; color: #fff; }						
#sidebar ul li ul li ul li ul li a:hover, #navigation li a.current, #navigation li a.current:hover 
						{ background: #fff; color: #0063be; }
						
						
#flash				{
	float: left;
	width: 558px;
	background-color: #FFFFFF;
}
#flash div			{ padding: 0px 0px 0px 0px; }
#flash h2				{ display: block; width: auto; background-color: #002739; margin: 0; padding: 70px 15px 20px 40px; color: #fff; }
#flash table			{ border-collapse: collapse; }
#flash caption		{ text-align: left; }
#flash th, #content td{ text-align: left; padding: 3px; border-bottom: 1px solid #CCE1ED; border-right: 1px solid #CCE1ED; }
#flash th				{ color: #0169A3; }
#flash a				{ color: #00AEFF; }
#flash a:hover		{ color: #0084E9; }
#flash a:visited		{ color: #005EDE; }

#flash dt				{ display: block; font-weight: bold; color: #0169A3;  }
#flash dd				{ display: block; margin: 0; margin-bottom: 7px;  }

#content				{
	width: 85%;
	height: auto;
	background-color: #000000;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}
#content div			{
	float: left;
	padding: 0px;
}
#content h2				{ width: auto;  margin: 0; padding: 20px 15px 20px 40px; color: #fff; }
#content table			{ border-collapse: collapse; }
#content caption		{ text-align: left; }
#content th, #content td{ text-align: left; padding: 3px; }
#content th				{ color: #FFFFFF; }
#content a				{ color: #FFFFFF; }
#content a:hover		{ color: #FFFFFF; }
#content a:visited		{ color: #FFFFFF; }

#content dt				{ display: block; font-weight: bold; color: #0169A3;  }
#content dd				{ display: block; margin: 0; margin-bottom: 7px;  }



#footer 				{
	clear:both;
	width: 100%;
	text-align: center;
	color: #fff;
	float: none;
}
#footer a 				{ padding: 3px 5px 3px 5px; }

.boxleft				{ display: block; width: 250px; float: left; }

.sidebox				{ clear: both; width: auto; padding: 10px; font-size: 0.7em; color: #fff; line-height: 140% }
.sidebox a				{ color: #00AEFF; }
.sidebox a:hover		{ color: #0084E9; }
.sidebox a:visited		{ color: #005EDE; }

#page #container #content #sc1 {
	padding: 0px 0px 0px 0px;
	left: auto;
}
#page #container #content #sc2 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc3 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc4 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc5 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc6 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc7 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc8 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc9 {
	padding: 0px 0px 0px 0px;
	left: auto;
}#page #container #content #sc10 {
	padding: 0px 0px 0px 0px;
	left: auto;
}
#page #container #content #sc11 {
	padding: 0px 0px 0px 0px;
	left: auto;
}

table	{
border:	1px #000000;
border-collapse: collapse;
}

table.mytable {
border: 0px solid #000000;
}
table.mytable th {
padding: 0px;
}
table.mytable td {
padding: 0px;
}
table.mytable {
    border-collapse: collapse;
}

.cleaner{
	clear: both; height:1px!important; line-height:1px!important; float:none;
}
.leftColumn {
	float: left; width: 283px; border:0px #ccc solid; border-bottom:#9999990px solid; border-right:#999999 0px solid; margin-left:4px;
}
h4{
	margin-left:20px;
}
.style1 {color: #FFFFFF}
.style2 {float: left; width: auto; border: 0px #ccc solid; border-bottom: #9999990px solid; border-right: #999999 0px solid; margin-left: auto; color: #FFFFFF; }

