@charset "UTF-8";
/* CSS Document */
body{ background: #022545 url('images/body_bg.jpg') repeat-x; font-family: Helvetica, sans-serif; padding: 0 0 55px 0;} 

/*top*/
#top_wrap{background: transparent url('images/top_wrap_bg.jpg') repeat-x; width: 100%; height: 90px; position: relative;}

#top{ width: 900px; /*height: 90px;*/ margin: auto; position: relative; background: transparent url('images/top_bg.jpg') no-repeat;}

#top_nav{ width: auto; height: 50px;  position: absolute;  right: 0; top:15px;}

#top_nav a{color: #333; text-decoration: none; position: relative; }


/* end top*/

/*content*/
#content_wrap{width: 100%; position: relative; min-height: 437px; background: #005188 url('images/content_wrap_bg.jpg') repeat-x; padding: 0 0 10px 0; }

#content{ width: 1000px; /*min-height: 500px;*/ margin: auto; padding: 20px 0 0 0;}
/*main nav*/
#main_nav{ width: 200px;   float: left; position: relative;}

#nav{ /* all lists */padding: 0;margin: 0;list-style: none;float : left; width : 200px;}
	
#nav li { /* top list items */position : relative;float : left; width: 200px; /*border-bottom: 1px solid #005187;*/ margin: 0 0 3px 0;}
	
#nav li a {display : block;color: #fff; font-size: 10pt;text-decoration : none;background: transparent url('images/nav_off_bg.jpg') repeat-x;padding: 5px 0 0 5px;width: 200px;}
	
#nav li a:hover, #nav li.active a {background: #022545;}

#nav li.current a{background: #022545;}
	
/* end main nav*/
#copy_wrap{ width: 790px; float: left;  padding: 0 0 0 10px; position: relative;}

#copy{background: #eceadd; width: 790px; min-height: 450px; position: relative; float: left; padding: 20px 10px 20px 20px; color: #333; }

#copy_wrap_no_user{ width: 100%; float: left;  padding: 0 0 0 10px; position: relative;}

#copy_no_user{background: #eceadd; width: 100%; min-height: 450px; position: relative; float: left; padding: 20px 0 20px 20px; color: #333; }

#copy p{padding: 0 0 10px 0; line-height: 1.3em;}

/*end content*/

/*footer*/
#footer_wrap{ width: 100%; min-height: 110px; background: transparent url('images/footer_wrap_bg.jpg') repeat-x; position: relative;}

#footer{ width: 900px; min-height: 90px; margin: 0 auto 25px auto;}

/*end footer*/

/*form stuff*/
input, textarea{margin: 5px; margin-bottom: 8px; border: 1px solid #999;color: #333; padding: 5px 0 0 0;}

textarea{ width: 325px;}
/*end form*/

/*misc*/
h1, h2, h3{ font-family: Georgia, serif;  color: #003366; font-size: 17pt; padding: 0 0 10px 0; }

h2{ font-size: 15pt;}

#copy ul li{ list-style-type: disc; padding: 5px 0 5px 0; line-height: 1.3em;}

a{color: #006699; text-decoration: none;}

a:hover{text-decoration: none;}

.clear{ clear: both;}

.strong{ font-weight: bold;}

/*end misc*/

/* DOC MGMT */
.deleteLink {line-height: 1.3; background: #003366;color: white;}

#docsByRoleDivWrapper {width: 760px;float: left;}

#nonAssociatedDocs {width: 760px;float: left;}

p#allUsersNote {color: #003366;}

span.allUsers {color: red;font-style: italic;}

#docsByRoleList, #otherDocList, #docsByRoleList li {list-style-type:none;}

#docsByRoleList span {font-size: 14pt;}

span.roleDocCategoryHeading {font-size: 13pt;color: #003366;font-weight: bold;}


.docList {border: 1px solid black;padding-left: 5px;padding-bottom: 5px;padding-top: 5px;
}


#upload_button.hover {background: url(../images/button.png) 0 56px;color: #95A226;	}

#upload_form {margin-left: 20px;float: left;}


#document {cursor:pointer;background: #003366;color: white;width: 350px;height: 33px;text-align: center; padding: 5px 0 0 0;}


#document.hover {cursor: pointer;background: #333;}
	

#upload_container {border: 1px solid black;}

#upload_button {height: 29px;	width: 133px;background: url(../images/button.png) 0 0;font-size: 14px;color: #C7D92C;text-align: center;padding-top: 15px;float: left;}

a.meetingmins_cat {color:white;font-size: 16px;background:#003366;}

a.meetingmins_cat:hover {text-decoration: none;}


/* POPUPS ON DOCUMENT MANAGEMENT PAGE */

 #backgroundPopup{  
 display:none;   
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
 #popupContact{  
/* display:none;  */
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:384px;  
 width:408px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 z-index:2;  
 padding:12px;  
 font-size:13px;  
 }  
 
 #popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

/* END POPUPS ON DOC MGMT PAGE */

/* END DOC MGMT   */

/* MANAGE USERS PAGE */

th.username, th.name, th.role {padding-left: 10px;}

#usersList td {padding-left: 10px;}

#usersList td.userLinks {border-spacing: 0px;padding: 3px 0 3px 0;}

td.userLinks a{background: #003366;color: white;padding-left: 4px;padding-right: 4px; margin: 0 3px 0 0;}

td.userLinks a:hover {background: #333;text-decoration: none;}

#usersList th {text-align: left;font-weight: bold;}

a, #addUserLink  {/*color: blue;*/text-decoration: none;}

a:hover {text-decoration: underline;}

td.error {font-size: 120%;color: #f22;}

/* END USERS MGMT */

/*Townhall page*/
#copy_wrap_townhall{ width: 100%; float: left;  padding: 0 0 0 10px; position: relative;}

#copy_townhall{background: #eceadd; width: 90%; min-height: 450px; position: relative; float: left; padding: 20px 10px 20px 20px; color: #333; margin: 0 0 0 42px}

#player{ margin: 0 0 15px 0;}

/*Taljac logo*/
#taljac{position: absolute; margin-left: 25px; margin-top: 3px;}