@import url(../lib/default.css);

body { background-color:#e1dbdb; }

#body, #homepage { margin:0px auto; width:800px; text-align:left; padding-bottom:20px; background-color:#FFFFFF; }

#utilityNav { margin:2px; float:right; border:1px solid silver; border-width:0 0 1px 0; }
#utilityNav ul { margin:0; padding:0; list-style:none; }
#utilityNav li { float:left; margin:0; padding:0; font-family:arial; font-size:95%; }
#utilityNav a { background:url(../images/bg-utilitynav.gif) top left no-repeat; color:black; font-weight:bold; padding:4px 12px; border:solid silver 1px; border-width:0 0 0 1px; display:block; }

#navbar { background:url(../images/navbar-bg.gif) repeat-x; height:36px; overflow:hidden; }
#navbar ul { margin:0; padding:0; list-style:none; padding:0px 20px; }
#navbar li { float:left; margin:0; padding:0; font-family:arial; }
#navbar a { margin:0 1px; display:block; padding:11px 20px; font-size:110%; line-height:120%; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#navbar a:hover { background:url(../images/navbar-over-bg.gif) repeat-x; }
#navbar #current {  border:1px solid black; border-bottom-width:0; }
#navbar #current a { margin:0; background:url("../images/navbar-current-bg.gif") 0 -1px repeat-x; }
#navbar #current a:hover { color:white; }


#localNav {  background-color: #444647; height:24px; margin:0px; }
#localNav ul { margin:0; padding-left:0px; height:100%; }
#localNav ul li { height:100%; display:inline; margin-left:0; padding-left:0; list-style:none; vertical-align:middle; }
#localNav ul li a { vertical-align:middle; margin-top:2px; padding:0px 8px; display:inline-block; color:white; border:1px solid #757F87; border-width:0 0 0 1px; text-decoration:none; font-weight:bold; font-size:100%; }
#localNav ul li a:hover { text-decoration:underline; }
#localNav #current a { color:#FECB09; }
#localNav #current a:hover { text-decoration:none; }

#tabbedNav { width: 800px; line-height:normal; background:url("../images/tab-bg.png") repeat-x bottom; border-bottom:3px solid #229d11; margin-left:-25px; margin-right:-25px; }
#tabbedNav ul { margin:0; padding:0; list-style:none; padding:0px 25px; background:none; }
#tabbedNav li { float:left; margin:0; padding:0; background:url("../images/tab-right.gif") no-repeat right top; font-family:arial; }
#tabbedNav a { display:block; background:url("../images/tab-left.gif") no-repeat left top; padding:3px 15px 3px; font-size:95%; font-weight:bold; color:#5C5C5C; text-decoration:none; }
#tabbedNav a:hover { color:black; }
#tabbedNav .current { background-images:url("../images/tab-right-on.gif"); }
#tabbedNav .current a { background-images:url("../images/tab-left-on.gif"); padding-bottom:4px; color:white; }
#tabIndicator { margin-right:10px; }


#page {
	background-color:white;
	margin:0;
	padding:20px 25px 25px 25px;
	overflow:hidden;
	border:solid #444647;
	border-width:0px 1px;
	min-height:300px;
}

#leftcol { float:left; margin-right:15px; }

#homepage #page { padding:20px 10px; }

#body #masthead { margin-bottom:0px; padding-bottom:20px; padding-left:20px; clear:both; }
#homepage #masthead { height:122px; margin-bottom:10px; padding-left:10px; }
#homepage #masthead #newsletter { margin-top:15px; float:right; clear:right; font-family:arial; font-size:10px; color:#5C6871; width:200px;  }
#homepage #masthead #tagline { float:left; margin:2px 0 0 10px; width:400px;  font-family:helvetica; font-weight:bold; font-size:14px; font-style:italic; }
#body #masthead #tagline { float:left; margin:4px 0 0 0px; font-family:helvetica; font-weight:bold; font-size:10px; font-style:italic; }
#homepage .container { font-size:90%; position:relative; width:253px; background-images:url(../images/home-containerbg.gif); background-repeat:repeat-y; float:right; }
#homepage .container h2 { margin-top:5px; margin-bottom:3px; }


#body .container { font-size:90%; position:relative; width:31%; margin-right:15px; height:300px; border:1px solid #99A1A6; border-left-width:0px; background-images:url(../images/home-containerbg.gif); background-repeat:repeat-y; float:left; }
#body .container h2 { margin-top:5px; margin-bottom:3px; }

#announcement { border:10px solid #444647; padding:10px; }
#announcement h1 { font-size:120%; margin-bottom:5px; }
#announcement p { font-size:100%; margin-bottom:10px; line-height:normal; }


#login { border:3px solid #AF0033; border-top-width:0px; width:233px; wid\th:213px; height:110px; heig\ht:90px; padding:10px; color:gray; font-size:75%; }
#login input { color: gray; }
#login table tr td { padding:2px; }

#seals { height: 63px; margin-top:20px; text-align:center; }

#footernav { margin-top:15px; font-family:arial; font-size:11px; color:#5C6871; padding:0px 10px; }
#footernav a { color:#000000; text-decoration:none; }
#footernav a:hover { color:#AF0033; }

#seolinks { padding:10px 10px 0 0; line-height:90%; }
#seolinks h3 { margin-top:0px; margin-bottom:5px; font-size:12px; color:gray; }
#seolinks a { color:gray; text-decoration:none; }
#seolinks a:hover { color:#AF0033; text-decoration:underline; }
#seolinks .dwarf { line-height:110%; font-size:8pt; }

#feedback { color:#000000; border:1px solid; border-color:#C1B3B3 #785655 #785655 #C1B3B3; background-color:#F9F8F7;  padding:8px; line-height:100%; margin:10px 0; margin-left:30px; margin-bottom:15px; width:200px; float:right; font-size:90%; font-style:italic; }
#feedback h2 { margin:0 }
#feedback a { color:#C1B3B3; }

#sidebarRight { float:right; width:200px; padding:10px; margin-left:15px; background-color:#E1DBDB }

p#intro { margin:0px; border:solid #444647; border-width:0px 1px; border-bottom:1px solid #000000; background:url(../images/home-seolinksbg.png) repeat-x; background-position-y:-10px;  padding:20px 20px 20px 20px; font-weight:bold; }

div#loginpreamble { margin-bottom:20px; margin-top:-20px; margin-left:-25px; margin-right:-25px; border-bottom:1px solid black; background:url(../images/home-seolinksbg.png) repeat-x; padding:10px; }
div#loginpreamble h1 { font-size:140%; margin-bottom:5px; }

hr {
	background-color:#FFFFFF;
	color:#FFFFFF;
	border-top:1px dotted silver;
	margin:10px 0px;
}

h1 	{
 	font-size : 200%;
 	font-weight : bold;
	font-family:Arial Black, Helvetica;
	color : #444647;
	margin-top:10px;
	margin-bottom:20px;
}

h3, .home2 {
	color:#5C6871
	}


a { color:#269816; text-decoration:none; }
a:visited { color:#5c8455; text-decoration:none; }
a:hover { color:#229d11; text-decoration:underline; }

.box { width:250px; wid\th:248px; border:1px #E1DBDB solid; border-top-width:0; overflow:hidden; float:right; clear:right; margin-bottom:10px; margin-left:40px; display:inline; }
.box p { padding:5px; }
.box p#tip { padding:10px 15px; line-height:150%; font-size:90%; margin-bottom:5px; }
.box h1, .box h2 { margin-top:0px; height:21px; heig\ht:14px; border-bottom:1px solid black; font-size: 95%; font-family: arial; background:url(../images/background-box-h1.gif) repeat-x; color:white; padding:4px 3px 2px 8px; margin-bottom:2px; }
.box h2 {  background:url(../images/background-box-h2.gif) }

ul.nav { list-style-type:none; padding-left:0px; margin-left:8px; }
ul.nav li { background:url(../images/bullet-nav.gif) no-repeat 0 0.5em; padding-left:15px; }

ul.steps { list-style-type:none; font-size: 130%; margin-top:12px; margin-bottom:12px; margin-left:0px; padding-left:30px; width:450px; }
ul.steps li { line-height:normal; padding-bottom:5px; margin-bottom:10px; margin-right:50px; }
ul.steps li.one { background:url(../images/bullet-ol-1.gif) no-repeat 0 0.1em; padding-left:35px; }
ul.steps li.two { background:url(../images/bullet-ol-2.gif) no-repeat 0 0.1em; padding-left:35px; }
ul.steps li.three { background:url(../images/bullet-ol-3.gif) no-repeat 0 0.1em; padding-left:35px; }

.cell2, .even, tbody td.even {
	background-color:#F9F8F7;
}

.trlabel, thead th  {
	background:url(../images/background-box-h1.gif) repeat-x;
	background-color:#5C6871;
	}

th.sortable, tr.sortable, tr.sortable th {
	background-images:url(../images/sortable-bg.gif);
	
}

table.grid tbody th, table.grid th, table.grid td { border:1px dotted silver; padding:15px; }
table.grid tbody th { text-align:left; } 

#helpbox {
	padding:7px; border:1px #AF0033 solid; font-size:85%;
}

h2#h2title { color:#8C4D61; text-align:center; font-size:10px; font-weight:normal; padding:5px; border-bottom:1px solid silver; margin:0; background-color:white; }


/* for rating widget */
div.stars { padding:0; text-align:center; }