/* Site Specs *******************************************************************************/
/* Color Specs **********************************/
/* background blue #091C51 */
/* medical blue #007DC3 */
/* orange #ff9900 */
/* light grey-blue #F7F7F7 */


/* Default page values **********************************************************************/
body {
font-family: arial,verdana,sans-serif;
font-size: 9pt;
color: #666666;
/* background-color: #091C51; */
background-color: #fff;
margin: 0 15pt 0 15pt;
text-align: center;
}
td {
color: #666666;
font-family: arial,verdana,sans-serif;
}
span {
color: #666666;
font-family: arial,verdana,sans-serif;
}

/* Links ************************************************************************************/
a:link {
color: #007DC3;
text-decoration: none;
}
a:visited {
color: #007DC3;
text-decoration: none;
}
a:active {
}
a:hover {
color: #007DC3;
text-decoration: underline;
}

a.more:link {
color: #ff9900;
font-size: 8pt;
text-decoration: none;
}
a.more:visited {
color: #ff9900;
text-decoration: none;
}
a.more:active {
text-decoration: none;
}
a.more:hover {
color: #FCC774;
text-decoration: none;
}

/* General ***************************************************************************/
.page {
position: relative;
top: 0;
left: 0;
width: 550pt;
background-color: #ffffff;
padding: 30pt 20pt 20pt 20pt;
}
.page-pop {
position: relative;
top: 0;
left: 0;
width: auto;
background-color: #ffffff;
padding: 30pt 20pt 20pt 20pt;
}
.page-splash {
position: relative;
top: 0;
left: 0;
width: 750px;
background-color: #ffffff;
padding: 30pt 20pt 20pt 20pt;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.main {
position: relative;
top: 0;
left: 0;
width: 100%;
}
.header {
position: relative;
top: 0;
left: 0;
width: auto;
}
.branding {
position: relative;
top: 0;
left: 0;
width: auto;
margin: 0 0 3pt 0;
vertical-align: text-bottom;
border-color: #007dc3;
border-width: 1px;
border-style: solid;
padding: 7pt;
}
.branding-logo {
float: left;
position: relative;
top: 0;
left: 0;
width: auto;
font-size: 8pt;
font-family: trebuchet MS,arial,verdana,sans-serif;
color: #091C51;
}
.branding-phrase {
position: relative;
top: 0;
right: 0;
width: auto;
color: #007dc3;
font-size: 12pt;
font-family: arial,verdana,sans-serif;
}
.small {
color: #999999;
font-size: 8pt;
}
.alert {
color: #990000;
font-size: 8pt;
}
.hide {
display: none;
}
.expand {
display: none;
}
.image {
border-color: #cccccc;
border-width: 1px;
border-style: solid;
}

/* Splash *********************************************************************************/
.splash-nav {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0 0 0;
padding: 3pt 0 8pt 0;
background-color: #D2E6F2;
border-top: #007DC3;
border-right: #007DC3;
border-left: #007DC3;
border-bottom: #007DC3;
border-width: 10px 1px 3px 1px;
border-style: solid solid solid solid;
}
.splash-nav ul {
position: relative;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 5pt 0;
}
.splash-nav li {
float: left;
margin: 0 0 0 15pt;
padding: 0 5pt 0 0;
}
.splash-nav ul li.first {
float: left;
margin: 0 0 0 15pt;
padding: 0 15pt 0 0;
border-color: #007DC3;
border-style: dotted;
border-width: 0 1px 0 0;
}
.splash-nav ul li.right {
float: right;
margin: 0 0 0 15pt;
padding: 0 15pt 0 0;
}
.splash-nav a:link {
padding: 0 0 0 0;
color: #000000;
text-decoration: none;
}
.splash-nav a:visited {
padding: 0 0 0 0;
color: #000000;
text-decoration: none;
}
.splash-nav a:active {
padding: 0 0 0 0;
color: #000000;
text-decoration: none;
}
.splash-nav a:hover {
padding: 0 0 0 0;
color: #666666;
text-decoration: none;
}
.splash-image {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
border-color: #007DC3;
border-style: solid;
border-width: 0 1px 0 1px;
}
.splash-login {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0 3pt 0;
padding: 2px 0 2px 0;
border-color: #007DC3;
border-style: solid;
border-width: 3px 1px 1px 1px;
}

.splash-bar-links {
float: left;
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 0 0 0;
padding: 5pt 2pt 5pt 0;
color: #ffffff;
background-color: #007DC3;
text-transform: uppercase;
}
.splash-bar-links a:link {
float: left;
position: relative;
top: 0;
left: 0;
padding: 2px 0 0 25pt;
color: #ffffff;
font-size: 9pt;
text-decoration: none;
}
.splash-bar-links a:visited {
float: left;
position: relative;
top: 0;
left: 0;
padding: 2px 0 0 25pt;
color: #ffffff;
font-size: 9pt;
text-decoration: none;
}
.splash-bar-links a:active {
float: left;
position: relative;
top: 0;
left: 0;
padding: 2px 0 0 25pt;
color: #ffffff;
font-size: 9pt;
text-decoration: none;
}
.splash-bar-links a:hover {
float: left;
position: relative;
top: 0;
left: 0;
padding: 2px 0 0 25pt;
color: #ff9900;
font-size: 9pt;
text-decoration: none;
}
.two-col2 p {
padding: 0 10pt 10pt 10pt;
}

/* Link boxes splash ****************************************************************/
.link-boxes-splash {
position: relative;
float: left;
top: 0;
left: 0;
width: 100%;
padding: 10pt 0 10pt 0;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #007DC3 #007DC3 #007DC3 #007DC3;
}
.link-box-splash {
position: relative;
float: left;
top: 0;
left: 0;
width: 22%;
padding: 0 5pt 0 5pt;
font-size: 8pt;
}
a.jump:link {
position: relative;
float: left;
top: 0;
left: 0;
width: 92%;
margin: 0 0 0 1pt;
padding: 3px 5px 3px 5px;
color: #8a8a8a;
font-family: arial,verdana,sans-serif;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background-color: #ffffff;
}
a.jump:visited {
position: relative;
float: left;
top: 0;
left: 0;
width: 92%;
margin: 0 0 0 1pt;
padding: 3px 5px 3px 5px;
color: #8a8a8a;
font-family: arial,verdana,sans-serif;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background-color: #ffffff;
}
a.jump:active {
position: relative;
float: left;
top: 0;
left: 0;
width: 92%;
margin: 0 0 0 1pt;
padding: 3px 5px 3px 5px;
color: #8a8a8a;
font-family: arial,verdana,sans-serif;
font-size: 12pt;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background-color: #ffffff;
}
a.jump:hover {
text-decoration: underline;
}


.link-box-splash ul {
padding-left: 15px;
color: #666;
}
a.bullet:link {
position: relative;
top: 0;
left: 0;
text-decoration: underline;
color: #666666;
}
a.bullet:visited {
position: relative;
top: 0;
left: 0;
text-decoration: underline;
color: #666666;
}
a.bullet:active {
position: relative;
top: 0;
left: 0;
text-decoration: underline;
color: #666666;
}
a.bullet:hover {
position: relative;
top: 0;
left: 0;
text-decoration: underline;
color: #333333;
}

/* Footer ************************************************************************************/
#footer {
position: relative;
float: left;
top: 0;
left: 0;
width: 100%;
font-size: 7pt;
margin: 0 0 0 0;
padding: 5pt 0 5pt 0;
border-width: 1px 1px 3pt 1px;
border-style: solid;
border-color: #007DC3 #007DC3 #007DC3 #007DC3;
}
#footer ul {
position: relative;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 5pt 0;
}
#footer li {
float: left;
margin: 0 40pt 0 7pt;
padding: 0 0 0 7pt;
border-color: #cccccc;
border-style: dotted;
border-width: 0 0 0 1px;
}
#footer ul li.first {
position: relative;
float: left;
top: 0;
margin: 0 0 0 3pt;
padding: 0 0 0 3pt;
border-style: none;
border-width: 0 0 0 0;
}
#footer a:link {
color: #091C51;
text-decoration: none;
}
#footer a:visited {
color: #091C51;
text-decoration: none;
}
#footer a:active {
color: #091C51;
text-decoration: none;
}
#footer a:hover {
color: #007DC3;
text-decoration: none;
}

/* Miro styles ***********/

	div#header {
		margin-top: 10px;
		padding: 10px;
		border: 1px solid #007dc3;
		height: 32px;
	}

	div#header img {
		float: left;
	}

	div#header h1 {
		text-align: right;
		margin-left: 200px;
		color: #007dc3;
		font-size: 16px;
		font-weight: normal;
		line-height: 32px;
	}