body
{
	margin:0;
	
}
#page 
{
	background:url(../images/background.gif);
}
#outterwrapper
{
	width:960px;
	overflow:hidden;
}
.lfloat { float:left;}
.rfloat {float:right;}
.clear {clear:both;}
div.breadcrumb { border:1px solid #ebebeb; text-align:center;}
p
{
	margin:0px;
	padding:0px;
}
#header
{
	height:155px;
	width:782px;
}
#leftcolumn
{
    width:165px;
    min-height:600px;
    border-right:1px solid #444;
}
#adminbar{border-bottom:1px solid #660000;margin-right:15px;}
.menu { text-align:center; }
ul#mainmenu
{
	list-style:none;
	line-height:1.6em;
	text-align:center;
}
ul#mainmenu li 
{
	margin:0px;
	list-style-image:none;
	list-style-type:none;
	margin-left:-45px;
}
#maincolumn
{
    width:680px;
    margin-left:10px;
    overflow:hidden;
}
#rightcolumn
{
}
#adminmenu
{
}
.footer
{
    text-align:center;
    font-size:9pt;
    
}
#content
{
	color:Black;
	margin-left:25px;
	width:555px;
}
/*	leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="../generic/background.gif" link="#20628b" alink="#20628b" vlink="#20628b"*/

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3;  /* overall menu background color */
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /* Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(arrow-right.gif) no-repeat center right;
} 


/*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
* html p#iepara{ 
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eee;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 140;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
  
.copyright { 
    color: white; 
    font-weight: bold; 
    font-size: 7pt; 
    text-align: center }
    
.justify { 
    text-align: justify }
    
.small     { 
    font-size: 8pt; 
    font-family: Verdana, Arial, Helvetica }
    
.subhead    { 
    color: #036; 
    font: 900 10px/normal Arial, Helvetica, sans-serif; 
    text-align: left; 
    word-spacing: 5px; 
    letter-spacing: 5px }    

td        {   
    font-size: 8pt; 
    font-family: Verdana, Arial, Helvetica;
    text-align: left   ;
    color: #003366;  }


a:link          { 
    color: #004d69; 
    font-weight: 900; 
    text-decoration: none }
    
a:active        { 
    color: #004d69; 
    font-weight: 900; 
    text-decoration: none }
    
a:visited      { 
    color: #004d69; 
    font-weight: 900; 
    text-decoration: none }
    
a:hover         { 
    color: #5aa3bd; 
    font-weight: 900; 
    text-decoration: underline }
    
.blink
{
	font-size:1.4em;
	text-decoration:blink;
}

/* Box Css */
/*boxes*/
.boxTop
{
	margin:0px;
	padding:0px;
	border:0px;
	background:transparent url('../Images/Site/box/btl.gif') no-repeat left top;
}
.boxTopRt
{
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 0px;
	border:0px;
	background:transparent url('../Images/Site/box/btr.gif') no-repeat right top;
}
.boxMid
{
	margin:0px;
	padding:0px;
	background:transparent url('../Images/Site/box/bml.gif') repeat-y left top;
}
.boxMidRt
{
	margin:0px 0px 0px 10px;
	padding:0px 10px 10px 0px;
	background:transparent url('../Images/Site/box/bmr.gif') repeat-y right top;
	overflow:hidden;
}

.boxBtm
{
	margin:0px 0px 10px 0px;
	padding:0;
	background:transparent url('../Images/Site/box/bbl.gif') no-repeat left bottom;
	height:10px;
	line-height:10px;
	font-size:7pt;
}
.boxBtmRt
{
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 0px;
	border:0px;
	background:transparent url('../Images/Site/box/bbr.gif') no-repeat bottom right;
	height:10px;
	line-height:10px;
	font-size:7pt;
}
.boxTitle,.boxTopRt h2
{
	margin:0px;
	border:0px;
	
}
.boxTopRt a:link,
.boxTopRt a:visited { color:#E62D2F; text-decoration:none;}
.boxTopRt a:hover { color:#E62D2F; text-decoration:none;}

/* End Box Css */

/*Announcement*/
div#announcement {font-size:8pt;}
div#announcement .createdby {color:#cbcbcb;font-style:italic;}
div#announcement .announcetitle {color:#222;font-weight:bold;border-bottom:1px dotted #ebebeb;}
div#announcement .announcecontent {color:#222; font-style:italic;border-right:1px dotted #ebebeb;}
div.announcementhead a, 
div.announcementhead a:visited { color:#fff;text-decoration:none; }
div.announcementhead a:hover {color:#E62D2F; text-decoration:none;}
/* end announcement */

/* form input */
div.actionlink { margin-top:10px;}
.formview,
.forminput {padding:10px; color:#444; border:1px solid #ebebeb; }
.formview h2,
.forminput h2 { text-indent:5px; color:#660000; border-bottom:1px dotted #660000; }
.forminput p { margin:0px 0px 5px 5px;}
.forminput div { background-color:#ebebeb; 	margin:0px 0px 5px 5px; float:left; }
.forminput label { font-weight:bold; clear:both; display: block; margin:0px;  }
.forminput label.inline { display: inline; }
.forminput .legend { font-size: 1.1em; font-weight: 600; }
.forminput select { margin:3px; border: 1px solid #b3b3b3;}
.forminput input[type="text"] { margin:3px 3px 3px 0px; width: 350px; border: 1px solid #b3b3b3; }
.forminput input[type="password"] { margin:3px 3px 3px 0px; width: 350px; border: 1px solid #b3b3b3; }
.forminput textarea { margin:3px; width:550px; height:100px;border: 1px solid #b3b3b3; }
.recaptcha, 
.recaptcha div { background:none; background-color:Transparent!important; }
/*end form input*/

table.summary
{
	width:100%;
	
	font-family:Arial;
	font-size:9pt;
	color:#444;
	border:1px solid #ebebeb;
}
table.summary tr.header
{
	
	background-color:#373737;
	text-align:left!important;
	color:#fff;
}
table.summary tr.header th { text-align:left; text-indent:3px;}
table.summary td { /*border-bottom:1px solid #ebebeb;*/}
table.detailtable
{
	width:100%;
	
	margin-top:-2px;
	font-family:Arial;
	font-size:9pt;
	color:#444;
	border-top:1px solid lightgrey;
}
tr.tablehead
{
	background-color:#ebebeb;
	text-align:left;
	color:#bfbfbf;
}
/*
green: #759F40
orange:#E28125
red:#E62D2F
blue:#1B6EB7
background-color:#373737; 
*/
td.groupheader { border-bottom:2px solid #c4c4c4!important;}
td.icons {width:20px;}
div.toolbar { border-bottom:1px solid #ebebeb;margin-top:20px; padding-top:5px;}
div.toolbar img { margin-left:5px; border:0px;}
div table.detailpage { width:100%; vertical-align:top;}
              
.loading
{
background-image: url("<%= Url.Content("~/Images/loading-gantt.gif")%>");
background-repeat: no-repeat;
background-position: center;
text-align: center;
color: #e32427;
font-weight: bold;
padding-top: 150px;
}
.loadingError
{
background-image: none;
text-align: center;
color: #e32427;
font-weight: bold;
}

/* side menu*/
#navcontainer {margin-top:-12px;margin-bottom:-13px;}
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
background-color: #444;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}