/* main.css */
body {
	background-color: #535D8A;/* complementary color is #808A53 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;/*font-weight = 100-900*/
}
table {/*generic*/
	border-width: 0px 0px 0px 0px;/* T R B L*/
	border-style: solid;
    border-color: white;/*#535D8A*/
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
table.site {
	border: 0px solid white;
    background-color: transparent;
	width: 100%;
	height: 100%;
}
table.header {
	border: 0px solid white;
	background-color: transparent;
	width: 95%;
}
table.main {
	border-width: 4px 2px 2px 4px;/* T R B L*/
	border-style: solid;
    border-color: #757FAC;
	background-color: #E5E5FF;/*  */
	width: 95%;
	color: black;
}
table.home_links {
	border-width: 1px 1px 1px 1px;/* T R B L*/
	border-style: solid;
    border-color: #757FAC;
	width: 640px;/* the image width */
	background-color: #AAAAAA;
}
table.image_links {
	/*border-width: 1px 1px 1px 1px;/* T R B L*/
	/*border-style: solid;
    border-color: #757FAC;*/
	height: 100%;
	background-color: transparent;/* #939DCA */
	color: black;
}
td.links {
	border-width: 1px 1px 1px 1px;/* T R B L*/
	border-style: solid;
    border-color: #757FAC;
	background-color: #DDDDDD;
	color: black;
}
a:link { /* for unvisited links */
    color: #0000FF;/*blue*/
	text-decoration: none;
}
a:visited { /* for visited links */
    color: #888888;/*gray*/
	text-decoration: none;
}
a:active { /* when link is clicked */
    color: #0000FF;/*blue*/
	text-decoration: none;
}
a:hover { /* when mouse is over link */
    color: #00FF00;/*green*/
	text-decoration: none;
}
input.main_btn{/*used by home page links */
	border-width: 0px 0px 0px 0px;/* T R B L*/
	border-style: solid;
	border-color: #EEEEEE;
	background-color: transparent;
	width: 120px;
	height: 20px;
	color: #535D8A;
	cursor: hand;
}
input.app_btn{/*used by fav_apps */
	border: 0px solid black;
	background-color: transparent;
	height: 20px;
	font-size: 16px;
	color: blue;
	cursor: hand;
}
input.image_coll{/*used by the image collection links */
   border-width: 0px 0px 0px 0px;/* T R B L*/
   border-style: solid;
   border-color: #EEEEEE;
   background-color: transparent;
   width: 100px;
   height: 20px;
   color: #535D8A;
   cursor: hand;
}
input.no_image_coll{/*used by the image collection links */
   border-width: 0px 0px 0px 0px;/* T R B L*/
   border-style: solid;
   border-color: #EEEEEE;
   background-color: transparent;
   width: 100px;
   height: 20px;
   color: white;
   cursor: hand;
}
input.login{/* used for the admin demo login */
	border: 0px;
	border-color: black;
	border-style: solid;
	background-color: transparent;
	width: 50px;
	height: 25px;
	font-size: 12pt;
	color: blue;
	cursor: hand;
}
input.email{/* not used */
	border-width: 0px;
	border-color: black;
	border-style: solid;
	width: 80px;
	height: 15px;
	background: transparent url(../images/php-power-micro2.png) no-repeat center top;
    cursor: hand;
}
input.generic{/* for the generic button*/
	border: 0px solid black;
	background-color: transparent;
	width: 140px;
	height: 25px;
	font-size: 16px;
	color: blue;
	cursor: hand;
}
input.return{/* for the return button*/
	border: 0px solid black;
	background-color: transparent;
	width: 120px;
	height: 25px;
	font-size: 16px;
	color: blue;
	cursor: hand;
}