
body, p, td, th, h1, h2, h3, h4, h5, h6, .FinePrint, select, input, button, td, th { font-family: Arial, Helvetica, sans-serif; }
body { color: #000; font-size: 11px; font-weight: normal; margin: 0; background-color: #000033;}
p, td, th { color: #000; font-size: 11px; font-weight: normal; margin-top: 0; }
h1,h2,h3,h4,h5,h6 { margin-top: 0; }
a:link { text-decoration: underline; color: #000099; }
a:visited { text-decoration: underline; color: #000099; }
a:hover { text-decoration: underline; color: #0000CC; }
a:active { text-decoration: underline; color: #000099; }
h1 { color: #000; font-size: 16px; font-weight: bold; }
h2 { color: #000; font-size: 14px; font-weight: bold; }
h3 { color: #000; font-size: 14px; font-weight: bold; }
h4 { color: #000; font-size: 14px; font-weight: bold; }
h5 { color: #000; font-size: 14px; font-weight: bold; }
h6 { color: #000; font-size: 14px; font-weight: bold; }
.LargeText { color: #000; font-size: 13px; font-weight: normal; }
.SmallText { color: #000; font-size: 10px; font-weight: normal; }
.FinePrint { color: #000; font-size: 9px; font-weight: normal; }
.ColorText1 { color: #009; }
.ColorText2 { color: #900; }
img { border: 0; }
b { font-weight: bold; }
i { font-style: italic; }
pre { }
code { }
blockquote { }
ol { }
ul { }
#layoutBody { width: 760px; text-align: center; left: 50%; right: 50%; margin: 0 auto; padding: 0 auto; margin-top: 5px; }
#layoutLeftColumn { width: 150px; align: center; background-color: #0033CC; border-right: 1px solid black; border-left: 2px solid black; }
#layoutCenterColumn { background-color: #CCCCCC; border-right: 2px solid black; }
#layoutRightColumn { width: 0px; align: center; background-color: #0033CC; border-left: 1px solid black; border-right: 2px solid black; }
#layoutHeader {  border-bottom: 1px solid black; border-top: 2px solid black;border-left: 2px solid black; border-right: 2px solid black; }
#layoutFooter {  border-bottom: 2px solid black; border-top: 1px solid black;border-left: 2px solid black; border-right: 2px solid black; }
.cube { align: center; }
.cubeLabel { font-weight: bold; margin-top: 5px; padding:5px; text-align: left; background-color:#005a86; color:#ffffff; }

.custom1, .custom1 a { background: #0078B3; color: #ffffff; }
.custom1light, .custom1light a { background: #409ac6; color: #000000; }
.custom1lighter, .custom1lighter a { background: #bfddec; color: #001e2d; }
.custom1dark, .custom1dark a { background: #005a86; color: #ffffff; }
.custom1darker, .custom1darker a { background: #001e2d; color: #bfddec; }
.custom2, .custom2 a { background: #A4D1FF; color: #000000; }
.custom2light, .custom2light a { background: #bbddff; color: #293440; }
.custom2lighter, .custom2lighter a { background: #e8f3ff; color: #293440; }
.custom2dark, .custom2dark a { background: #7b9dbf; color: #000000; }
.custom2darker, .custom2darker a { background: #293440; color: #bbddff; }
            
     .ckeditorclass { background-color: #CCCCCC; background-image:none; margin: 5px; }
            
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
/* font: bold 13px Verdana; */
width: 150px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}

.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
/* border-bottom: 1px solid #778; */
/* border-right: 1px solid #778; */
border:	1px solid #001e2d;
margin-bottom: -1px;
text-align: left;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #0078B3; /*background of tabs (default state)*/
color: #ffffff;
}

.sidebarmenu ul li a:visited{
/* color: white; */
}

.sidebarmenu ul li a:hover{
background-color: #A4D1FF;
color: #000000;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
z-index: 1000;
}

.sidebarmenu a.subfolderstyle{
background: url(/admin/js/right.gif) no-repeat 97% 50%;
}


/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

	    #header{
			position: relative;
			background: #FFF url('../components/headImage.jpg') no-repeat 200px 0px;
			border-bottom: 1px #000 solid;
			margin-left: auto;
			margin-right: auto;
			width: 760px;
			height: 200px;
		}
		#title{
			position: absolute;
			top:0px;
			left:0px;
			width:170px;
			height:170px;
			padding:15px;
			color: #000;
			font-size:20px;
			font-weight:bold;
			text-align:left;
			z-index: 20;
		}
		#subtitle{
			position: absolute;
			top:15px;
			left:220px;
			width:500px;
			height:20px;
			padding-left:0px;
			color: #E0E0E0;
			font-size:14px;
			font-weight:bold;
			text-align:left;
			z-index: 20;
		}
		#menu {
			position: absolute;
			top:160px;
			right:5px;
			width: auto;
			height:30px;
			z-index: 20;
		}
		
		#menu ul {
			margin: 0;
			list-style: none;
		}
		
		#menu li {
			display: inline;
		}
		
		#menu a {
			display: block;
			float: left;
			background: #0078B3;
			color: #ffffff;
			border: 1px #000 solid;
			border-bottom: 0px none;
			margin-top:9px;
			margin-left: 5px;
			padding: 7px 20px;
			text-decoration: none;
			font-size: 13px;
		}
		
		#menu a:hover {
			margin-top:3px;
			height:22px;
			text-decoration: none;
			background: #A4D1FF;
			border-bottom: 0px none;
			color: #000000;
		}
		
		#menu .active a {
			background: #0078B3;
		}

		#menu .active:hover a {
			background: #A4D1FF;
			color: #000000;
			margin-top:9px;
			height:16px;
		}
    
    
