/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font: 95% Arial, Helvetica, sans-serif; /* this sets the overall font size and family overriding an older Opera bug */
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#holder {
     background:  url("/uploadedimages/home/background_h.jpg") repeat-y; /* this creates the two column, drop shadowed background. It will go from top to bottom making both columns appear to be the same length no matter which is longer. */
     margin: 0px auto; /* this centers the overall design */
     padding: 0px 10px; /* the left and right padding keeps the content back from the drop shadows (they are 10px each). */
     width: 720px; /* 20px less than actual width due to padding above */
     height:720px;
     text-align: left; /* corrects the above text-align: center; for those browsers that need it */
     position: relative; /* this gives the div positioning so that an absolutely positioned div (AP Div) can be placed within it. Otherwise, the AP Div would be placed relative to the body element (or the last positioned parent element). */
}
a{
	color: #000033;
	text-decoration: underline;
}

a:link{
	color: #000033;
	text-decoration: underline;
}

a:visited{
	color: #000033;
	text-decoration: underline;
}
a:active{
	color: #000033;
	text-decoration: underline;
}

a:hover{
	color: #666666;
	text-decoration: none;
}

h1{
 font-family: "Times New Roman", Times, serif;
 font-size: 140%;
 color: #000080;
 margin-top:.5em;margin-right:0em;margin-bottom:0em;margin-left:0em;
 
}

h2{
 font-family: "Times New Roman", Times, serif;
 font-size: 130%;
 color: #121280;
 margin-top:.5em;margin-right:0em;margin-bottom:0em;margin-left:0em;
 padding: 0px; 
}

h3{
 font-family: "Times New Roman", Times, serif;
 font-size: 125%;
 color: #000080;
 margin-top:.5em;margin-right:0em;margin-bottom:0em;margin-left:0em;
 padding: 0px; 
}

h4{
 font-family: "Times New Roman", Times, serif;
 font-size: 115%;
 color: #121280;
 margin-top:.5em;margin-right:0em;margin-bottom:0em;margin-left:0em;
 padding: 0px; 
}

h5{
  font-family: "Times New Roman", Times, serif;
 font-size: 105%;
 color: #121280;
 margin-top:.5em;margin-right:0em;margin-bottom:0em;margin-left:1.5em;
 padding: 0px; 
}
h6{
  border-left-width: 1px;   
  border-right-width: 1px; 
  border-top-width: 1px; 
  border-bottom: 1px dashed #C0C0C0;
  color:#000080; 
  font-weight:bold; 
  font-size:16px; 
  font-family: "Times New Roman", Times, serif;
  padding-left:20px;
  margin-left:-20px;
  margin-right:-5px;margin-bottom:0px;
  background-color:#eeeeee;
  text-indent:10px;
} 

ul{
 list-style-type: square;
 
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* \*/
* html #holder {
width: 740px;
w\idth: 720px;
}
/* feeds IE 5* PC the correct width due to its non-standard box model */
#logo {
	width: 720px;
	height: 142px;
	position: absolute;
	top: 0px;
	left: 10px;
	right: 10px;
}
#logo_L2 {
	width: 720px;
	height: 94px;
	position: absolute;
	top: 0px;
	left: 10px;
	right: 10px;
}

#masthead{
	padding: 0px 0px 0px;
	border-bottom: 1px solid #fff;/*gray bar below drop down navigation*/
	width: 720px;
	z-index:1500;
}

#masthead_L2{
	padding: 0px 0px 0px;
	border-bottom: 1px solid #fff;/*gray bar below drop down navigation*/
	width: 720px;
	z-index:500;
} 

/**********************left navigation menu list style************************************/

#navBar_tps ul
{
margin: 0px;
padding: 0px;
list-style-type: none;font-size:90%;
}

#navBar_tps a
{
display: block;
color: #308;
background-color: #eee;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #308;border-top: 1px solid #ccc;border-right: 1px solid #309;border-left: 1px solid #ccc;
font-weight: bold;
font-size:90%;
}

#navBar_tps a:hover
{
background-color: #309;
color: #FFF;
}

#navBar_tps li li a
{
display: block;
color: #309;
background-color: #eee;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #309;
border-top: 1px solid #cccccc;
font-weight: normal;
}

#searchbar
{margin-top:100px;}

/**********************left navigation  menu list style end*********************************/

#navBar{/*left navigation column for 3 column layout*/ 
	width: 144px;
	position:absolute;
	top:115px;right:0px; bottom:0px;left:10px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 80%;
	border-right:0px solid #ccc;
	height:565px;
	z-index:10;
}

#navBar_dragons{/*left navigation column for 3 column layout*/ 
	width: 144px;
	position:absolute;
	top:115px;right:0px; bottom:0px;left:10px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 80%;
	border-right:0px solid #ccc;
	height:600px;
	z-index:10;
}

#navBar_tps{/*left navigation column for 3 column layout*/
	 
	width: 154px;
	position:absolute;
	top:115px;right:0px; bottom:0px;left:10px;
	padding: 0px;
	background-color: #ffffff;
	border-right:1px solid #ccc;
	height:565px;
	z-index:10;
}
#navBar_home{/*left navigation column for 3 column layout*/
	 
	width: 150px;
	position:absolute;
	top:115px;right:0px; bottom:0px;left:10px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 80%;
	border-right:0px solid #ccc;
	height:565px;
	z-index:10;
}
#news{/*left navigation column for 3 column layout*/
	 
	width: 160px;
	position:absolute;
	top:0px;right:0px; bottom:0px;left:0px;
	padding: 0px;
	background-color: #ffffff;
	font-size: 80%;
	border-right:0px solid #ccc;
	height:365px;
	z-index:10;
	overflow:auto;
}

#headlines{
	float:right;
	width:159px;
	border-left: 0px solid #cccccc;
	padding-right: 10px;
	font-size: 100%;
}
#content{ /*home page column 1 of 3*/
  font-size: 100%;
  width: 379px;
  position:absolute;
  top:160px;
  right:0px;
  bottom:0px;
  left:175px;
  padding:0px;
  height:540px;
}
#content_1{/*content for one column page*/
  font-size: 80%;
  width: 690px;
  position:relative;
  padding-right:10px; padding-left:10px;padding-top:10px;
  margin-bottom:0px;
  margin-top:110px; 
  margin-left:10px;
  height:565px;
  overflow:auto;  
}
#content_form{/*content for one column page*/
  font-size: 80%;
  width: 699px;
  position:relative;
  padding-right:10px;
  margin-bottom:0px;
  margin-top:90px; 
  margin-left:10px;
  height:565px;
  overflow:auto;  
}
#content_2{/*content for 2 column page*/
	font-size: 80%;
	background: white;
	width: 550px;
	position:absolute;
	left:160px;
	top:115px;
	padding:10px 10px 0px 10px;
	height:562px;  
	overflow:auto;
}
#content_dragons{/*content for 2 column page*/
	font-size: 80%;
	background: white;
	width: 560px;
	position:absolute;
	left:155px;
	top:115px;
	padding:10px 10px 0px 4px;
	height:590px;  
	overflow:auto;
}
#content_3mid{/*content for 3 column page*/
	font-size: 80%;
	background: white;
	width: 395px;
	position:absolute;
	left:162px;
	top:115px;
	right:2px;
	padding:10px 10px 0px 0px;
	height:555px;  
	overflow:auto;
}
#content_3rt{/*content for 3 column page*/
	font-size: 80%;
	background: white;
	width: 150px;
	position:absolute;
	left:575px;
	top:105px;
	padding:10px 2px 0px 2px;
	height:555px;  
	overflow:auto;
	line-height:.6em;
}
#content_1a{/*content for one column page that scrolls*/
	font-size: 80%;
	background: white;
	position:relative;
	width: 690px;
	padding-top:105px;
	margin-left:10px;
  
}
#content_athletic_mid{/*content for 3 column page*/
	font-size: 80%;
	background: white;
	position:absolute;
	width:551px;
	left:150px;
	padding-top:115px;
	margin-left:10px;
	height:562px;  
	overflow:auto;		
}
	
#content_main{/*content for 2 column page with space for a photo at the top of the page*/
	font-size: 80%;
	background: white;
	width: 573px;
	position:relative;
	left:145px;right:0;
	top:120px; 
	height:559px;  
	overflow:auto;
}

#content_cal{/*content for one column page*/
  font-size: 80%;
  width: 600px;
  position:absolute;
  margin-right:0px;
  padding-left:1px;
  margin-top:112px;
  margin-bottom:0px;
  height:565px;
  overflow:auto;
  
}
#content_hitcal{/*content for one column page*/
 font-size: 80%;
	background: white;
	width: 650px;
	position:relative;
	left:300px;
	top:0px;
	right:0px;
	padding:10px 10px 0px 10px;
	height:555px;  
	overflow:auto;
  
}

#content_print{/*content for one column page that scrolls*/
	font-size: 80%;
	background: white;
	position:absolute;
	width: 400px;
	padding-top:20px;
	margin-left:10px;
	margin-right:50px;
  
}

#topphoto{
	width: 600px;
	position:absolute;
	left:150px;
	top:110px;
	right:0px;
	padding:0px;
	height:152px;  
}


html>body #content_2 {/*css hack by using child selector command for ie http://www.webcredible.co.uk/user-friendly-resources/css/hacks-browser-detection.shtml*/
	padding-top:0px;
}

#content_2 p{/*content for 2 column page*/
	text-indent:0px;
	padding-left:5px;padding-right:10px;
}
	
#content_2a{/*content for 2 column page without the scroller on right side 4 long pages --- use with bottom_a*/
	font-size: 80%;
	background: white;
	position:relative;
	width: 560px;
	padding-top:116px;
	margin-left:150px;
}

html>body #content_2a {/*css hack by using child selector command for ie http://www.webcredible.co.uk/user-friendly-resources/css/hacks-browser-detection.shtml*/
	padding-top:0px;
}

#content_2a p{/*content for 2 column page*/
	text-indent:20px;
	padding-left:10px;
	padding-right:5px;
}
	
/* The following selectors are styling for the content div's headings, paragraphs and links. If sIFR is used for the headings, make sure any padded added to these selectors is also added to the sIFR replacement calls in the body. */
#content h2, #content h3, #content h4 {
	font: normal 1.35em Verdana,Arial,sans-serif;
	color: #BF9E60;
}

#content h4 {
	font-size: 1.25em;
}

#content p {
	color: #000;
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif;
}

#content .link { /* creates the larger Learn More link at the bottom of the page */
	font: 1.25em Verdana,Arial,sans-serif;
}
#content a:link, #content a:visited {
	color: #000060;
	text-decoration: none;
}

#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
}



#content_1 .link { /* ??for some reason when this is removed the logout button moves over to the left?? --  creates the larger Learn More link at the bottom of the page */
	font: .65em Verdana,Arial,sans-serif;
}

#content_1 a:link, #content_1 a:visited {
	color: #000000;
	text-decoration: underline;
}

#content_1 a:hover, #content_1 a:active, #content_1 a:focus {
	text-decoration: none;
}
#content_1 ul, #content_1 li
{
	line-height:16px;
	color:#000000;
}
#content_2 ul, #content_2 li
{
	line-height:16px;
	color:#000000;
}

/***********************************************/
/* Components                                  */
/*********************************************/
#login{
	z-index:101;
	position:relative;  
	text-align:center; margin-top:5px;
	
}
/************** .feature styles ***************/
/* the following selectors create the photo/info teaser area below the navigation */
#features {
	background: #fff url(images/sidehead.jpg) no-repeat left bottom;  /* this uses the same slice as the h2 headings but is set not to repeat */
	margin: 2px 5px 5px 2px; /* this keeps the div away from the UL above (space as you like) and the same distance from the left side as well */
	padding-bottom: 10px; /* this creates a little space before the decorative border */
	border: 0px solid #cccccc;}

/* Don't show to IE Mac \*/
* html #features {height: 1%;}
/* Close the show only to IE PC Holly Hack (Place no comments inside the hack or it will close) */

#features h2 {
	margin-left: 0px; /*this overrides the left margin if an h2 element is within the features div -- features is already over 20px from the left margin and we don't want space within that div. We want the h2 element to go all the way across */	
}

#features p {
	font: .95em/135% Arial, Helvetica, sans-serif; /* font size/line height and font-family */
	margin: 20px 2px 10px 8px; /* this created extra space between each paragraph element (with floated image) */	
}

/************** .story styles on the home page *****************/

.story{
	margin: 2px;
	font-size: 25%;
	background: #fff;		
}
.story img{
	padding: 0px 0px 0px 0px;
	float:left;
}

.story p{
	padding: 0px 0px 0px 0px;
	float:right;
}

/************* #search styles ***************/

#search{
	padding: 13px 5px 0px 10px;
	border-bottom: 1px solid #ffffff;
	font-size: 80%;
}

#search form{
	margin: 0px;
	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}
.textboxstyle{
    border-right: #006297 1pt solid;
    border-top: #333333 1pt solid;
    border-left: #333333 1pt solid;
    color: #000066;
    border-bottom: #006297 1pt solid;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #e7ebf0;
    padding: 1px;
}

.tableborder{
    border-right: #006297 1pt solid;
    border-top: #333333 1pt solid;
    border-left: #333333 1pt solid;
    border-bottom: #006297 1pt solid
}

.buttonstyle{
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #000080;padding:0px;
}
.padding
{
	padding:5px 10px 5px 10px
	}
.pad
{
	padding:0px 0px 0px 10px
	}
.fontsmall table tr td th
	{font-size: 50%;}

/************* #QuickLinks and Form styles ***************/

#quicklinks{
	padding: 390px 0px 1px 1px;
	border-bottom:0px solid #cccccc;
}

#quicklinks form{
	margin: 2px;
	padding: 0px;
}

#quicklinks label{
	display: block;
	margin: 0px;
	padding: 0px;
}

#links{
	LEFT: 5px;
	POSITION: absolute;
	TOP: 48px;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0px; padding: 0px; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #eee; border-right:1px solid #eee;border-top: 0px solid #eee;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}
/*********** #navBar_home link styles ***********/

#navBar_home ul a:link, #navBar ul a:visited {display: block;}
#navBar_home ul {list-style: none; margin: 0px; padding: 0px; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar_home li {border-bottom: 1px solid #eee; border-right:1px solid #eee;border-top: 0px solid #eee;}

/* fix for browsers that don't need the hack */
html>body #navBar_home li {border-bottom: none;}

/*********** #sectionLinks styles used in the CMS content blocks***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 1px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;background-color:#eee;
}

#sectionLinks h3{
	padding: 2px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding-top: 2px;margin:0px; padding-left:10px;
}

#sectionLinks a:hover{
	background-color: #000066; color:White; text-decoration: none;
}
/*********** #news items for press releases ***********/
#news{
	position: relative;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	margin-top: 0px;
	font-weight:bold;
	color: #000066;
	padding:2px 4px 0px 10px;
	line-height:16px;
	border: 1px solid #cccccc;
	background-color: white;
}

#news p{
	font-weight:lighter; text-indent:5px;
	font-family: Arial, Helvetica, sans-serif;
}

#news a{
	color:#330099;	
}

/************** #headlines styles **************/

#headlines{
	width:165px;
	margin: 0px;margin-top:0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	LEFT: 560px;
	position: absolute; 
	top: 170px;
	line-height:20px;
}

#headlines p{
	padding: 2px 0px 2px 0px;
}

/********************* the next two selectors simply create the black bottom of the page ***********************/
#bottom {
	background: #330099; /* this created the black color that runs all the way across the page background */
	position:absolute;
	top:680px; left:0px ;
	width:100%;
}
#bottom_home {
	background: #330099; /* this created the black color that runs all the way across the page background */
	position:absolute;
	top:580px; left:0px ;
	width:100%;
}
#bottom_dragons {
	background: #330099; /* this created the black color that runs all the way across the page background */
	position:relative;
	 left:0px ;
	width:100%;
}
#temp_head {
	background-image: url(/uploadedimages/bluebg00048c.gif);			
}
#bottom_a {
	background: #330099; /* this created the black color that runs all the way across the page background */
	position:relative;
	width:100%;
}

#pagebott {
	background: url(/uploadedimages/home/footfade.gif) repeat-y; /* this creates the dropshadow look */
	width: 740px; /* must equal the same width as your overall #holder div to match exactly -- remember to count padding and/or borders for each as well */
	margin: 0 auto; /* this centers it like the main holder above it */
	
}

#pagebott p {
	margin: 0; margin-top:0;
	text-align: center; /* center aligns the text */
	font-size: 0.75em; /* choose a font size slightly smaller than your main page for best results */
	color: #000060; /* choose a color without as much contrast as your main page so that this doesn't jump out */
	padding: 5px; /* creates a small amount of space */
	letter-spacing: .06em; /* if this causes problems in any browsers, simply remove it */
}

/* creates the link and hover styling for the pagebott area */
#pagebott a:link, #pagebott a:visited {
	color: #000060;
	text-decoration: underline;
}

#pagebott a:hover, #pagebott a:active, #pagebott a:focus {
	color: #090943;
	text-decoration: none;
}

/* the following selectors are the form styles */
#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
  	width: 370px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}
	
#content fieldset{
	border:#000099 1px solid;
	padding: 5px 0px 5px 3px;
	margin: 0px;
}

#content legend {
	/*border: 1px solid #BE9E6F;  creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	 /*background: #FECF7F url(images/sidehead.jpg) repeat-y; gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em Arial, Helvetica, sans-serif;  /* styles the text within */
}

#content label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
}

#content input, #content textarea {
	color: #000; /* creates the text color */
	border: 1px solid #CEB993; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #EAE0D2; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 280px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/* these float styles can be used to float images with text next to them */
.font{
	font-size:90%;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.brclear { /* Use a break with this class to clear float containers on both sides */ 
	clear:both; 
	height:0; 
	margin:0; 
	font-size: 1px; 
	}
 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
	clear:right; 
	height:0; 
	margin:0; 
	font-size: 1px; 
}

/* used in the NavBar menu */	
.menufa, a:visited.menufa, a:link.menufa, a.menufa{   
	border:1px solid #ccc; 
	font-size:70%;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
	padding:3px 0px 0px 4px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000080;
	line-height:11px;
	letter-spacing: .01cm;
}

.menufa, a:hover.menufa{ 
	color:#000000;/*slategray*/ 
	background:white;
}

.admissapp {
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

.admissapp, span, input, select {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
}	
	
.greytop     { 
    font-weight: bold; 
    color: #000099; 
    margin-left: 0; 
    background-color: #EEEEEE; 
    margin-top:0; 
    padding-left:7px; 
    padding-right:4px; 
    padding-top:0; 
    padding-bottom:0; 
    border-left-width:1px; 
    border-right-width:1px;
    border-top-width:1px; 
    border-bottom-style:dashed; 
    border-bottom-width:1px; 
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:15px;
} 
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
table.floatLeft { 
    float: left; 
    margin: 4px; 
}
table.floatRight { 
    float: right; 
    margin: 4px; 
}

/**************.contact information class **************/
#ContactInfo{
	font-size:.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;margin:3px;
	line-height:15px;
}
#Text_top_page{
	font-size:1.2em; 
	font-family:Times, Serif; 
	font-weight:bold; 
	color:#000099;
	border-top:dashed 1px maroon; 
	padding:4px;  
	text-align:center; 
 }

h6.contactinfo {
	border-left-width: 1px;   
	border-right-width: 1px; 
	border-top-width: 1px; 
	border-bottom: 1px dashed #330099;
	color:#330099;  
	font-weight:bold; 
	font-size:12px; 
	font-family: "Times New Roman", Times, serif;
	padding-left:20px;
	margin:0px -5px 0px -10px;	
	background-color:#EEEEEE;}
  
  /************** xml styles **************/
.float{float:left;margin-right:10px;}
.design_group_dept{font-size:1em; float:left; line-height:12px; }
.design_group_program{font-size:.91em; float:left; line-height:12px;border: 0px solid #ccc;  padding:0px; margin:0px 0px;line-height:16px; }
.bodywidth {width:90%}
.title{color: #990000;font-weight: bold;}
.red{color:#000099}

#Staff_contact_info{font-size:12px;float:right;}
#syllabus {font-family: "Times New Roman", Times, serif;}
#specrules {width:500px;}

/****************** Rounded Corner Tables with css only  **********************/
/****************** make a colored graphic to go with each table **********************/