/* CSS Document */


body {background:#638e9c;
background-image:url(images/bg.gif);
background-position:top center;
background-attachment:fixed;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0 auto; padding:0;

}

/* Links */

a {background-color:inherit; color:#284e7f; font-weight:bold; text-decoration:none;}

a:hover {background-color:inherit; color:#2e67b1; font-weight:bold; text-decoration:underline;}

.cloud-tag
{ margin:5px;
width:220px;
max-width:220px;
}

.maintable {
width:fixed;
background-color:#FFFFFF;
height:100%;
margin-top:0px;
border-style:groove;
border-width:thin;

border-color:#999999;
}

.calendar-table {
width:fixed;
background-color:#e9e9ea;
height:100%;
margin-top:0px;
border-style:groove;
border-width:thin;
border-color:#1b4478;
}

.RG-Navigation {
padding:8px;
border:thin;
background-repeat:no-repeat;
background-position:top;
}

.RG-Navigation a {
font-family:Arial, Helvetica, sans-serif;
color:#056969;
font-size:12;
}

.RG-Navigation a: hover {
font-family:Arial, Helvetica, sans-serif;
color:#078484;
text-decoration:underline;
font-size:12;
}

.left-Navigation {
padding:8px;
background-image:url(images/ED-ed-nav-Bg.jpg);
background-repeat:no-repeat;
background-position:top;
}

.left-Navigation a {
font-family:Arial, Helvetica, sans-serif;
color:#102C57;
font-size:12;
}

.left-Navigation a: hover {
font-family:Arial, Helvetica, sans-serif;
color:#27609d;
text-decoration:underline;
font-size:12;
}


h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:18px;
color:#548798;
}

h1 a
{
font-size:18px;
color:#590e18;
}

h1 a:hover
{
font-size:18px;
color:#999999;
text-decoration:underline;
}


h2
{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;
color:#000000;
}

h3
{

font-size:14px;
color:#000000;
}

h4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
}

h5
{
font-size:13px;
font-weight:bold;
color:#4474ff;
}






.regulartext {

padding:8px;
	
}

.header {
background-image:url(images/DINA-header4-08_02.gif);	
}

.Right-Main-Navigation {
background-image:url(images/DINA-header4-08_05.gif);
background-repeat:repeat-x;
}

.Main-Navigation {
background-image:url(images/DINA-header4-08_04.gif);
background-repeat:no-repeat;
text-indent:35px;
text-align:left;
height:inherit;
}


.textbox{
border:#000000;

padding:8px;
}

.top-nav {
font-size:12px;
padding:7px;

text-align:right;
	
}

.top-nav a {

font-size:12px;


}




.top-nav a:hover {
font-size:12px;

text-decoration:underline;

}

.footer-main {
background-repeat:repeat-x;
width:100%;
color:#548798;
font-weight:300;
 
text-align:center;
font-size:12px;
	
}

.footer-main a { 
font-size:12px;
font-weight:300;

color:#548798;
	
}

.footer-main a:hover { 
font-size:12px;
font-weight:300;
text-decoration:underline;
color:#54657a;
	
}


.left-nav-background {
height:inherit;
background-image:url(../images/layouts_04.jpg);
background-repeat:repeat-y;
padding:0px;
width:179px;


}

td.leftmain {
background-image:url(../images/layouts_04.jpg) repeat-y;



}


.leftborder
{background-image:url(../images/bgl.gif);
background-repeat:repeat-y;
width:inherit;
height:inherit;
}

.rightborder
{
background-image:url(images/DINA-header4-08_02.jpg)
background-repeat:repeat-y;
width:inherit;
height:inherit;
}
/*.strong-paragraph {
	color:#990033;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.regulartext {
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.calendertext {
font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:5px;
}

.calendertext a {
color:#000000;
}

.calendertext a hover {
text-decoration:underline;
color:#567ff8;
}


.lastmodified{
color:#666666;
font-size:10px;
}

#text {
margin-left:10px;
margin-right:10px;
color:#FFFFFF;
background-color:#3a3a3a;
text-align:left;
}

#text-sub {
margin-left:10px;
margin-right:10px;
margin-top:10px;
width:550px;
color:#000000;
background-color:#ffffff;
text-align:left;
}

#databasecontent {
margin-left:10px;
margin-right:10px;
margin-top:10px;
width:760px;
color:#000000;
background-color:#ffffff;
}



#toplinks {
background-color:#000000;
width:758px;
height: 25px;
font-size:12px;
color:#9ba1d4;
text-align:right;
}

#toplinks a {
color:#9ba1d4;
}

#toplinks  a:hover {
color:#dae3ff;
}


#footer {
background-color:#000000;
font-size:10px;
color:#9ba1d4;
text-align:center;
}

#footer a
{
font-size:10px;
color:#9ba1d4;
text-align:center;
}

#footer a:hover
{
text-decoration:underline; 
font-size:10px;
color:#dae3ff;
text-align:center;
}



#featured {
color:#000000;
font-size:12;
margin-left:10px;
margin-right:10px;
padding-top:5px;
background-color:#dae3ff;
width:220px;
height:290px;
border-style:groove;
border-color:#333333;
border-width:thin;

}


#side-nav {
background-image:url(images/SideNavbg.jpg);
background-color:#000000;
align:top;
width:200px;
height:350px;
}


#side-nav3 {
background:url(images/SideNavbg3.jpg) repeat-y #000000;

background-color:#000000;
align:top;
width:175px;
height:inherit;
}


#news-divider {
background:url(images/news-divider.gif) no-repeat;
background-color:#ffffff;
padding-left:38px;
padding-right:10px;
padding-bottom:10px;
height:270px;
align:top;
width:180px;

}

#news-divider a {
color:#000000;
}


#news-divider a hover {
text-decoration:underline;
color:#567ff8;
}

#calendar {
background-color:#ffffff;
padding-left:22px;
align:top;
width:235px;

}

#calendar a {
color:#3340a8;
}



h2
{
font-size:16px;
font-weight:bold;
color:#b22d05;
line-height:inherit;
}

h1
{
font-size:14px;
color:#b22d05;
}

h1 a
{
font-size:14px;
color:#b22d05;
}

h1 a:hover
{
font-size:14px;
color:#b22d05;
text-decoration:underline;
}




h3
{
font-size:13px;
color:#000000;
}

h4
{
font-size:14px;
font-weight:bold;
color:#ffffff;
}

h5
{
font-size:13px;
font-weight:bold;
color:#4474ff;
}

*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.25em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
li.sf-menufirst a
{
	border: 0px;
}

.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
/*
 * Menu bar
 */
.sf-menu a {
	border-left:	1px solid #fff;
/*	border-top:		1px solid #CFDEFF; */
	padding: 		.25em .65em;
	margin-top: 7px;
	text-decoration:none;
	font-size:12px;
}
/*
 * Menu bar color
 */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}

/*
 * Sub-Menu bar format
 */

.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:		#40636e;
	line-height: 20px;
	margin:0px;
	padding:0px;
	padding-left:5px;
}

/*
.sf-menu li {
	background:		#BDD2FF;
}
*/
/*
 * Sub menu list format
 */
.sf-menu li li {
/*	background:		#58818f; */
	background: #E9F1F4;
	margin:0px;
	padding:0px;
	width: 200px;
	text-align:left;
	border: 1px solid #3d5e69;
}

.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li a:hover
{
	color:#e9eaec;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	/*background:		#307D7E;*/
	background:#56808E;
	outline:		0;
	color:#fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}