/* ===================================================      */ 
/*      real.css                                            */ 
/*      1 column w/ navigation on the top                   */
/*      fixed width: 960 px                 				*/ 
/* ===================================================      */


/*================ INITIALIZE AND RESET ======================*/
html,body{margin:0;padding:0;}
body{ }
img {border: none;}
.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; }

/* @group LAYOUT  */

body {font: 86% 'Lucida Grande', 'Lucida Sans Unicode', Lucida,verdana,arial,sans-serif; 
	background: #030303;
	line-height: 1.8em;
	}
#wrapper {width: 960px; margin:0px auto ; padding: 0; 
	text-align:left;
	background: #d4be96 url(../images/.png) repeat-y left;
	border: 0px solid #000;}
#header {width: 100%;height:150px;margin:0; padding:0;
	background: url(../images/header960.png) no-repeat top left;color: #666;}
	#header h1{ padding:20px 0 0 15px; color: #f6f6f6;}
	#header h2{ font-size: 1.6em; text-align: right; margin: 10px 0 0 0;padding: 120px 20px 0px 15px; color: #f6f6f6; }
	#header h3{ font-size: 1.6em; text-align: right; margin-top: -40px;padding: 0 5px 0 0; color: #fff; }
	#header p {	font-size: 1em; text-align: right; margin: 0;padding: 5px 5px 0 0;color: #f6f6f6; }
	#header .leftbox { float: left; width: 48%; height: auto; }
	#header .rightbox { float: right; width: 48%; height: auto; }

#content {width: auto; margin: 10px 10px 0px 10px;padding: 4em 6em 10em 6em;
	background: #f4f4f1 url(../images/.png) repeat-y left;
	border: 0px solid #877960;
	min-height: 800px;	}
#footer {
	clear: both;
	width: 100%;
	background: #000 url(..images/bottomshadow.gif)  ;
	color: #fff;
	text-align: left;
	height: 80px;
	padding: 0px 0px 22px 0px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #ccc;
	}	
	#footer p {	font-size: 0.9em;}
	#footer a {	color: #ccc;}

.narrow1{width: 50%;line-height: 1.3em;	background: #e7e7e7; padding: 20px;}
.narrow2{width: 50%;line-height: 1.5em; background: #e7e7e7; padding: 20px;	}
/* @end */
		
/* ================ typography ==========================================*/
a {	text-decoration: underline;font-weight: normal;color: #000;	}
a:link {color: #042f8c;}
a:visited {	color: #042f8c;	}
a:active {color: #042f8c;	}
a:hover {text-decoration: none;color: maroon;	}
h1 {font-size: 1.8em;font-weight: normal;margin: 0em;	}
	h1.title {	border-bottom: 1px solid #414141; line-height: 1.8em;}
h2 {font-size: 1.6em;margin: 1.4em 0em 1.1em 0em;font-weight: normal;	}
h3 {font-size: 1.4em;margin: 1.4em 0em 1.1em 0em;font-weight: bold;	}
h4 {font-size: 1.2em;margin: 1.4em 0em 1.1em 0em;font-weight: bold;	}
h5 {font-size: 1.0em;margin: 1.4em 0em 1.1em 0em;font-weight: normal;	}
h6 {font-size: 0.8em;margin: 1.4em 0em 1.1em 0em;font-weight: normal;	}
ol, ul, li {font-size: 1.0em;line-height: 1.4em;margin: 0.2em 0.2em 0.4em .2em;	}
p {	font-size: 1.0em;line-height: 1.6em;margin: 1.2em 0em 1.2em 1.2em;	}
li > p {margin-top: 0.2em;	}
pre {font-family: monospace;font-size: 1.0em;	}
strong, b {	font-weight: bold;	}
cite {text-align: right;display: block; margin: 0 40px;}
.no-style { list-style: none; padding:0; margin:0; }
.no-style li {padding: 0.1em 0em;}
.right {	text-align: right;}
.center, .center li {text-align: center;}

/***** NAVIGATION BAR FORMATTING *****/

ul#horizontal {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 960px;
	float: left;
	background: #3c5368;
	font-family: "Lucida Grande", Lucida, Arial, sans-serif;
	font-size: 11px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;	
}
ul#horizontal li {	float: left;border-left: 1px solid #fff;}
ul#horizontal li.first {border-left: none;}
ul#horizontal a {
	display: block;
	float: left;
	padding: 0 1.45em;
	line-height: 20px;
	text-decoration: none;
	color: #fff;
}
ul#horizontal a:hover {background: maroon none;}
ul#horizontal li.current_page_item a { color: #fff; background: maroon;text-decoration: none;}

ul#nav-top { float: right; margin: 120px 0 0 0;padding: 0px 0; list-style: none; }
ul#nav-top li { display: inline;  }
ul#nav-top li a { margin: 0px 18px 0 0; color: #fff; background-color: #303030; font-size: 120%; font-family:"Lucida Grande",verdana, arial, sans-serif;text-decoration: none;  }
ul#nav-top li a:hover { color: #4494FF; background-color: inherit; border-bottom: 1px solid #F1F7FF; }


#hmenu { background: #455467; color: #fff; ;padding: 0px 0; margin: 0px 0 0 0; border-top: 1px solid #000; text-align: left; }
#hmenu ul { padding: 0; margin: 0; list-style: none;  }
#hmenu li { color: #fff; font: bold 1.1em/1.2em "Trebuchet MS",arial,sans-serif;display: inline; list-style: none; text-align: right; padding: 0px 5px ; border-left: 1px solid #fff; }
#hmenu li a {color: #fff; font: bold 1.1em/1.2em "Trebuchet MS",arial,sans-serif; text-decoration: none; padding: 2px 1.5em; }
#hmenu li a:hover { color: #fff; background-color: #B22222; }
#hmenu li.first {border-left: none;}
#hmenu li.current_page_item a { color: #fff; background: maroon;text-decoration: none;}
/*  ------------ TABLES  --------------------------------- */
/* photos */
.phototable { border: 1px solid #D6DDE6; border-collapse: collapse; width: 300px; margin: 10px auto; background-color: #000;}
	.phototable td { border: 1px solid #D6DDE6; text-align: center; padding: 20px 4px; width: 50%; }
	.phototable th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: center; padding: 4px; }
	.phototable caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
	.phototable tr { }

/* phototable2 */
.phototable2 { border: 0px solid #455467; border-collapse: collapse; width: 800px; margin: 10px auto; background-color: #f4f4f1; color: #353535;}
	.phototable2 td { border: 1px solid #D6DDE6; text-align: center; padding: 10px 4px; width: 25%; }
	.phototable2 th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: center; padding: 4px; }
	.phototable2 caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
	.picturecaption tr { background-color: #fff; }
	.phototable2 a {	color: #000;}
	.phototable2 a:visited {	color: #000;}
/* tutorials */
.tutorialtable { border: 1px solid #D6DDE6; border-collapse: collapse; width: 600px; margin: 10px auto; }
	.tutorialtable td { border: 0px solid #D6DDE6; text-align: left; padding: 0px;  }
	.tutorialtable td .narrow { width: 100px; }
	.tutorialtable td .wide { width: 500px; }
	.tutorialtable th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: center; padding: 4px; }
	.tutorialtable caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
	.tutorialtable tr { vertical-align: top;}

/* data */
.datatable { border: px solid #D6DDE6; border-collapse: collapse; width: 90%; }
	.datatable td { border: 0px solid #D6DDE6; text-align: left; padding: 0px; width: 33%; }
	.datatable th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: left; padding: 1px; }
	.datatable caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
	.datatable tr { vertical-align: top;}

.datatable2 { border: 1px solid #D6DDE6; border-collapse: collapse; width: 90%; }
	.datatable2 td { border: 1px solid #D6DDE6; text-align: left; padding: 4px; width: 33%; }
	.datatable2 th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: left; padding: 4px; }
	.datatable2 caption { font: bold 0.9em arial, sans-serif; background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6; }
	.datatable2 tr { vertical-align: top;}

/* calendar table */
.caltable { border: 1px solid #D6DDE6; border-collapse: collapse; width: 90%; margin: 0px 10px;}
	.caltable td { border: 1px solid #D6DDE6; text-align: left; padding: 4px;  }
	.caltable td.narrow {width: 20%; }
	.caltable td.wide { width: 80%; }
	.caltable th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: left; padding: 4px; }
	.caltable caption { background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6;width: 100%; margin:0 0px;}
	.caltable tr { vertical-align: top;}
/* icon table */
.icontable { border: 1px solid #D6DDE6; border-collapse: collapse; width: 70%; margin: 0px 20px;}
	.icontable td { border: 0px solid #D6DDE6; text-align: left; padding: 4px;  }
	.icontable td.narrow {width: 20%; }
	.icontable td.wide { width: 80%; }
	.icontable th { border: 1px solid #828282; background-color: #E0E0E0; font-weight: bold; text-align: left; padding: 4px; }
	.icontable caption { background-color: #B0C4DE; color: #33517A; padding-top: 3px; padding-bottom: 2px; border: 1px solid #789AC6;width: 100%; margin:0 0px;}
	.icontable tr { vertical-align: top;}


/* -------------- BOXES  -------------------------------------*/	
.box1 { width: 80%; 
border-top: 1px solid #ccc; 
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
margin: 15px auto; padding: 10px;color: #030303;	  }
.box1 h3 {	text-align: center;}
.box2	{ width: 295px; height: auto; border: 1px solid #a0abb4; margin: 10px auto ; padding: 5px;  background: #e4e5d4; }
	.box2 p {text-align: center; font: .9em/1em verdana;}
	.box2 h5 {text-align: left; font-size: 1.1em; color: maroon; border-bottom: 1px solid #ccc;}	
.box3	{ float: right; width: 240px; height: 300px; text-align: center; border: 1px solid #ccc; margin: 10px ; padding: 1px; background: transparent; font: 1em arial; }
	.box3 p {text-align: left; font: .9em/1em verdana;}
	.box3 h5 {text-align: left; font-size: 1.1em; color: maroon; border-bottom: 1px solid #ccc;}

.box4 { float: right; text-align:center; 
	width: 110px; height: auto; 
	border: 1px solid #e7e7e7; 
	margin: 5px 20px 5px 10px; padding: 2px; }

.box5	{ width: 140px; height: auto; border: 1px solid #ccc; margin: 20px auto ; padding: 1px; background: #eaeaea;  }
	.box5 p {text-align: left; font: .85em/1.2em verdana; color: #545454;}
.tip {  width: 450px; margin:10px auto; padding: 10px; background: #F2F2E6; border: 1px solid #000; font-size: 0.9em;}	


.boxleft {
	width: 250px;
	float: left;
	color: #000;
	padding: 10px;
	border: 1px solid #808080;
	background-color: #d7dff2;
}
.boxright {
	width: 250px;
	float: right;
	color: #000;
	padding: 10px;
	margin: 20px 0 0 20px;
	border: 1px solid #808080;
	background-color: #d7dff2;
}

.boxleftwide {
	width: 350px;
	float: left;
	color: #000;
	padding:20px 10px;
	margin: 20px 0 0 0;
	border: 0px solid #808080;
	background-color: #fff;
}
.boxrightwide {
	width: 350px;
	float: right;
	color: #000;
	padding: 20px 5px;
	margin: 70px 0 10px 20px;
	border: 1px solid #808080;
	background-color: #fff;
}

.boxcenter {
	width: 520px;float: left;
	color: #000;
	margin: 30px 0 0 50px;	padding: 30px;
	border: 1px solid #808080;
	background: #c2c4c4;
}

/* CSS BUTTON */
.button { background: #d4be96 url(../images/leftshadow.gif) repeat-y; padding: 10px 5px 5px 10px; 
border-top: 0px solid #877960;
border-right: 3px solid #877960;
border-bottom: 3px solid #877960;
border-left: 0px solid #877960;
display: block; font-size: 12px; text-transform: uppercase; 
text-align: center; font-weight: bold; width: 100px; margin-bottom: 12px; }
.button a {
	text-decoration: none;color: black;
}
.button a:hover {
	background: #d4be96;
}