/* Styles for Princeton University Island */
/* by Jill Moraca (jmoraca@princeton.edu) and Sorat Tungkasiri (stungkas@princeton.edu) */
body {
	margin: 0px 0px 0px 0px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

/* ************************* */
/* This puts everything over #page-bg #wrapper element.
   Put all content inside #wrapper */
/* ************************* */
#wrapper {
	width: 100%;
	top:0px;
	position: absolute;
	text-align:center;
}
/* ************************* */

#page-bg {
  	background-color: #fff;
  	background-image: url(Images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 449px;
}
#logos {
	width:100%;
	height:50px;
	background-color:none;
	margin:0;
	text-align:left;
}

/* ************************* */
/* Main Menu Styles*/
/* ************************* */
#mainMenu {
	width: 100%;
	background-color:none;
	margin-top: 20px;
	padding-left: 0px;
}

/* ************************* */

#search {
	margin-top:10px;
	padding-left: 10px;
}
#calendar {
	border:1px solid #08c;
	padding: 13px 5px 0px 17px;
	width: 153px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ************************* */
/* Styles specific to content on home page*/
/* ************************* */
#home {
	margin-top:375px;
	text-align:left;
}
.homecontent {
	width: 60%;
	float:left;
}
.homecolumn1 {
	width: 20%;
	float:left;
}
.homecolumn2 {
	width: 20%;
	float:left;
}
#home p{
	margin:0px 5px 5px 0px;
	text-align:justify;
}
/* ************************* */

/* ************************* */
/* Styles for rounded boxes */
/* ************************* */
#rounded h1, #rounded h2, #rounded p {margin:0 10px; letter-spacing:1px; text-align:left;}
#rounded h1 {font-size:14px; color:#000000;}
#rounded h2 {font-size:11px;color:#06a; border:0;}
#rounded p {padding-bottom:0.5em;}
#rounded h2 {padding-top:0.5em;}
#rounded {/*background: transparent;*/ /*margin:1em;*/
	margin:0px 10px 10px 10px;
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {/*background:#d4d4d4;*/ background:transparent;
	margin:10px 10px 10px 10px;
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	border-left:1px solid #08c; 
	border-right:1px solid #08c;
	margin:10px 10px 10px 10px;
}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.roundedcontent {
	display:block; /*background:#d4d4d4;*/
	background-image: url(../images/bg_button.jpg);
	background-repeat: repeat-x;
	border:0 solid #08c;
	border-width:0 1px;
	background-position: bottom;
}
/* ************************* */

/* ************************* */
/* Styles for sub menu */
/* ************************* */
#columnMenu {}
#columnMenu ul {
	list-style-type: none;
	text-align: left;
	margin-top: 10px;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
#columnMenu li {
	display: block;
	margin: 8px 0px 0px 0px;
}
#columnMenu li a {
	padding: 1px 7px;
	color: #000000;
	text-decoration: none;
}
#columnMenu li a:hover{
	color:#D7AC00;
}
/* ************************* */

/* ************************* */
/* Footer */
/* ************************* */
#footer {
	font-size: 10px;
	text-align: center;
	padding: 25px 0px 25px 0px;
	clear:left; /* Clear Floats */
}
#footer a {
	text-decoration:underline;
	color:#000000
}
#footer a:link, #footer a:visited{
	text-decoration:underline;
	color:#000000
}
#footer a:hover {
	text-decoration:none;
	color:#000000
}
#footer img {
	margin-top:10px;
}
/* ************************* */

#content {
	position:relative; 
	width:800px; 
}
#contentTable {
	border: 1px solid #FFFFFF;
}
#whiteOpacity {
	position:absolute; 
	top:0; 
	left:0; 
	width:800px; 
	height:350px; 
	background:#FFFFFF;
}
#whiteOpacity {
 	background-color:#FFFFFF;
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
}
#contentcolumn1 {
	/*position:absolute; 
	top:0;  
	left:0; */
	position:relative;
	float:right;
	width:570px;  
	background:transparent;
	text-align:justify;
	margin: 0px 10px 20px 20px;
	line-height:20px;
}
#contentcolumn2 {
	position:relative; 
	float:right; 
	top:0;  
	right:0;
	width:200px;  
	background:transparent; 
}
#imgButtons img{
	margin-bottom: 10px; 
}


/* TEMPLATE CSS */


/**
 * General Jooma Styles
 * --------------------
 * The following are styles that are often used
 * site wide by Jooma to provide better control
 * of content's appearences.
 */

hr {

}

hr.separator {

}
.pagenavbar {
} 
.pagenav {}
.small {
	color: #333333;
	font-size: 9px;
}

td,p {
	font-size: 16px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}




/**
 * Jooma Form Styles
 * -----------------
 * Here are 2 styles that Jooma uses to let users control
 * how their forms and buttons may look.
 */
 
.button {
	font-size: 14px;
	color: #FF6600;
	font-weight:bold;
	margin-left: 5px;
}
.inputbox {
	color: #06a;
	font-size: 14px;
	text-decoration: none;
	width: 120px;
	/*font-weight: bold;*/
}


/**
 * Jooma Tabbed Frontend Admin Interface
 * -------------------------------------
 * The CSS styles here defines how the frontend admin interface
 * will look like when editing and adding news through frontend.
 */
 
.ontab {}
.offtab {}
.tabpadding {} 
.tabheading {}
.pagetext {}



/**
 * Jooma Menu Styling
 * ------------
 * You can control the way menu behave and look
 * by using the CSS settings below
 */

a.mainlevel {
	padding: 10px
}
a.mainlevel:link, a.mainlevel:visited{
	text-align: center;
	padding: 10px, 10px, 0px, 10px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration:none;
}
a.mainlevel:hover{
	color: #000;
	background-repeat: no-repeat;
	background-position: center;
	padding:10px;
	text-decoration:none;
}
#active_menu{
	color: #000;
	background-image: url(../images/mainMenuHilite.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding:10px;
}
a.mainlevelother {
	line-height: 26px;
	margin-left:10px;
}
a.mainlevelother:link, a.mainlevelother:visited{
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #06a;
	text-decoration:none;
}
a.mainlevelother:hover{
	color: #000;
	background-repeat: no-repeat;
	background-position: center;
	text-decoration:none;
}
a.sublevel{}

a:link, a:visited {
	color: #06a;
	text-decoration: underline;

}

a:hover {
	color: #606c7a;
	text-decoration: none;
}

/**
 * Jooma General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 * These stylings are either sometimes or often used across
 * Sections, categories and contents. They, therefore, deserves
 * to be mentioned and separated from others.
 */
 
.createdate {
	font-size: 10px;
	color: #666666;
} 
.modifydate {
	font-size: 10px;
	color: #FF6633;
} 
.readon:link{
	font-size: 11px;
	color: #FF6633;
	text-decoration: none;
	font-weight: bold;
}
.readon:hover{
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
	

}


/** 
 * Jooma Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */
 .contentpaneopen {
	font-size: 14px;
	width: 100%;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
	text-align:justify;
}

.contentheading {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 10px;


}
.contentpagetitle {}
.contentdescription {}
table.contenttoc {}
table.contenttoc td {}
.content_rating {}
.content_vote {}



/**
 * Jooma Sections Styles
 * ---------------------
 * Styling of sections tables 
 */

.sectiontableheader {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
.sectiontableentry1 {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}	
.sectiontableentry2 {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	background-color: #CCCCCC;
}



/**
 * Jooma Styles for Categories
 * ---------------------------
 * The following are the styling for "Category" items
 * generated from the Sections area
 */

.category {
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	background-color: #CCCCCC;
}
a.category:link, a.category:visited {}
a.category:hover {}



/**
 * Jooma Components Styles
 * -----------------------
 * These stylings are to format the way components title
 * is displayed
 */


.componentheading {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: capitalize;
} 



/**
 * Joomla Modules formatting
 * ------------------------
 * These stylings are to format the way modules are
 * displayed. It mainly deals with the format of its
 * table. I think this doesn't need too much explaining
 */

table.moduletable {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 15px;
}
table.moduletable th {
	color: #333333;
	font-size: 15px;
	padding-bottom: 5px;
	font-weight: bold;
}
table.moduletable td {
	font-size: 10px;
	color: #999999;
}
	


/**
 * Joomla's Built-in Component's Syling
 * -----------------------------------
 * These stylings are used for Joomla's built-in components
 * such as newsfeeds, weblinks, contact, search and polls.
 * A commented subtitle will guide you which is for which
 */
 
 
 /*  Polls  */
 
.poll {
	font-size: 10px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
} 
.pollstableborder {
	border-color: #CCCCCC;
} 


/*  Weblinks */
.weblinks{} 


/*  Newsfeeds */
.newsfeedheading {} 
.newsfeeddate {} 
.fase4rdf {} 


/* Search page */
table.searchintro {
} 


/*  Contact's table settings  */
table.contact {} 
table.contact td.icons {} 
table.contact td.details {}