/* CSS Document */
*, html {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, img {margin: 0; padding: 0;}

body {
	background-image: url(/images/background12.jpg);
	background-attachment:fixed;
    background-position: top center;
	text-align:center;
	padding-top:15px;	
	padding-bottom:15px;
	height : 100%;
	color : #a4a4a4;
	cursor : default;
	font-size : 11px;
	line-height : 16px;
	background-color : #000;
	background-position : 50% 0;
	background-repeat : no-repeat;
	font-family : Tahoma, sans-serif;
	}
	
.hidden
{
display: none;
}
	
	h1,h2,h3{font-weight:normal;line-height:1.3em}
	h1{color:#000;font-size:2.5em;letter-spacing:-0.05em}
	h2,h3{font-variant:small-caps}
	h2{font-size:1.8em;color:#999999;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:0.35em 0 0.4em;letter-spacing:-0.03em}
	h3{color:#2a2a2a;font-size:1.5em;letter-spacing:-0.02em}
	/* hr{background:#cad6e8;border-color:#cad6e8;border-width:1px 0 0;color:#cad6e8} */
	
p {
	color: #000000;
	font-size: 12px;
	line-height: 140%;
	margin: 0 0 12px 0;
	}

a {color: #c70b0b; text-decoration: none; font-size: 12px;}
a:hover {background-color: #666666; color: #ffffff;}
img {border: none;}

#wrapper {
	width: 940px;
	background-color: #FFFFFF;
	border:1px solid #000;
    margin-left: auto;
	margin-right:auto;
	}
	
#HiddenText{display:none;}

#Header {
	width:940px;
	height:160px;
	background-color: #FFFFFF;
}
#Header a {
	font-size:11px;
	color:#333333;
	padding-left:2px;
	padding-right:2px;
	}
#Header a:hover {
	font-size:11px;
	color:#FFFFFF;
	padding-left:2px;
	padding-right:2px;
	}
#headermenu {
	vertical-align:middle;
	float:right;
	padding-right:10px;
	font-size:11px;
	z-index:2;
	}

#MainMenu {
	width:940px;
	background-color: #2a2a2a;
	height:22px;
}
#HeaderFilmStrip {
	width:940px;
	height:103px;
	background-image: url(/images/surfacesstrip.jpg);
}
#MainSubject {
	width:940px;
	padding-top:20px;
	background-color:#FFFFFF;

}
#MainText {
	text-align:left;
	}

#textheading {
	color: #999999;
	font-size: 24px;
	line-height:22px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
	
/*     Shadow effect     */
.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 17px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
/*     end of Shadow effect   */


	
#Footer {
	width:940px;	
	padding-top:20px;
	color:#000000;
}
#IDIFooter {
	width:940px;
	padding:20px 0px 20px 0px;
	color:#FFFFFF;
	background-color:#222222;
	
}

 /***************** Employee Chart *****************************/ 
#Photosettings {
	display:block;
	position:relative;
	width:100%;
	padding: 10px;
}
#Photosettings table{
	width:100%;
}
#Photosettings td{
	text-align: center;
}
#Photosettings-td2{
	font-family: verdana;
	font-size: 10px;
	font-weight:bold;
	padding-bottom:20;
	color:#000;
}
#Photosettings span{
	font-family: verdana;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	color:#990000;	
}
#emp-left {
	margin: 0px;
	width: 300px;
	float: left;
	diplay:inline;
	text-align:center;
	}
#emp-center {
	margin: 0px;
	width: 300px;
	float: left;
	diplay:inline;
	text-align:center;
	}
#emp-right {
	margin: 0px;
	width: 300px;
	float: left;
	diplay:inline;
	text-align:center;
	}	


 /************************ End of Employee Chart *******************/

 /**************** Management Team *****************************/
#ManagementTeam {
	display:block;
	position:relative;
	width:90%;
	border: 1 solid black;
	padding: 10px;
}
#ManagementTeam img{
	border: 1 solid black;
}
#ManagementTeam table{
	width:100%;
}
#ManagementTeam td{
	text-align: center;
}
#ManagementTeam-tr2{
	background-color:#FFCC00;
}
#ManagementTeam-td2{
	font-family: verdana;
	font-size: 10px;
	padding:20
}
#ManagementTeam span{
	font-family: verdana;
	font-size: 16px;
	line-height:18px;
	font-weight:bold;
	text-align: center;
	color:#990000;	
}
 /************************ End of Management Team *******************/

 

#container {
	width: 940px;
	margin: 0 auto;
	background-color: #2a2a2a;
	}
.clearMe {clear: both;}

.LCBox h1 {
	height: 25px;
	width: 400px;
	}
.RCBox h1 {
	height: 25px;
	width: 300px;
	}

#content {
	width: 900px;
	padding-top: 20px;
	margin-left:10px;
	
	}
.leftColumn2 {
	width: 490px;
	margin-right: 20px;
	float: left;
	}
.rightColumn2 {
	width: 390px;
	float: left;
	}
.LCBox, .RCBox {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom: 20px;
	}
.LCBox {width: 470px;}
.RCBox {width: 370px;}

 /* -------------  Login Form ------------ */
.formLayout
    {
        padding: 10px;
        width: 95%;
    }
    
.formLayout label, .formLayout input
    {
        display: block;
        float: left;
        margin-bottom: 10px;
    }
 
.formLayout label
    {
		width:70px;
        text-align: right;
        padding-right: 20px;
		color:#ffffff;
		vertical-align:baseline;
    }
.formLayout span
    {
        padding-right: 20px;
		padding-bottom: 20px;
		color:#ffffff;
    }
.formLayout img{	
	MARGIN: 3px 7px 0px 0px;
	FLOAT: left;
	width:189px;
	height:252px;
	}




/*==================
Admin Modules
===================*/

#adminmenu
	
.adminblock {
	Padding-bottom: 40px;
	display:block;
	}
.adminblock img{	
	BORDER: #ffffff 3px solid;
	MARGIN: 3px 7px 0px 0px;
	FLOAT: left;
	width:75px;
	height:75px;
	}
.adminheader{
	color: #999999;
	border-bottom: 1px solid #666666;
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:130px;
	}
.admindesc{
	float:right;
	width:320px;
	color: #999999;
	border-bottom: 1px solid #666666;
	text-transform:uppercase;

	}
.admindetail{
	float:right;
	width:320px;
	color: #FFFFFF;
	font-size: 12px;
	line-height:18px;
	}	
.adminlink{
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:130px;
	font-size: 12px;
	line-height:18px;
	}
.adminrheader{
	color: #999999;
	border-bottom: 1px solid #666666;
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:110px;
	}
.adminrdesc{
	float:right;
	width:240px;
	color: #999999;
	border-bottom: 1px solid #666666;
	text-transform:uppercase;
	}
.adminrdetail{
	float:right;
	width:240px;
	color: #FFFFFF;
	font-size: 12px;
	line-height:18px;
	}	
.adminrlink{
	padding-left: 4px;
	text-transform:uppercase;
	float:left;
	width:110px;
	font-size: 12px;
	line-height:18px;
	}	

/***************************   SLIDE SHOW INDEX PAGE   ******************************************/

div.wrap {
width : 900px;
margin : 0 auto;
text-align : left;
border:1px solid #000;
}
div#top div#nav {
float : left;
clear : both;
width : 900px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#headers {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#headers div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#headers div#slide-holder {
z-index : 40;
width : 900px;
height : 299px;
position : absolute;
}
div#headers div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 880px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#headers div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#headers div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 900px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#headers div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#headers div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#headers div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 14px;
color:#FFFFFF;
margin : 0 10px 0 0;
line-height : 20px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;

}
div#headers div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
background-color:#00FF00;
opacity: .7;
filter:alpha(opacity=70);

}
div#headers div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/slide-nav.png);

}
div#nav ul li a {
background : url(images/nav-bg.png) no-repeat;
top: -50px;
line-height: 50px;
height: 50px;
background: black;
opacity: .7;
filter:alpha(opacity=70);
}
/***************************   END OF SLIDE SHOW INDEX PAGE  **************************************************/