@charset "utf-8";

a:visited, a:link, a:active, a:hover, a:focus {
	text-decoration: none;
	color: #3CF;
}

a:hover {
		color: #FF3;
}

img {border: none; }

.line {
	width: 100%;
	height:2px;
	background-color: #CCC;
	margin: 20px 0px 30px 0px;
	float: left;
}

div.hr {
  width: 100%;
  height: 2px;
  background-color: #CCC;
  color: #CCC;
  border: 0;
  margin: 10px 0px 10px 0px;
}
div.hr hr {
  display: none;
}


body, p, table {
    font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
   	font-style: normal;
	color: #ffffff;
    text-align: left;
	margin: 0px;
}

body {
	background-image: url(../images/graduation.jpg);
    background-repeat: repeat-x;  
	background-position: top; 
	background-attachment: fixed;
}

.center_h {text-align: center; }
.center_v {vertical-align: middle; }
.center_hv {vertical-align: middle; text-align: center; }

table {
	border-collapse: collapse;
	empty-cells: show;
	border: none;
	padding: 0px;
	margin: 0px;
}

table.center, div.center {
	margin: 0 auto;
}

th, td {
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}

th.bottom, td.bottom {
	padding: 0px 5px 0px 5px;
	vertical-align: bottom;
}

tr.zero, td.zero {    /*need to find and delete these tags */
	padding: 0;
}

.flg_wrapper {
	width: 910px !important;
	background-color: #1D344C;
	position: relative;
	margin: 10px auto;
	border-width: 2px /* 4px 4px 2px */;
	border-style: solid;
	border-color: #FFFFFF;
}

/* ************* Header section **************/

.flg_header { 				/* container for all header items  */
	background-color: #1D344C;
	position: relative;
	width: 910px;
	height: 100px;
	border-bottom: 1px solid #FFFFFF;
}

.flg_logo {
	background-color: #1D344C;
	position: relative;
	width: 659px;
	height: 73px;
	float: left;
}

.flg_menu {
	position: relative;
	width: 659px;
	border-top: 1px solid #FFFFFF;
	background-image: url(../images/menu_back.gif);
    background-repeat: repeat-x;  
	float: left;
}

.flg_caption {
	background-color: #1D344C;
	border-left: 1px solid #FFFFFF;
	width: 250px;
	height: 100px;
	float: right;
	overflow: hidden;
}

/* ************* Body section **************/

.flg_bodycontainer {
	width: 910px;
	background-image: url(../images/right_border.gif);
    background-repeat: repeat-y;  
	background-position:right; 
	background-attachment: scroll; 
	float: right;
}

.flg_leftborder {
	background-color: inherit;   
	width: 50px !important;
	float: left;
}

.flg_content {
	width: 770px;
	float: left;
	overflow: hidden;
}

/************** End Body section **************/

.flg_footer {
	width: 910px !important;
	background-image: url(../images/menu_back.gif);
    background-repeat: repeat-x;  
	margin: 10px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	color: #000;
	text-align: center;
}

/* Front Page Thumbs image view settings */	

ul.thumbs {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 450px;
	position: relative; /* Set the absolute positioning base coordinate */
}

ul.thumbs li {
	margin: 2px; padding: 0px;
	float: left;
	width: 82px;
	height: 62px;
}

/* Image Thumb views */
ul.thumbs li img {
	width: 80px;
	height: 60px; /* Set the small thumbnail size */
	border: 2px solid #FFFFFF;
	padding: 0px;
	position: relative;
	opacity: 0.7;		/* For web browsers who care */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);		/* For IE 5-7 */
}

/* This next line of code gives the Hover image it's properties */
ul.thumbs li img:hover, a img.border:hover {	
	border: 2px solid #FFFF33;
	opacity: 1.0;		/* For web browsers who care */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);		/* For IE 5-7 */
}

/* This next line of code gives the Active image it's properties */
ul li.thumbs_select img {	
	border: 2px solid #3399FF;
	opacity: 1.0;		/* For web browsers who care */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);		/* For IE 5-7 */
}

/* End Image Thumb settings */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Tahoma, verdana, lucida grande, sans-serif;
	font-weight: bold;
	color: #FFFF33;
}

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black {
	font-family: Arial, Tahoma, verdana, lucida grande, sans-serif;
	font-weight: bold;
	color: #000;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	font-family: Arial, Tahoma, verdana, lucida grande, sans-serif;
	font-weight: bold;
	color: #fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { border-bottom: none; }

h1 { font-size: 18px; margin: 5px 0px 1px 0px;}

h2 { font-size: 18px; margin: 0px 0px 1px 0px;}

h3 { font-size: 14px; margin: 5px 0px 1px 0px;}

h4 { font-size: 14px; margin: 0px 0px 1px 0px;}

h5 { font-size: 13px; margin: 5px 0px 1px 0px;}

h6 { font-size: 13px; margin: 0px 0px 1px 0px;}

/* Default Image framing */
img.border {
	background-color: #000000;
	border-width: 2px;
	padding: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}
/* End Default Image framing */

/*  Image with layered information stylesheets */
.image280 {
	width: 280;
	height: 210px;
	background-color: #000000;
	border-width: 2px;
	padding: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	overflow: hidden;
	float: left;
	position: relative;
}

.image280:hover{
	border-color: #FF3;
}

.image280_nest {
	width: 272px;
	display: block;
	visibility: hidden;
	font-size: 10px;
	color: #fff;
	background: #111;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	position: absolute;
	bottom: 0px;
	left: 1px;
	padding: 4px;
	border-top: 1px solid #999;
}

.image280 .more {
	position: absolute;
	right: 4px;
	bottom: 4px;
	font-size: 9px;
	color: #fff;
	background: #000;
	padding: 4px 6px;
	filter:alpha(opacity=50);
	opacity: 0.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
}

.image280 .image280_nest strong {
	display: block;
	margin-bottom: 3px;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}

/* End Image information window stylesheets */


#boxed-table {
	border-width: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	text-align: center;
	margin-left: auto; 
	margin-right: auto; 	
}
#boxed-table th, #boxed-table td {
	border-width: 2px;
	padding: 2px 3px 5px 3px;
	border-style: solid;
	border-color: gray;
/*	background-color: white; */
}

caption  {
	font-size: 12px;
	font-style: normal;
	border: 2px;
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

/*  Forns and input boxes */
form { margin: 0px; padding: 0px; }

input {
	background-color: #cccccc;
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #3300cc;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
} 

textarea {
	background-color: #cccccc;
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #3300cc;
	font-weight: normal;
	font-size: 12px;
	padding: 2px;
}

select {
	background-color: #cccccc;
	font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #3300cc;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
} 

legend {
	color: #ffffff;
	background: #000066;
	border: 1px solid #000066;
	padding: 2px 6px;
	float: left;
} 

fieldset {
	color: #000066;
	border-width: 2px;
}

/* This css is used for the e-mail formmail script */
.form_ttl {
	font-size: 11px;
}

.form_ttl_err {
	font-size: 11px;
	color: #ff0000;
}
.form_fld {
	font-size: 10px;
}

.form_fld_err {
	font-size: 10px;
	color: #ff0000;
}
/* end css for formmail script */




.important { font-weight: bold; color: #ff0000; }
.bold {font-weight: bold; }
.pictext { text-align: center; font-size: 10px; }


/* Start Lightbox settings css */

/* End Lightbox settings css */