/*Copyright 2009 www.safeharborhouse.com*/

html {   }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; background-color:#003366; height:100%; height: auto !important; min-height:100%;  }
.logo { float:left; clear:right; }
.topright { float:right; width:650px; height:80px; padding-right:10px; padding-top:30px; }
.page { height:900px; height: auto !important; min-height:900px;  width:1000px; border:1px solid #48C9F1; background-color:#FFFFFF; }
.main{ height:900px; height: auto !important; min-height:900px; background-color:#ffffff;}
.leftarea {  float:left; width:770px; clear:right; background-color:#ffffff; height:100%; margin-left:10px;  }
a { color:#12657F; }
a:hover { color:#000000; }

/* top navigation */
#topnav {	height: 30px;	width: 977;	background: #48C9F1; }
#topnav td { border-right: 1px solid #185e8a;	border-left: 1px solid #00396a;	text-align: center;	background: #75A117 url(nav_bg.gif) repeat-x;	}
#topnav td a{text-decoration: none;	}	
#topnav td a { 	padding: 0px 10px 0px 10px;	color: #000; line-height: 30px;	text-decoration: none;	font-weight: bold;	font-size: 14px; text-align: center; font-family: arial; display: block; text-decoration: none; }	
#topnav td a:hover { background: #C4E975 url(nav_bg.gif) repeat-x; text-decoration: none; 	color: #fff;  }
dl, dt, dd { margin: 0;	padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
.dropdown {float:left; font-family: Tahoma; font-size: 12px; font-weight: bold; text-align: center; margin: 0px; padding: 0px; margin-left:1px;}
.dropdown dt a {width:auto; height: 26px; _float: left; line-height: 30px; padding:0px 16px 0px 16px; margin:0; font-weight:bold; cursor:pointer; color: #000;  text-decoration: none; position: relative; z-index: 300;display: block; background:url(nav_bg.gif) repeat-x;}
.dropdown dt a:hover {background:url(nav_bg.gif) repeat-x; color: #fff;}
.dropdown dd {position:absolute; _float: left; /* IE 6 and below */ _clear: left; /* IE 6 and below */ overflow:hidden; width:auto; display:none; _margin-top: -4px; background:#fff; z-index: 500;  opacity:0}
.dropdown ul {width:auto; list-style:none; border-top:none; padding: 0px; margin: 0px; z-index: 500; position: relative; }
.dropdown li {display:inline}
.dropdown li a {display:block; text-align: left; padding:5px; color:#000; text-decoration:none; background:#48C9F1; width:120px; }
.dropdown li a:hover {background:#3D85C3; color:#fff;}
.dropdown .underline {text-align: left; padding-left: 8px;}

/*     Footer    */
.flink { height:120px; background-color:#48C9F1; }
#flinks { width:950px; padding-left:60px; padding-top:5px;  }
#flinks ul {  list-style:none;  } 
#flinks li { display:inline; padding-left:10px;  padding-right:10px; color:#000; font-weight:bold;  }
#flinks a { font-family:Tahoma; font-size:12px; color:#000; text-decoration:none; }
#flinks a:hover { font-family:Tahoma; font-size:12px; color:#FFFFFF; text-decoration:underline;}
.copyrights { width:800px; padding-left:100px; margin-top:10px; color:#000; font-size:11px; text-align:center; }
#technofacia { margin-top:25px; text-align:right; margin-right:10px; font-family:Tahoma; font-size:11px; color:#000; }
#technofacia a { color: #000; }
#technofacia a:hover { color:#FFFFFF; }
#speechrep { margin-top:25px; text-align:left; margin-left:10px; font-family:Tahoma; font-size:11px; color:#FFFFFF;  float:left; clear:right;}
#speechrep a { color: #000; }
#speechrep a:hover { color:#FFFFFF; }

/*     Right    */
.rightlinks { float:right; width:200px; background-color:#ffffff; height:100%; height: auto !important; min-height:100%; margin-left:10px; margin-right:10px; margin-top:10px; }

/*     Content    */
img {border:none;}
.sectionhead { font-family: Helvetica; font-size:125%; font-weight:bold; width:770px; height:20px; color:#003366; margin-top:3px; margin-bottom:3px; }
.sectionhead1 { font-family: Helvetica; font-size:125%; font-weight:bold; width:450px; height:20px; color:#003366; margin-top:3px; margin-bottom:3px; float:left; clear:right; }
.texthead1 { line-height:12px; font-size:12px; padding-left:400px; color: #1F639E; font-weight: bolder;}
.texthead2 { font-size:18px; color:#000; font-weight: bolder; padding-top:3px; padding-left:435px; color: #000; font-weight:bold; } 
.texthead3 { font-size:12px; color:#000; padding-top:25px; text-align:right; color: #1F639E; font-weight: bolder;}
.texthead31 { padding-top:5px;  }
.texthead4 { font-size:11px; color:#000;  padding-left:410px; padding-top:7px;  }
.missiontext { width:520px; text-align:justify; float:right; line-height:16px; }
.missiontext81 { width:550px; text-align:justify; float:right; line-height:17px; padding-top:5px; }
.missiontext11 { width:440px; text-align:justify; float:right; line-height:20px; }
.missiontextnew { text-align:justify; line-height:16px; padding:2px; padding-top:10px; }
.missionfulltext { width:770px; text-align:justify; line-height:16px; }
.phasetext { width:205px; text-align:justify; margin-top:5px; margin-bottom:5px; line-height:16px; height:80px; padding-left:20px;}
.phasepic { width:200px; height:135px; border:1px solid #48C9F1; padding:1px; margin-left:24px; }
.phasemore { width:205px; margin-top:5px; padding-top:15px; color: #1F639E; font-family:tahoma; font-size:11px; text-align:right; font-weight:bold; padding-left:20px; }


.homepic { width:225px; height:150px; border:1px solid #48C9F1; padding:1px;  float:left; clear:right; }
.southpic { width:225px; height:141px; border:1px solid #48C9F1; padding:1px;  float:left; clear:right; }
.hometext { width:530px; text-align:justify; float:right; line-height:16px; }
.welcome1 { width:770px; border-bottom:1px solid #48C9F1; height:300px; margin-top:10px;}
.welcome11 { width:760px; height:280px; margin-top:10px;}
.welcome111 { width:770px; border-bottom:1px solid #48C9F1; height:100px; margin-top:10px; line-height:16px; clear:both; padding-top:10px; }
.welcome2 { width:770px; border-bottom:1px solid #48C9F1; height:290px; margin-top:10px;}
.welcome3 { width:770px; border-bottom:1px solid #48C9F1; height:auto; margin-top:10px;}
.welcome4 { width:770px; border-bottom:1px solid #48C9F1; height:210px; margin-top:10px;}
.welcome4new { width:770px; border-bottom:1px solid #48C9F1; height:210px; margin-top:10px;}
.welcome41 { width:770px; height:1000px; margin-top:10px;}
.welcome5 { width:770px; margin-top:10px; }
.welcome51 { width:770px; margin-top:80px;}

#prog { width:250px; height:130px; float:left; clear:right; background-color:#00CCFF; }
#prog .progpic { width:150px; height:100px; border:1px solid #48C9F1; padding:1px;  margin-top:5px; padding-left:50px; }
.progtext { width:150px; text-align:justify; margin-top:5px; padding-left:50px; float:right; line-height:16px; }
.more { clear:both; margin-top:5px; padding-top:5px; color: #1F639E; font-family:tahoma; font-size:11px; text-align:right; font-weight:bold; }

#programnew { margin-bottom:10px; }
#programnew .title { text-align:center; background-color:#00CCFF; font-weight:bold; }
#programnew img { border:1px solid #48C9F1; padding:1px;  text-align:center; margin:0px auto; margin-left:50px; }
#programnew p { text-align:justify; line-height:16px; vertical-align:top; padding:0px; margin:0px;  }
#programnew .more { clear:both; margin-top:5px; padding-top:5px; color: #1F639E; font-family:tahoma; font-size:11px; text-align:right; font-weight:bold; }

.arrowlistmenu1{ width: 728px; }
.arrowlistmenu1 ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0px;  margin-left:6px;}
.arrowlistmenu1 ul li{ padding-bottom: 2px; margin-top:10px;}
.arrowlistmenu1 ul li a{ color: #0327C6; display: block; margin: 0px; padding-left: 19px; text-decoration: underline; font-size: 12px; background-image:url(bulletIcon.gif); background-repeat:no-repeat; line-height:12px; }
.arrowlistmenu1 ul li a:hover{ color: #000; background-color: #ffffff; }

.arrowlistmenu2{ width: 728px; }
.arrowlistmenu2 ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0px;  margin-left:12px; }
.arrowlistmenu2 ul li{ padding-bottom: 2px; margin-top:20px; }
.arrowlistmenu2 ul li a{ color: #000; display: block; margin-top: 5px; padding-left: 19px; text-decoration: none; font-size: 12px;font-weight:bold; background-image:url(bulletIcon.gif); background-repeat:no-repeat; line-height:12px;  }
.arrowlistmenu2 ul li a:hover{ color: #0327C6; background-color: #ffffff; }

.arrowlistmenu3{ width: 728px; }
.arrowlistmenu3 ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0px;  margin-left:6px;}
.arrowlistmenu3 ul li{ padding-bottom: 2px; margin-top:10px;color: #000;padding-left: 19px;background-image:url(bulletIcon.gif); background-repeat:no-repeat; line-height:14px;}



#aform3 { width:450px; height:250px; margin-left:150px; }
.aformhead3 { width:190px; font-weight:bold; padding-bottom:6px; border-bottom:1px solid #000; }
#aform3 label { width: 200px; float: left; text-align: right; margin-right: 0.2em; display: block; margin-top:4px; }
#aform3 input { width:115px; color: #000; background: #fff; border: 1px solid #0327C6; line-height:12px; margin-top:4px;}
#aform3 select { border: 1px solid #0327C6; line-height:12px; margin-top:4px; }
#aform3 input.radio1 { border:none; width:25px; }
#aform3 input.chk1 { border:none; width:25px; }
#aform3 span {margin-top:5px; padding-top:5px;}
#submit1 input { color: #ffffff;  float:right; margin-right:3px; width:70px;} 


#aform31 { width:600px; height:250px; margin-left:100px;  }
.aformhead31 { width:190px; font-weight:bold; padding-bottom:6px; border-bottom:1px solid #000; }
#aform31 .formlabel div { width: 265px; float: left; text-align: right; display: block; margin-top:4px; font-size:11px; }
#aform31 input { width:300px; color: #000; background: #fff; border: 1px solid #0681BC; line-height:12px; margin-top:4px; font-size:11px;}
#aform31 select { border: 1px solid #0681BC; line-height:12px; margin-top:4px; font-size:11px; }
#aform31 input.radio1 { border:none; width:25px; }
#aform31 input.chk1 { border:none; width:25px; }
#aform31 input.txt { border: 1px solid #0681BC; }
#aform31 span {margin-top:5px; padding-top:5px;}
#submit11 input { color: #ffffff;  float:center; padding-left:240px; width:115px; height:24px;} 

#aformnew { height:auto; float:right; width:200px;  height:100%; height: auto !important; min-height:220px; margin-left:9px; margin-top:2px;  }
#aformnew .aformhead3 { width:200px;  font-weight:bold; padding:6px; font-size:1em; border:0;  }
#aformnew label { width: 80px; float: left; text-align: right; margin-right: 0.4em; display: block; margin-top:6px; font-size:10px; }
#aformnew input { width:110px; color: #000; background: #fff; border: 1px solid #0681BC; line-height:12px; margin-top:4px; font-size:10px;}
#aformnew select { border: 1px solid #0327C6; line-height:12px; margin-top:4px; }
#aformnew input.radio1 { border:none; width:25px; }
#aformnew input.chk1 { border:none; width:25px; }
#aformnew span {margin-top:5px; padding-top:5px;}
#submitnew input { color: #000;  float:right; margin-right:45px; width:70px; background-color:#0681BC; border: 1px solid #000; clear:both; padding:2px; margin-bottom:2px; font-size:11px;} 


.arrowlistmenu4{ width: 770px; }
.arrowlistmenu4 ul{ list-style-type: none; padding-bottom: 4px; padding-top:4px; }
.arrowlistmenu4 ul li{ display:inline; margin-right:6px; }
.arrowlistmenu4 ul li a{ color: #000; text-decoration: none; font-size: 9px; line-height:10px;  }
.arrowlistmenu4 ul li a:hover{ color: #0327C6; background-color: #ffffff; }

#list_wrapper{ width: 500px; margin-left:0px; margin-top:10px; float:left; clear:right; }
ul.multiple_columns{ margin: 0 auto; padding: 0; }
ul.multiple_columns li{ text-align: left; float: left; list-style: none; height: 16px; width: 220px; background: url(bulletIcon.gif) left center no-repeat;
	padding-left: 20px; margin-bottom: 18px; }

#list_wrapper1{ width: 770px; height:120px; margin-left:0px; margin-top:10px;  }
ul.multiple_columns1{ margin: 0 auto; padding: 0; }
ul.multiple_columns1 li{ text-align: left; float: left; list-style: none; height: 20px; width: 220px; background: url(bulletIcon.gif) left center no-repeat;
	padding-left: 20px; margin-bottom: 10px; }
	
#list_wrapper2{ width: 770px; height:390px; margin-left:0px; margin-top:10px;  }
ul.multiple_columns2{ margin: 0 auto; padding: 0; }
ul.multiple_columns2 li{ text-align: left; float: left; list-style: none; height: 20px; width: 360px; background: url(bulletIcon.gif) left center no-repeat;
	padding-left: 20px; margin-bottom: 20px; }
	object , embed{ float: left; }
#preview { background-color:#ccc; }
.jw_playlist_playlist { float:left; width: 126px; height: 243px; overflow-y: hidden; overflow-x: hidden; 
<!--[if gte IE 6]>float:right;<![endif]-->
	background-color:#ccc;

}
.jw_playlist_image { width: 120px; height: 75px; }
.jw_playlist_image_div { border: 1px solid #000000; padding: 0 0px; margin: 0 0px; float:left; background-color:white; }
.jw_playlist_item { padding:2px 2px; }
.clear { clear:both; height: 0; }
.even { background-color: #fff; }
.odd { background-color: #fff; }
.playing { background-color:#cccccc; }
#videos { width:230px; padding:10px; margin:0px; float:left; min-height:160px; }
#videos h3 { font-size:11px; padding:4px; margin:0px; height:30px; text-align:center; font-weight:bold; color:#0000CC;  }
#videos img { border:1px solid #3399FF; padding:2px; margin-left:10px; }
#videos a { width:230px; margin:0px; text-decoration:none;  }
#videos a:hover { text-decoration:none; }

#alumni { font-size:1.4em; margin-top:30px; margin-bottom:10px; text-align:center; font-weight:bold; border:1px solid #48C9F1; background-color:#E8F4FE; line-height:30px; }
#list_wrapper3{ width: 400px; height:auto; margin-left:0px; margin-top:10px;  }
ul.multiple_columns3{ margin: 0 auto; padding: 0; }
ul.multiple_columns3 li{ text-align: left; float: left; list-style: none; height: 14px; width: 400px; background: url(bulletIcon.gif) left center no-repeat;
	padding-left: 20px; margin-bottom: 10px; }