@import url("menu.css");

/* this is all to do with getting the full height of the page in the wrapper */
html, body { }

body {
	/*
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Times New Roman", serif;
	font-family: Georgia, serif;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	*/
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 13px;
	text-align: center;
	line-height: 140%;
	letter-spacing: 0.5px;
	background-color: white;
	margin: 0; 
	padding: 0;
}

/*  ############# STANDARD LINK REMOVAL AND STANDARD HTML ELEMENTS ########### */

A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:active {text-decoration: none; color: blue;}
A:hover {text-decoration: underline; color: blue;}

li {margin-bottom: 10px;}

hr { color: red; }

h3 {
	font-size: 12px;
	color: #003399;
	padding-left: 8px;
}

.moduletable h3 {
	font-size: 12px;
	color: white;
	padding-left: 8px;
}


/* ########## MAIN LAYOUT ELEMENTS ########## */


#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	min-height: 100%;
	height: auto; /* for full height of page */
	overflow: auto; /* leave this; it's for full height; if it causes scrollbars then use overflow: hidden */
	background-color: white;
	background-image:  url(../images/background.jpg);
	background-repeat: repeat-y;
}

/* THIS ALL GOES IN THE HEADER AREA */

#header {
	width: 960px;
	height: 105px;
	background-color: #FF4DA6;
}

#logo {
	float: left;
	padding-top: 20px;
	margin-left: 20px;
}

#header_title {
	font-size: 25px;
	font-style: italic;
	color: white;
	float: left;
	margin-top: 50px;
	margin-left: -15px;
}

#greek_letters {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

#top_menu {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/* END HEADER AREA */


/* THE LEFT COLUMN */

#left {
	float: left;
	width: 130px;
	background-color: #FF4DA6; /* pink */
	background-color: #3366FF; /* blue */
	margin-top: -12px;
	padding: 15px;
	height: 100%;
}

/* END LEFT COLUMN */


/* THE RIGHT COLUMN */

#right_column {
	float: right;
	width: 780px;
	margin-top: -12px;
}
#jflanguageselection { 
	float: right;
	margin: 0px;
	padding-right: 10px;
}
.jflanguageselection li a { padding-right: 30px;}

#content { 
	margin-top: 25px; 
	padding: 10px;
}
#content IMG { border: none;}

/* END RIGHT COLUMN */

.contentheading, .componentheading {
	font-size: 40px;
	color: #0033CC;
	line-height: 120%;
}

#sub_footer {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #0000FF;
	border-right-color: #0000FF;
	border-bottom-color: #0000FF;
	border-left-color: #0000FF;
}

#footer { 
	padding-top: 25px; 
	font-size: 11px;
}


/* top menu */
.menusfmenu_top a, .menusfmenu_top a:visited { width: 131px; color: white; font-size: 14px; }
.menusfmenu_top { text-align: center;}
.menusfmenu_top li { background: #3366FF; }
.menusfmenu_top a:hover { background: #FF4DA6; color: #0000FF; }

/* side menu */
.menusfmenu_left { font-size: 11px; margin-left: -3px; }
.menusfmenu_left a { width: 110px; background: #FF4DA6; background: white; }
.menusfmenu_left a:hover { background: #gray; }

#phocagallery table { margin-top: 25px; }


/* this is a standard table for the Omilo content */

table.Omilo, table.OmiloBlue {
	border-collapse: collapse;
}

table.Omilo TR { }

table.Omilo TD { 
	padding: 5px;
	border: thin solid #CCCCCC;
}
table.OmiloBlue TD { 
	padding: 5px;
	border: thin solid #0000FF;
}

table.Omilo TD.yellowcell, table.OmiloBlue TD.yellowcell {
	font-weight: bold;
	background-color: yellow;
}
table.Omilo TD.bluecell, table.OmiloBlue TD.bluecell {
	font-weight: bold;
	color: white;
	background-color: #0000FF;
}

h2 {
	background-color: gray;
	width: 100%;
	color: #FFFFFF;
	padding: 5px;
	font-size: 14px;
}


.formheading {
	background-color: #CCCCCC;
	text-align: left;
	font-weight: bold;
	padding: 5px;
}

.formsubheading {
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}
.formsubheading HR {
	color: gray;
	background-color: gray;
	height: 1px;
}