/* DIV Class and ID selectors ------------------------------------------------*/
#window { /*Entire window*/
	position: relative;
	/*border-top:6px solid #FF9C28;*/
	width: 100%;
	height: 100%;
	/*text-align: center;*/
}
#mainhome { /*home page's mainframe*/
	position: relative;
	width: 900px;
	height: 550px;
	top: 10px;
	border:1px solid #cccccc;
	/*background-color:#FFFFFF;*/
}
#main { /*site's mainframe*/
	position: relative;
	width: 900px;
	height: auto;
	/*text-align: center;*/
	font-family: verdana;
	font-size: 10px;
	top: 0px;
	/*border:1px solid #cccccc;*/
	background-color:#FFFFFF;
	/*background-image: url(/UOITemplates/images/uoimain_04.gif);*/
}
#header {
	position: relative;
	width: 900px;
	height: auto;
	top: auto;
	left: auto;
	/*border:1px solid #FF0000;*/
	background-image: url(/UOITemplates/images/main_01.jpg);
}

#mainbody {
	position: relative;
	width: 900px;
	height:auto;
	line-height:14px;
	top: auto;
	left: auto;
	/*border:1px solid #FF0000;*/
}

#footer {
	position: relative;
	width: 500px;
	height: 40px;
	top: auto;
	left: auto;
	text-align: center;
	line-height:14px;
	color:#666666;
	/*padding-top:10px;*/
	/*padding-bottom:10px;*/
	/*border:1px solid #FF0000;*/
}
#ssijob { /*for job descriptions*/
	position: relative;
	width: 480px;
	height: auto;
	/*padding:10px 10px 10px 10px;*/
	/*text-align: center;*/
	border:1px solid #cccccc;
}
#pagetop { /*for job descriptions*/
	position: relative;
	width: 480px;
	height: auto;
	text-align: right;
}
/**/
#row750px {
	background-color: #5596B4;
	position: relative;
	padding-top: 3px;
	top: auto;
	width: 750px;
	height: 20px;
	text-align: center;
}
#row360px {
background-color: #5596B4;
position: relative;
top: auto;
width: 720px;
height: 20px;
text-align: center;
}
.div720px {
	position: relative;
	background-color: #036600;
	top: 0px;
	left: 0px;
	width: 720px;
	height: auto;
	text-align: left;
}
.div360pxL {
position: relative;
background-color: #00CC00;
top: 0px;
left: 0px;
width: 360px;
height: 250px;
padding:0%;
text-align: left;
}
.div360pxR {
position: relative;
background-color: #003300;
top: -250px;
left: 360px;
width: 50%;
height: 250px;
text-align: left;
}

/* Class selecters (Position) ------------------------------------------------*/
.posRight {
position: relative;
text-align:right;
}
.posCenter {
position: relative;
text-align:center;
} 
.posLeft {
position:relative;
text-align:left;
}
.posT10px {
position:relative;
top:10px;
}
.posT20px {
position:relative;
top:20px;
}
.posT30px {
position:relative;
top:30px;
}
.posL10px {
position:relative;
left:10px;
}
.posL20px {
position:relative;
left:20px;
}
.posL30px {
position:relative;
left:30px;
}
.posTL10px {
position:relative;
top:10px;
left:10px;
}
.posTL20px {
position:relative;
top:20px;
left:20px;
}
.posTL30px {
position:relative;
top:30px;
left:30px;
}
.posTR10px {
position:relative;
top:10px;
right:10px;
}
.posTR20px {
position:relative;
top:20px;
right:20px;
}
.posTR30px {
position:relative;
top:30px;
right:30px;
}
.chkbox{
width: 1em;
} 
/*------------------------------------------------------------------*/
.floatL{
float: left;
}
.floatR{
float: right;
}
/*------------------------------------------------------------------*/
.marA10px {
position: relative;
margin:10px 10px 10px 10px;
}
.marT10px {
position: relative;
margin-top:10px;
}
.marL10px {
position: relative;
margin-left:10px;
}
.marR10px {
position: relative;
margin-right:10px;
}
.marB10px {
position: relative;
margin-bottom:10px;
}
.marA20px {
position: relative;
margin:20px 20px 20px 20px;
}
.marT20px {
position: relative;
margin-top:20px;
}
.marL20px {
position: relative;
margin-left:20px;
}
.marR20px {
position: relative;
margin-right:20px;
}
.marB20px {
position: relative;
margin-bottom:20px;
}
.marA30px {
position: relative;
margin:30px 30px 30px 30px;
}
.marT30px {
position: relative;
margin-top:30px;
}
.marL30px {
position: relative;
margin-left:30px;
}
.marR30px {
position: relative;
margin-right:30px;
}
.marB30px {
position: relative;
margin-bottom:30px;
}
/* ------------------------------------------------------------*/
.padA4px {
position: relative;
padding:4px 4px 4px 4px; 
}
.padA10px {
position: relative;
padding:10px 10px 10px 10px;
}
.padA20px {
position: relative;
padding:20px 20px 20px 20px;
}
.padA30px {
position: relative;
padding:30px 30px 30px 30px;
}
.padA40px {
position: relative;
padding:40px 40px 40px 40px;
}
.padT10px {
position: relative;
padding-top:10px;
}
.padT20px {
position: relative;
padding-top:20px;
}
.padT30px {
position: relative;
position: relative;
padding-top:30px;
}
.padT40px {
position: relative;
padding-top:40px;
}
.padL10px {
position: relative;
padding-left:10px;
}
.padL20px {
position: relative;
padding-left:20px;
}
.padL30px {
position: relative;
padding-left:30px;
}
.padL40px {
position: relative;
padding-left:40px;
}
.padR10px {
position: relative;
padding-right:10px;
}
.padR20px {
position: relative;
padding-right:20px;
}
.padR30px {
position: relative;
padding-right:30px;
}
.padR40px {
position: relative;
padding-right:40px;
}
.padB10px {
position: relative;
padding-bottom:10px;
}
.padB20px {
position: relative;
padding-bottom:20px;
}
.padB30px {
position: relative;
padding-bottom:30px;
}
.padB40px {
position: relative;
position: relative;
padding-bottom:40px;
}
.padTL10px {
position: relative;
padding-top:10px;
padding-left:10px;
}
.padTL20px {
position: relative;
padding-top:20px;
padding-left:20px;
}
.padTL30px {
position: relative;
padding-top:30px;
padding-left:30px;
}
.padTL40px {
position: relative;
padding-top:40px;
padding-left:40px;
}
.padTB5px {
position: relative;
padding-top:5px;
padding-bottom:5px;
}
.padTB10px {
position: relative;
padding-top:10px;
padding-bottom:10px;
}
.padTB20px {
position: relative;
padding-top:20px;
padding-bottom:20px;
}
.padTB30px {
position: relative;
padding-top:30px;
padding-bottom:30px;
}
.padTB40px {
position: relative;
padding-top:40px;
padding-bottom:40px;
}

#green {color:green} /* The style rule will match the element that has an id attribute with a value of "green" */

/* TAG Selecters ------------------------------------------------*/
.form {
background-color: #FFFFFF;
position: relative;
top: auto;
left: auto;
width: 720px;
text-align: left;
}
/*------------------------------------------------------------------*/
h1 {background-color: #00ff00}
h2 {background-color: transparent}
h3 {text-shadow: 5.5em 5.1em 5.0em black}

/*------------------------------------------------------------------*/
img {
	position: relative;
	top: auto;
	left: auto;
}
img.vtop { 
position: relative;
vertical-align:text-top;
}
img.vbottom {
position: relative;
vertical-align:text-bottom;
}
/*------------------------------------------------------------------*/
p {
	position: relative;
	text-align: left;
	color:black;
}
.hgt10px {
height:10px;
}
.hgt20px {
height:20px;
}
.hgt30px {
height:30px;
}
.hgt40px {
height:40px;
}
.hgt50px {
height:50px;
}
#hgt10px {
height:10px;
}
#hgt20px {
height:20px;
}
#hgt30px {
height:30px;
}
#hgt40px {
height:40px;
}
#hgt50px {
height:50px;
}
#wid600px {
	text-align: left;
	width: 600px;
}
#wid500px {
	text-align: left;
	width: 500px;
}
#wid400px {
	text-align: left;
	width: 400px;
}
#wid350px {
	text-align: left;
	width: 350px;
}
#wid300px {
	text-align: left;
	width: 300px;
}
#wid250px {
	text-align: left;
	width: 250px;
}
#wid200px {
	text-align: left;
	width: 200px;
}
#wid100px {
	text-align: left;
	width: 100px;
}
/*------------------------------------------------------------------*/