@charset "utf-8";
@import url("/css/reset_styles.css");
@import url("/css/buttons.css");

/* General */

hr {color:#CCCCCC;background-color:#CCCCCC;height:1px;}
strong { font-weight:bold;}
.clear { clear:both;}
#school .eror, #aa .eror, .eror {color: #FF0000;font-size: medium;}

body {color: #000000;	Font: Normal 0.7em "Trebuchet MS", Arial, Tahoma;
background-image: url("/images/design/body_background.jpg");background-color:#27408B;}

/* -2000px to hide the text and show css picture instead. */
h1 {font-size:1.5em;margin:4px 2px;}
h2 {font-size:1.4em;margin:4px 2px;}
h3 {font-size:1.3em;margin:4px 2px;color:#333333;}
h4 {font-size:1.0em;margin:4px 2px;color:#333333;}
h5 {font-size:0.8em;margin:4px 4px;color:#333333;text-align:center;}

p {margin:0px 0px; padding:8px 0px 0px 2px;}

ul, ol{color:#333333; margin:0px 0px; padding:0px 0px;}
ul li {color:#006699; list-style: disc inside; margin:2px 0px; padding:0px 0px;}
ol li {color:#006699; list-style: decimal inside; margin:2px 0px; padding:0px 0px;}


/*  Container  */
#container_body {position:relative;width:900px;margin:0px auto;border:0px solid lime;}
#container_content {position:relative;background-image: url("/images/design/paper_middle.png");
	width:750px;margin:0px 160px 0px auto;border:0px black solid;}
/* Header */
#header{background-image: url("/images/design/header_bg3.png");background-repeat:no-repeat;
	height:250px;border: 0px solid #3300FF;margin:0px 0px -60px 0px;}

#header .logo{margin:20px 30px;}
#header .brand{margin:20px 40px;}
#header h1 {margin:0px 0px 0px -2000px;}


/* Content */
#main_title {border: solid 0px lime;margin:0px 0px 0px 50px;padding: 8px 0px;
	color: #CC0000;position: relative;width:600px;font-size: 1.4em;}

#main_content {border:solid 0px lime; margin:0px 0px 0px 50px; color: #666666;
	position:relative; overflow:visible; width:630px; font-size:1.2em; z-index:100;}
#main_content img.familyphoto{border: solid 1px black;margin:0px;width:270px;/* Set for IE7 or overflow:hidden works too.*/}
#main_content img.slogan{border: solid 0px black;margin:0px;z-index:2;width:320px; /* Set for IE7 or overflow:hidden works too.*/}
#main_content div.slogan {margin:0px 0px 0px -2000px;}
#main_content .slogan_tag{font-size: small;color:#990000;}
#main_content .article {position:relative;overflow: auto;}
#main_content .article img{	float:right;}
#main_content .article ul.naps{	padding:30px 0px 0px 0px;margin:0px 0px;}
#main_content .article ul.naps li {color: #CC3333;font-family:"Trebuchet MS", Arial, Tahoma;
	font-size:0.9em;list-style: disc inside;margin:2px 0px;padding:0px 0px;}
#main_content .article img.naps_logo{float:left;padding:20px 10px 0px 0px;margin:0px 0px;}


/* Nav */
#nav_container {position:relative; margin:-60px -160px 0px 20px; padding:0px;
	border:solid 0px #000000; float:right; width:200px; z-index:3;}
	
#nav_container #nav_top{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;height:14px;
background-image:url("/images/design/menu_top_bg3.png");background-repeat:no-repeat;}

#nav_container #nav_mid { margin:0px 0px 0px 0px; padding:0px 0px; border:1px solid transparent;
	background-image:url("/images/design/menu_bg3.png"); background-repeat:repeat-y;}

#nav_container #nav_bottom{margin:0px 0px;padding:0px 0px;height:14px;
background-image:url("/images/design/menu_bottom_bg3.png");background-repeat:no-repeat;}

.nav_headline {margin:0px 0px 0px 0px;padding:16px 30px;}

#navigation { margin:0px 0px 0px 0px; padding:0px 0px;}

#navigation ul li {list-style:none outside;}


/* menu on every page*/
#navigation ul#main_menu {margin:0px 0px 20px 0px; padding:0px 0px;
	position:relative; font-size:105%; list-style-type: none; }
#navigation ul#main_menu li{display:block; position:relative; margin:2px 4px; padding:0px 0px 0px 8px;}
#navigation ul#main_menu li a{border:0px solid gray;
	display:block; position:relative; text-decoration:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	color:#999999;background: url(/images/icons/bullet_white.png) no-repeat center right;}
#navigation ul#main_menu li a:visited {text-decoration: none;
	background: url(/images/icons/bullet_star.png) no-repeat center right;padding:0px 0px;color: #3399CC;}
#navigation ul#main_menu li a:hover {text-decoration: none;background: url(/images/icons/bullet_go.png) no-repeat center right;
	padding:0px 0px 0px 0px;color: #339933;}
#navigation ul#main_menu li a:active {
	text-decoration: none;
	background: url(/images/icons/cog_go.png) no-repeat center right;
	padding:0px 0px;
	color: #FF6600;
}


#extra_navagation {	margin:0px 0px; padding:0px 10px;}
#extra_navagation p{margin:0px 0px;padding:8px 4px;color: #336699;}

/*main page extra links */
#main_content .article ul.extra_nav li {
	color: #CC3333;font-family:"Trebuchet MS", Arial, Tahoma;font-size:0.9em;
	list-style: none inside;margin:2px 0px;padding:0px 0px;}



/* Forms */
form {}
form fieldset { border:1px solid gray; padding:10px; -moz-border-radius:10px; border-radius:10px;}
form legend { padding:10px;}
form label { text-align:right; padding:2px 6px; margin:2px 0px;}
form input { padding:2px; margin:3px 0px;}
form select{font-size:100%; padding:2px; margin:3px 0px;}
form input, form select, form textarea {}

/* All Forms Labeled Standard_Form */
#standard_form form {}
#standard_form form label{ float:left; width:160px;}
#standard_form form input, #standard_form form select, #standard_form form textarea { width:280px}
#standard_form form input{}
#standard_form form select{ width:60%}
#standard_form form textarea {}
#standard_form form p { clear:both; color:#003399; padding:10px 2px 10px 2px;}
#standard_form label.city {width:70px; float:left;}
#standard_form label.state {width:80px; float:left;}
#standard_form label.zip {width:70px; float:left;}
#standard_form input.city {width:100px; float:left;}
#standard_form select.state {width:130px; float:left;}
#standard_form input.zip {width:60px;}
#standard_form select.birth_month {width:120px; float:left;}
#standard_form select.birth_day {width:60px; float:left;}
#standard_form select.birth_year {width:100px;}
#standard_form input.phone_areacode {width:50px;}
#standard_form input.phone_prefix {width:50px;}
#standard_form input.phone_linenumber {width:50px;}
#standard_form .question { line-height:98%;}
#standard_form .answer { margin:8px auto;}


/* Login */
#login {margin:0px 0px;	padding:8px 1px; border:2px outset #CDF4CC;background-color: #CDF4CC;overflow: hidden; -moz-border-radius: 8px; border-radius: 8px;}
#login p{margin:0px 0px;padding:4px 4px;}
/* Login Form */
#login label, #login input { margin:0px 0px; padding:2px;}
#login label { line-height:12px;}
#login input { margin:4px 6px; font-size:110%; width:90%;}
#login .buttons button {margin:10px 0px 0px 4px;}



/* Footer */
#footer {margin:0px 0px 0px 0px;padding:10px;border:0px solid #3300FF;background-image: url("/images/design/footer_background2.png");
background-repeat:no-repeat;background-position:bottom;position:relative;}
#footer ul{text-align:center;}
#footer ul li{display:inline;}
#company_info {color:#666666;margin:0px 30px 0px 30px;padding:10px;}
#company_info span{display:block;text-align:center;}
#copyright span{display:block;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;font-size: x-small;margin:6px;padding:4px;}
	
	
	
/* tooltips */
/*---------- bubble tooltip -----------*/
a.tt{position:relative;z-index:240;color: #666666;font-weight:bold;text-decoration: underline;}
a.tt span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:250; color: #339966; background: none;}
a.tt:hover span.tooltips{display:block;position:absolute;top:12px; right:-130px;padding: 0px 0px 0px 0px;width:200px;color: #993300;
	text-align: center;text-decoration:none;}
a.tt:hover span.tiptop{display: block;padding:18px 0px 10px 0px;background: url(/images/design/bubble2.gif) no-repeat top;}
a.tt:hover span.tipbottom{display: block;padding:0px 8px 8px 8px;color: #548912;background: url(/images/design/bubble2.gif) no-repeat bottom;}
a.tt:hover span.tipbottom .tooltip_pic{float:right;}


/* Admin Tooltips */
a.att{position:relative;z-index:240;}
a.att span{ display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.att:hover{ z-index:250; color:#339966; background:none;}
a.att:hover span.tooltips{display:block;background-color:#FFFFCC;padding:10px;position:absolute;left:20px;width:240px;color:#CC3300;
	border:1px solid #0066CC;overflow: auto;}
a.att span img { padding:0px 8px; float:left;}	
	
	

.icon {width:16px; vertical-align:middle;}
.notes {font-size:9px;color: #333333;padding:0px 0px 0px 10px;display:block;}
.note {font-size:9px;color: #333333;padding:0px 0px 0px 10px;display:block;}