﻿body{
	height:100%;
	margin:0px;
	padding:0px;
	background:url(images/bg_body.gif) repeat-x 0 0;
}
iframe{
	width:100%;
	height:500px;
}
pre {
	margin-left:5px;
 	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 	white-space: pre-wrap; /* css-3 */
 	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 	white-space: -pre-wrap; /* Opera 4-6 */
 	white-space: -o-pre-wrap; /* Opera 7 */
 	/* width: 99%; */
 	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.style{
	width: 779px;
	font-weight: bold;
}

.style:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.style ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: normal;

	border: 1px solid #BBB;
	width: 100%;
	background: url('css/button.png') repeat-x center ; 
	padding: 2px 0;
	margin:0px;
	text-align: right; /*set value to "left", "center", or "right"*/
}

.style ul li{
	display: inline;
}

.style ul li a{
	color: #BFC1BC;
	padding: 4px 10px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid white; 
}

.style ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: url('css/buttonover.gif') repeat-x center;
}


.style ul li a:hover{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background: url('css/buttonover.gif') repeat-x center;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 0px solid white; 
	border-bottom-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	font-weight: normal;

	line-height:22px;
	z-index:100;
	/*background: url(button.png) center repeat-x ;*/
	background-color: #5B79A1;
	width: 160px;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border: 1px solid white; 
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	color: #BFC1BC;
}

.dropmenudiv a:hover{ 
	background-color: #6381A7;
}

#central{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	width: 780px;
	text-align: left;
	background-color: #FFFFFF;
}
#employLogin{
	display:block;
	position:absolute;
	padding:0px;
	width:200px;
	height:200px;
	margin-right: auto;
	margin-left: auto;
}
.centered{
    display:block;

    /*set the div in the center of the screen*/
    position:absolute;
    top:100px;
    left:35%;
    width:350px;
	padding:0px;
	/*give it some background and border*/
	background:#fff;
	border:1px solid #ddd;
  }

#header{
	
	width: 780px;
	left: 0px;
	top: 0px;
	padding:0px;
}
#navbottom{
	height:10px;
	background:url(images/navbottom.gif) center repeat-x;
}
#content{
	margin-top:0px;
	position: absolute;
	width: 780px;
	background-color: #FFFFFF;
}
#leftside{
	float: left;
	width:160px;
	
}
#side {
	float:left;
	width:100%;
	max-width:100%;
	margin:0;
	}

#side .pad {
	padding:5px 0;
	}

#side li {
	font:  12px verdana;
	}

#side p {
	border-bottom:1px solid #bec9d1;
	font:  18px verdana;
	margin-top:2px;
	margin-bottom:5px;
	}
#side h1 {
	border-bottom:0px solid #bec9d1;
	font:  14px verdana;
	margin-top:10px;
	margin-bottom:5px;
	background:#FFFDFE;
	}

#smenu {
	margin-bottom:0px;
	}
#smenu img{
	margin-top:2px;
	width:160px;
	height:150px;
	}
#smenu ul {
	width:100%;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:0px;
	margin-right:0px;
	}

#smenu ul li {

	float:inherit;
	padding-left:0px;
	line-height:1.5em;
	list-style-position:inside;
	background:#FFFDFE;
	list-style-type:none;
	text-align:left;
	border-top:0px solid #bec9d1;
	border-bottom:1px solid #bec9d1;
	}
#smenu ul li ol{

	float:inherit;
	padding-left:0px;
	line-height:1.5em;
	margin-left:0px;
	list-style-position:inside;
	background:#FFFDFE;
	list-style-type:none;
	text-align:left;
	border-top:0px solid #bec9d1;
	border-bottom:1px solid #bec9d1;
	}

#smenu a {
	text-decoration:none;
	text-align:left;
	display:block;
	color:#003431;
	padding:1px 5px;
	}
	
#smenu li a:hover {
	background:#CEC8CA;
	}

#smenu li li {
	background:#DEDEDE;
	}
#spacer {
	
	height:auto
}
.smenu {
	margin-bottom:0px;
	}
.smenu img{
	margin-top:2px;
	width:160px;
	height:150px;
	}
.smenu ul {
	width:100%;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:0px;
	margin-right:0px;
	}

.smenu ul li {

	float:inherit;
	padding-left:0px;
	line-height:1.5em;
	list-style-position:inside;
	background:#FFFDFE;
	list-style-type:none;
	text-align:left;
	border-top:0px solid #bec9d1;
	border-bottom:1px solid #bec9d1;
	}
ol{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	margin-bottom:0px;
}
.smenu ol li{

	float:inherit;
	padding-left:0px;
	line-height:1.5em;
	margin-left:0px;
	list-style-position:inside;
	background:#FFFDFE;
	list-style-type:none;
	text-align:left;
	border-top:0px solid #bec9d1;
	border-bottom:1px solid #bec9d1;
	}

.smenu a {
	text-decoration:none;
	text-align:left;
	display:block;
	color:#003431;
	padding:1px 5px;
	}
	
.smenu li a:hover {
	background:#CEC8CA;
	}

.smenu li li {
	background:#DEDEDE;
	}
#side2 {
	float:left;
	width:100%;
	max-width:100%;
	margin:0;
	}

#side2 li {
	font:  10px verdana;
	line-height:2;

	}

#rightside{
	float: right;
	width: 600px;
	background-color: #FFFFFF;
	margin-right: 3px;
	margin-top: 0px;
	overflow: hidden;
}
#rightside img{
	width:600px;
	height:300px;
}
#rightside p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
	text-align:justify;
	font-weight: normal;
	color: #666666;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top:5px;
	width: 600px;
}

#rightside h1{
	margin: 10px 0px 10px 0px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #283E63;
}
#rightside ul li{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	font-weight: normal;
	color: #666666;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top:5px;
	line-height:1.3em;

}

#rightside h1 a{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #283E63;
}
#rightside span{
	margin-top: 10px;
	margin-bottom: 4px;
	width: 430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #649721;
}
#rightSide table{
	width:100%;
	background:gray;
	float:inherit;
	padding-top:20px;
	padding-left:20px;
	margin-top:20px;
	margin-left:20px;
}
.tips{
	font-style:italic;
	font-size:9px;
}
#rightsLeftide a{color: #666666;}
#rightHead h1{
	margin-top:5px;
	margin-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #283E63;
}
input.disabled{
	background:#EBEBE;
}
table.timeline{
	border:1px solid #000;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse:separate;
	width:95%;
	margin:5px 5px 5px 5px;
	background-color:#EBEBE4;
	font-family:Verdana;
	font-size:10px;
}
table.timeline th {
	border:1px solid #000;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: red red red red;
	background-color: #EBEBE4;
	-moz-border-radius: 0px 0px 0px 0px;
}
td.timeline{
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: red red red red;
	background-color: #E1EFFA;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
}
#profile{
	border:1px solid #FFC;
	background:#FFC;
	margin-top:5px;
	font-size:11px;
}
.page{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:right;
	height:15px;
}
#divideLeft{
	float:left;
	width:180px;
	height:250px;
	margin:0px 10px 5px 0px;
	/*border-bottom:1px solid #bec9d1;*/
	border-top:1px solid #bec9d1;
	padding:0px;
}

#divideLeft h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:170px;
	font-size: 13px;
	font-weight: normal;
	font-weight:bold;
	color: #283E63;
	margin-top:15px;
	margin-left: 10px;
	margin-bottom: 15px;	
}
#divideLeft p{
	width:200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	font-weight: normal;
	color: #666666;
	margin-left: 0px;
	margin-bottom: 20px;
}
#divideLeft img{
	width:92px;
	height:89px;
}
#divideLeft ul li{
	list-style:square;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:1.3em;
}
#divideLeft ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
#jobsMenu{
	height:25px;
	padding:0px;
	display:inline; 
	width:100%;
	list-style:none;
}
#jobsMenu ul{
	text-align:right;
}
#jobsMenu li{
	display:inline;
	list-style:none;
}
#jobs ul li {
	list-style:none;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height:1.3em;
	

}
#jobs ul li a {
	text-decoration:none;
}
#portfolio{
	padding:10px;
	position:relative;
	padding-bottom:5px;
	background-color:#F0F0E4;
	height:260px;
	padding-top:10px;
	border-top: 4px solid #586B7A;
	margin-bottom:20px;
	font-size:11px;
	background-image:url(css/portbg.jpg);
	background-position:bottom center;
}
#portfolio img {
	padding:0px;
	
	border:1px solid black;
}
#portfolio p{
	font-family:Verdana;
	font-size:10px;
	margin:8px 5px 5px 0px;
}
h3{
	font-family:Verdana;
	font-size:18px;
	margin:5px 5px 5px 5px;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px 8px 8px 0px;
	font-weight:bold;
	color:#820F00;
}

.lower{
	position:absolute;
	bottom: 8px;
	width: 230px;
	text-align: left;
	line-height: 1.2em;
}
a.box{
	font-family:Verdana;
	font-size:10px;
	position: relative;
	color:#000000;
	display: block;
	height: 20px;
	width: 230px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	background-image:url(css/vweb-off.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}

#register{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	font-weight: normal;
	color: #666666;
	
}
#registerC{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	font-weight: normal;
	color:red;
}
.footslink{
	padding-left:5px;
	font-family:verdana;
	font-size:11px;
	color:#666666;
	margin:3px 0px 2px 3px;
	text-align:right;
}
.left{
	text-align:left;
	margin-left:0px;
	padding-left:0px;
}
#footer {
	border-top:1px solid #bec9d1;
	padding:0px;
	font:11px verdana, serif;
	clear:both;
	color:#666666
}
#innerFoot {
	padding:10px 0px 0px 0px;
}
#innerFoot a img,#innerFoot a:hover{
	border:0px;
	background:none;
	
}
.footerlevel{
	position:relative;
	padding-left:0px;

	
}
