html
	{
		margin: 0;
		padding: 0
	}

body { 
	width: 100%;
	height: 100%;
	font-size:11px;
	line-height:1.4em;
	padding:0 0 10px 0;
	font-family: Verdana, Tahoma,Arial,sans-serif;
/*	background: #f4f4f4;*/
    background:#C5d4db;
	margin: 0;
	/*background-image:url(../imgs/mainbg.gif)*/
/*    color:#275e93;*/
	}	
	
/********* MAIN MENU ********/
#mainMenu{
  border-bottom:1px solid black;
}

#mainMenu table{
  border-collapse:collapse;
  height:34px;
}

#mainMenu td{
  padding:0;
  width:102px;
  text-align:center;
}

#mainMenu a{
  padding:5px;
  text-decoration:none;
  color:black;
} 

#mainMenu .pageOff{
  background:url(../imgs/bg-mainmenu-pageoff.gif) no-repeat right bottom;
}

#mainMenu .pageOn{
  background:url(../imgs/bg-mainmenu-pageon.gif) no-repeat right bottom;
}

#mainMenu .pageOn a{
  color:white;
  font-weight:bolder;
}

#mainMenu .pageOff a:hover{
  text-decoration:underline;  
}

#mainMenu .pageOff a{
}

/********* SUB MENU ********/

#subMenu{
}

#subMenu div{
  margin:0;
}

#subMenu a{
  display:block;
  padding:9px 4px 9px 40px;
  border-bottom:1px solid #c8c8c8;
  text-decoration:none;
}

#subMenu .pageOn a{
  background:url(../imgs/bg-submenu-pageon.gif) no-repeat 13px 50%;
  color:#3A7DDB;

}

#subMenu .pageOff a{
  background:url(../imgs/bg-submenu-pageoff.gif) no-repeat 13px 50%;
  color:#656565;
}

#subMenu .pageOff a:hover{
  text-decoration:underline;
}


#path{
  margin:0 0 15px 0;
  padding:10px 0;
  border-bottom:1px solid #c8c8c8;
  color:#888;
  font-size:9px;
}

#path a{
  color:#bbb;
}


/********* two column ********/

.two_col{
  width:100%;
  border-collapse:collapse;
}

.two_col td{
  width:50%;
  vertical-align:top;
}

.two_col .col_01{
  padding-right:7px;
}

.two_col .col_02{
  padding-left:7px;
}


/******** layout ********/

#pageOuter{
  height:auto;
  width:750px;
  margin:0px auto;
  border:none;
  background:white;
}

#banner{
  margin:0 0 5 0;
  background:url(../imgs/systime_banner.jpg) no-repeat 90%;  
  background:url(../imgs/systime_banner2.jpg) no-repeat 90%;

  height:130px;
  width:auto;
  border-bottom:5px solid black;
}

#main{
  width:750px;
  margin:0 0 0 0;
}

#r1c1{
  width:205px;
  padding:0 30px 0 0;
  height:400px;
  vertical-align:top;
  background:url(../imgs/bg-leftcol.gif) repeat-y 171px;
}

#r1c2{
  vertical-align:top;
  padding:0 30px 20px 0px;
}

#r2c1{
  padding:7px 30px 7px 0;
  background:url(../imgs/bg-leftcol.gif) repeat-y 171px;
  text-align:center;
  height:30px;
}

#r2c2{
  height:30px;
  padding:7px 0;
}

#r2c2 p{
  margin:0;
}


#sidebar_text{
  padding:8px;
}


#usercontent{
  width:100%;
}


/******** don't edit these! *******/
#footer p{
  margin:0;
}

p,h1,h2,h3{
  margin-top:0;
}

#r1c2,
#r2c2{
    width:620px;
  }

/***** NEW CSS **/

img { 
	border: 0; 
	vertical-align: bottom; 
	}	

/* Headings */	
h1 { 
	font-size: 200%; 
	margin: 5px 0px 10px 0px;
	}
h2 { 
	font-size: 125%; 
	color: #3A7DDB; 
	padding: 0 0 1em 0; 
	margin: 20px 0px 10px 0px;
	}
h3 { 
	font-size: 115%; 
	color: #3A7DDB; 	
	padding: 0 0 .4em 0; 
	margin: 10px 0px 10px 0px;
	}
	
h4 { 
	font-size: 100%; 
	color: #3A7DDB;
	padding: 0 0 .4em 0; 
	margin: 10px 0px 10px 0px;
	}	
	
h5 { 
	font-size: 100%; 
	color: #3A7DDB;	
	padding: 0 0 0.4em 0;
}

h6 { 
	font-size: 100%; 
	color: #3A7DDB;	
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;	
}




/* Paragraphs */
p { 
  text-align: justify; 
  }

/* Links */
a { 
	text-decoration: none; 
	color:#0069b3;
	}
a:hover, 
a:focus, 
a:active { 
text-decoration:underline;
color:#112f61
}

acronym {border-bottom: 1px dotted #70008b;}
			
/* Forms */
select { 
	margin-right: 7px; 
	vertical-align: middle	
	}
option { 
	margin-right: 7px; 
	}

/* Lists */

ul {
	list-style-image: url(bullet.gif); 
	list-style: disc outside none;
	margin-left: 18px;
	margin-bottom: 1.3em;
	}

ul li{
  margin-top:4px;
  margin-bottom:4px;
  padding-left:8px;
} 


li p{
  margin:0;
}

ol {
	list-style: decimal outside none;
	margin-left: 25px;
	margin-bottom: 1.3em;
	}
	ol li {}
	
dl {}
	dl dt {}
	dl dd {}
	
blockquote
{
Padding-left:15px;
Padding-right:15px;
}

	 
.bordertable {
	border-right: 1px dotted #cde1f6;
	border-top: 1px dotted #cde1f6;
	border-left: 1px dotted #cde1f6;
	border-bottom: 1px dotted #cde1f6;
}

.dropcap {
	color: blue;
	font-size: 2.5em;
	float: left;
	padding-right: 2px; 
	}
	
 hr {
	border: 0;
	color: #999999;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
} 

.hilite {
 background-color: #FFFFCC;
 color: #B22222;
}

a:hover
{
position: relative;
top: 1px;
left: 1px;
}

.box {
  margin-bottom:10px;
  padding: 10px; 
  margin:0;
  background: #E9E9E9;
  }

/* Display icons */
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(../imgs/icon_mail.gif) no-repeat center right;
}

a[href $=\".pdf\"] {
padding-right: 18px;
background: transparent url(../imgs/icon_pdf.gif) no-repeat center right;
}

/* could test this later 
a[type="application/pdf"]:after {
content: url(../imgs/icon_pdf.gif);
}
*/

a[href $=\".doc\"] {
padding-right: 18px;
background: transparent url(../imgs/icon_doc.gif) no-repeat center right;
}

a[href $=\".xls\"] {
padding-right: 18px;
background: transparent url(../imgs/icon_xls.gif) no-repeat center right;
}

a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(../imgs/icon_popup.gif) no-repeat center right;
}

/*
a[href ^="http://"] {
padding: 5px 20px 5px 0;
background: transparent url(../imgs/icon_external.gif) no-repeat center right;
}
*/


/* ------------------- */

select
{   color:#275e93;
    font-family:Verdana; font-size:11px; text-decoration:none;
}

input
{
    BORDER-RIGHT: #275e93 1px solid; 
    BORDER-TOP: #275e93 1px solid; 
    FONT-WEIGHT: lighter; 
    FONT-SIZE: 10px; 
    BORDER-LEFT: #275e93 1px solid; 
    BORDER-BOTTOM: #275e93 1px solid; 
    FONT-FAMILY: Verdana; 
    BACKGROUND-COLOR: #dae3ec; 
    TEXT-ALIGN: left; 
    TEXT-DECORATION: none;
}

textarea
{
    BORDER-RIGHT: #275e93 1px solid; 
    BORDER-TOP: #275e93 1px solid; 
    FONT-WEIGHT: lighter; 
    FONT-SIZE: 10px; 
    BORDER-LEFT: #275e93 1px solid; 
    BORDER-BOTTOM: #275e93 1px solid; 
    FONT-FAMILY: Verdana; 
    BACKGROUND-COLOR: #dae3ec; 
    TEXT-ALIGN: left; 
    TEXT-DECORATION: none;
}