/*Nanyang Junior College Website Portal
CSS Stylesheet : Elaine Chua, d/'r-studio
				 Kaleb White, d/'r-studio

All rights reserved. Strictly no unauthorised reproduction.
*/
html,body,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,object,img,em,form,input,textarea,label{
	margin:0;
	padding:0;
}

body{
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; /*or any other font family you prefer*/
font-size: 12px;
color:#4B4B4B;
background: url(../images/background.jpg) repeat-x center top #FFFFFF;
text-align: center;
line-height: 140%
}

img {
border: none;
}

a.navigation:link {
	color: #FFF;
	text-decoration:none;
	font-weight:normal;
}
a.navigation:visited {
	text-decoration: none;
	color:#FFF;
	font-weight:normal;
}
a.navigation:hover {
	text-decoration: underline;
	font-weight:normal;
	color: #FFF;
}
a.navigation:active {
	text-decoration: none;
	color: #FFF;
	font-weight:normal;
}

.style1 {
	color:#FF9900;
	font-weight: bold;
	padding:4px 5px;
	line-height:20px;
}
.style2 {
	font-size: 22px;
	font-weight: normal;
	font-family:'trebuchet ms',helvetica, Verdana, Arial, sans-serif;
	line-height:1.2em;
	color: #FFF;
	background:url(../images/tab.gif);
	padding-left:25px;
}

.style8 {
	font-size: 16px;
	font-weight: bold;
	font-family:'trebuchet ms',helvetica, Verdana, Arial, sans-serif;
	line-height:1.2em;
	color: #333333;
}


div.header{
	font-size: 22px;
	font-weight: normal;
	font-family:'trebuchet ms',helvetica, Verdana, Arial, sans-serif;
	line-height:1.2em;
	color: #FFF;
	background:url(../images/tab.jpg) no-repeat #FF9900;
	padding-left:25px;
}

div.header2{
	font-size: 22px;
	font-weight: normal;
	font-family:'trebuchet ms',helvetica, Verdana, Arial, sans-serif;
	line-height:1.2em;
	color: #FFF;
	background:url(../images/tab2.jpg) no-repeat #FF9900;
	padding-left:25px;
}
div.header3{
	font-size: 22px;
	font-weight: normal;
	font-family:'trebuchet ms',helvetica, Verdana, Arial, sans-serif;
	line-height:1.2em;
	color: #FFF;
	background:url(../images/tab.gif) no-repeat #FF9900;
	padding-left:25px;
}
.style3 {
	font-size: 16px;
	font-weight: bold;
	font-family:'trebuchet ms',Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.style5{
	font-size: 16px;
	font-weight: bold;
	font-family:'trebuchet ms',Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}



/*fixed layout*/
div.container {
width: 955px;
background-image: url(../images/fixed.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
min-height:1000px;
text-align: left;
padding-top: 13px;
position:relative;
}
/*end of fixed layout*/

/*navigation*/

div.mainnavigation{
float: left;
margin-left:25px;
margin-bottom: 22px;
color:#FFF;
font-size:12px;
z-index:30;
}

div.targetnavigation{
float: right;
margin-right: 27px;
margin-bottom: 22px;
color:#FFF;
font-size:12px;
z-index:50;
}

div.topicons{
width:955px;
z-index:10;
text-align:right;
margin-bottom: 3px;
height: 18px;
}

div.topimg{
margin-right:0px;
margin-top:0px;
text-align:right;
margin-bottom: 0px;
}

div.login{
float: left;
margin-left: 27px;
font-size:12px;
color:#FFFFFF;
/*text-decoration:underline;*/
}

div.icons{
width:25px;
float: right;
margin-right:20px;
}
div.icons2{
width:25px;
float: right;
margin-right:10px;
}

/*end of navigation*/

/*elements*/
#indexplaceholder{
	width:895px;
	height:300px;
	background:#333333;
	border:#CCCCCC 1px;
	clear: both;
	z-index:10;
	margin:0px 0 25px 27px;
	/*position:absolute;*/
}

#push{
	width:895px;
	height:10px;
	clear: both;
}
/*2 column contents*/
div.contents{
margin-left:25px;
width:895px;
float:none;
}

div.banners {
width:300px;
margin:0px;
float: left;
/*line-height:20px;*/
}

div.news {
width:565px;
float: right;
/*margin:-790px 0 0 330px;*/
/*border:#999999 1px;*/
}

div.latestphotos {
float: left;
width:565px;
margin-left: 0px;
}

.latestphotos img{
padding-bottom:5px;
}

div.photogallery{
}

.photogallery img{
padding-bottom:5px;
}

div.headers{

width:99%;
height:auto;
font-family:'trebuchet ms',helvetica, Verdana, Arial, sans-serif;
font-size:14px;
font-weight:normal;
color:#E25812;
border-bottom:solid 1px;
border-bottom-color:#E25812;


padding:0px;

/*border:#CCCCCC 1px;*/
}

div.column1{
width:170px;
margin:0px;
float:left;
}

div.column2{
width:705px;
float:right;
}

/*end of 2 columns*/

a:link {
	color:#FF6600;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color:#FF6600;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color:#FF9900;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #FF6600;
	font-weight:bold;
}

#bottom{
/*background:#FFFFFF url(../images/bottom.jpg) repeat-x scroll 0% 0%;*/
height:148px;
width:955px;
margin-left: auto;
margin-right: auto;
clear:both;

}

#bottom-content {
/*font:.92em/1.64em;*/
color:#FF6600;
margin:0pt auto;
padding:6.75em 0pt 0pt;
position: static;
text-align:left;
width:905px;

}

.rayvolvez{
color:#666;
}

a.bottom:link {
	color: #666;
	text-decoration: none;
}
a.bottom:visited {
	text-decoration: none;
	color: #666;
}
a.bottom:hover {
	text-decoration: none;
	color: #333;
}
a.bottom:active {
	text-decoration: none;
	color: #666;
}

div.departmentsnavi{
color:#666666;
}

a.departmentsnavi:link {
	color: #666;
	text-decoration: none;
}
a.departmentsnavi:visited {
	text-decoration: none;
	color: #666;
}
a.departmentsnavi:hover {
	text-decoration: none;
	color: #333;
}
a.departmentsnavi:active {
	text-decoration: none;
	color: #666;
}

div.subindex{
color:#E86921;
font-size: 12px;
}

a.subindex:link {
	color: #E86921;
	text-decoration: none;
	font-weight:bold;
}
a.subindex:visited {
	text-decoration: none;
	color: #E86921;
}
a.subindex:hover {
	text-decoration: none;
	color: #cd853f;

}
a.subindex:active {
	text-decoration: none;
	color: #cd853f;

}


div.inspiringexcellence{
position:absolute;
left:160px;
top:135px;
}