/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/


ul#nav {
	list-style: none;
	padding: 0;
	margin: 0; 
	list-style-type: none; position:absolute;
/*background: white;
border: 1px solid #CCC;
border-bottom-width: 0;
*/
list-style-type: none;
/**background: white;
border: 1px solid #CCC;
border-bottom-width: 0;*/
}


ul#nav li a {
	display: block;
	font-weight: bold;
	width: 160px; /*width of menu (not including side paddings)*/
color: black;
background: #fae7a9;
border-bottom: 1px solid #FFCC00;
text-decoration: none;
padding: 4px 5px;

}

ul#nav li a:hover{
background: #F0CE7D; 
	}
	
ul#nav li {
	float: left;
	position: relative;
	display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

ul#nav li.current a{
	background:#ddd;
	}

ul#nav li.current a:hover{
	background:#888;
	}

li ul {
	display: none;
	position: absolute;
	width:200px;
	top: 0;
	left: 0;
	font-weight: normal;
	padding: 1px 0 10px 0;
	margin-left:-1px;
}

ul#nav li ul.sub li{
	border-width:0 1px 1px 1px!important;
}

ul#nav li ul.sub li a{
	font-weight: normal!important;	
}
li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}
/*alirtboxcss*/

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:100px;
	border:1px solid #000;
	background-color:#F2F5F6;
	background-image:url(../images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#999900;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:11px verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #000;
	width:70px;
	font:11px verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#999900;
	text-decoration:none;
}

/*end alert*/

/*table*/
.table-1{border: 1px #000000 solid; clear:both;}
/*h1{font-size:18px; text-align:center; padding:8px;}
h4{float:14px; text-align:center; padding:4px;}*/
.Vice-img{border:2px #006633 solid ;}
.downloads{font-size:12px; color:#0000CC; text-decoration:none;}
.downloads: hover{font-size:12px; color:#990000; text-decoration:underline;}

.heading{font-size:14px; color:#990000; font-weight:bold;}
.sub-heading{font-size:12px; color:#000000; font-weight:bold;}
.td-heading{font-size:11px; color:#990000; font-weight:bold;}
.Profile{font-size:12px; color:#000000; font-weight:bold;}
.photo{width:99px; height:128px; border: 1px solid #006600; margin: 0 auto;}

.table1 {
width: 100%
border:1px solid #000000; 
}
.table1 tbody {
/* Kind of irrelevant unless your .css is alreadt doing something else */
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
/*background: transparent; 
*/ background-color:#EEFFDD;}
.table1 thead {
text-align: left;
}
.table1 thead th {
background: -moz-linear-gradient(top, #F0F0F0 0, #000000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#000000', GradientType=0);
border: 1px solid #000000;
color: #444;
/*font-size: 11px;*/
font-weight: bold;
padding: 3px 10px;
}
.table1 td {
padding: 3px 10px; color:#666666;
}
.table1 tr:nth-child(even) {
background: #EEFFDD;
}
/*GREEN*/
 .button1{background-color:#CC9900; margin:2px; border: 1px solid #003300; cursor:pointer;}
 .button1:hover{background-color:#99CC00; margin:2px; border: 1px solid #0000; cursor:pointer;}