/* @override http://www.highschoolportfolios.com/include/main.css */

    /* Created using Style Master from Western Civilisation CSS1 { 49 95 451 409 } */
body {
background-color: #FFFFFF;
color: #000000;
width: 100%;
margin: 0px;
}

/* base font and color for text */
p, body, td{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

/* base font and color for forms */
input, select, option radio{
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

a:link, a:visited {
color: #C00;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: underline;
}

a:hover {
color: #69F;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: underline;
}

/* base font and color for content text */
.content {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left;
margin-left: 20px;
margin-right: 0px;
width: 580px;
}

/* base font and color for centered content text */
.centerContent {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: center;
margin-left: 20px;
margin-right: 0px;
width: 580px;
}

/* base font and color for text inside tables */
td {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

button {
text-decoration: none;
border: none; }

.head-info {
color: #520000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin-left: 0px;
}

.error {
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin-left: 0px;
}

.blue-b {
color: #6699FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-left: 0px;
}

.blue-tag {
color: #6699FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin-left: 20px;
width: 580px;
text-align: center;
}

.blue-copy {
color: #6699FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
margin-left: 20px;
width: 580px;
text-align: center;
}

.pgHead {
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-left: 0px;
}

.tagCopy {
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin-left: 20px;
width: 580px;
text-align: center;
}

.copyright {
color: #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
margin-left: 20px;
width: 580px;
text-align: center;
}

img.port {
border: 4px #cccccc solid;
}

#studentdropdown {
position: absolute;
left: 613px;
top: 101px;
width: 122px;
height: 100px;
text-align: center;
background-color: #000;
z-index: 6;
}

#schooldropdown {
position: absolute;
left: 613px;
top: 101px;
width: 122px;
height: 100px;
background-color: #000;
text-align: center;
z-index: 6;
}

#aboutdropdown {
position: absolute;
left: 613px;
top: 100px;
width: 122px;
height: auto;
background-color: #000000;
text-align: center;
z-index: 6;
}

#content {
position: absolute;
color: #000000;
top: 200px;
left: 165px;
width: 600px;
z-index: 1;
margin: 0px;
padding: 0px;
}

#leftHead {
position: absolute;
top: 150px;
left: 0px;
width: 150px;
height: 65px;
text-align: left;
margin: 0px;
padding-left: 10px;
z-index: 5;
}

#leftNavPort {
position: absolute;
top: 222px;
left: 0px;
width: 150px;
height: 121px;
margin: 0px;
padding-left: 10px;
z-index: 5;
}




DDDD      SSSSS
DD  DD  SSS
DD   DD  SSS
DD  DD     SSS
DDDD    SSSSS



/* Copyright (c) 2004 Delphic Sage, LLC */


body, form, table, tr, td, div, form, input, textarea, select
{
	margin: 0;
	padding: 0px;
	font-size: 11px;
}

.container
{
	margin: 0;
	padding: 0;
	text-align: left;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: arial, verdana, sans-serif;
	line-height: 1.4;
}

.container a, a code
{
	color: #33f;
	text-decoration: underline;
}

.container a:hover, a:hover code
{
	color: #f33;
}

.header
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 209px;
}

.header img
{
    margin: 0;
    padding: 0;
}

.header .inner
{
	height: 40px;
	color: #777;
	border-bottom: 1px solid #ccc;
	background-color: #def;
}

span.section
{
	display: block;
	position: absolute;
	left: 20px;
	top: 10px;
	padding: 3px 50px;
	font-size: 10px;
	border: 1px solid #999;
	background-color: #f7f7f7;
	font-style: oblique;
}


a.template_link
{
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 9px;
	text-transform: uppercase;
}

.primary_nav {}

.primary
{
	width: 695px;
	margin-left: 35px;
}

.primary .inner
{
	padding: 20px 25px 20px 35px;
}





/* GENERAL HTML REDEFINITION
/* -------------------------------------------------------------- */

em, i
{
	font-style: oblique;
	font-weight: normal;
}

strong, b
{
	font-style: normal;
	font-weight: bold;
}

code
{
	font-size: 120%;
	color: #99B9CF;
}

h1
{
	margin: 0 0 30px 0;
	padding: 15px 20px 5px 0px;
	font-size: 14px;
	color: #999;
	border-bottom: 1px solid #aaa;
}

h2, h3
{
	margin: 0;
	padding: 0 0 10px 3px;
	font-size: 12px;
}

h3
{
	font-size: 12px;
	padding: 0 0 0.5em 0;
}

h4
{
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 10px;
}

h5
{
	margin:  0 0 1em 0;
	padding: 0;
	font-size: 11px;
	border-bottom: 1px solid #888;
}

p, dt, dd
{
	margin: 0;
	padding: 0 0 1em 0;
	/*font-size: 78%;*/
	line-height: 140%;
}

dt
{
	margin: 1.5em 0 0.5em 0;
	font-weight: bold;
}

ul, ol
{
	margin: 0 0 1em 0;
	padding: 0;
}

li
{
	margin: 0 0 .5em 40px;
	padding: 0;
	/*font-size: 78%;*/
	line-height: 1;
	color: #333;
	list-style-type: square;
	list-style-position: outside;
}

blockquote
{
	display: block;
	margin: 0 1.75em 1em 1.75em;
	padding: 10px 8px 8px 8px;
	font: 85% 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, sans-serif;
	line-height: 1.4;
	color: #666;
	border-color: #D5D5D5;
	border-width: 1px;
	border-style: dotted;
	background-color: #F1F1F1;
}

span.small, .small
{
	font-size: 9px;
}

span.large, .large
{
	font-size: 16px;
}




/* FORM STYLES
--------------------------------------------------------------------- */
input.input_text_two, input.input_text_four, input.input_text_medium, input.input_text_long, input.input_text_date
{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	width: 20px;
	height: 18px;
	padding-left: 3px;
	vertical-align: middle;
	border-color: #777;
	border-width: 1px;
	border-style: solid;
}

input.input_text_four
{
	width: 40px;
}

input.input_text_five
{
	width: 50px;
}

input.input_text_date
{
	width: 80px;
}

input.input_text_medium
{
	width: 180px;
}

input.input_text_long
{
	width: 300px;
}

textarea
{
	font: 11px verdana, arial, sans-serif;
	border: 1px #777777 solid;
}

.textarea_medium {}

.add_button
{
	font: 10px verdana, arial, sans-serif;
	padding: 1px 3px 1px 3px;
}

.reset_button, login_button, .browse_button, upload_button, .save_button, .add_button
{
	font: 11px verdana, arial, sans-serif;
	padding: 2px;
}

.small_button
{
	font: 10.5px verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
}

select.select_small
{
	font-size: 11px;
/*
	width: 120px;
*/
	width: 110px;
	border: 1px #777777 solid;
}

select.select_medium
{
	font-size: 11px;
	width: 250px;
	border: 1px #777777 solid;
}

select.select_long
{
	font-size: 11px;
	width: 150px;
	border: 1px #777777 solid;
}

.thumbnail
{
	border: 1px solid #555;
}


div.filtering
{
	padding: 15px;
	/*font-size: 78%;*/
	border-top: 1px solid #888;
	background-color: #eee;
}

div.sorting
{
	padding: 15px;
	/*font-size: 78%;*/
	border-top: 1px solid #888;
	background-color: #eee;
}

div.hr
{
	margin: 10px 0;
	height: 1px;
	background-color: #888;
}



/* Two Column Table
--------------------------------------------------*/

table.two_column {}

table.two_column th
{
	padding: 7px 7px 7px 15px;
	font-size: 16px;
}

th.descriptor
{
	text-align: center;
}

td.descriptor
{
	padding: 7px 7px 7px 15px;
	text-align: right;
	/*font-size: 78%;*/
	white-space: nowrap;
}

td.field
{
	padding: 7px 15px;
	/*font-size: 78%;*/
	text-align: left;
}

/* Four Column Table
--------------------------------------------------*/

table.fields_of_study_checkboxes {}

table.fields_of_study_checkboxes th
{
	padding: 25px 7px 10px 15px;
	text-align: left;
	font-size: 16px;
}

table.fields_of_study_checkboxes td
{
	padding: 2px 7px 2px 15px;
	text-align: left;
	font-size: 10px;
}


/* List Style Table
--------------------------------------------------*/

table.list_style
{
/*
	font-size: 11px;
*/}

table.list_style th
{
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #fff;
	text-align: left;
	color: #fff;
	background-color: #888;
}

table.list_style th.item_options
{
	background-color: #333;
}

table.list_style tr.odd td
{
	padding: 5px 10px;

}

table.list_style tr.even td
{
	padding: 5px 10px;
	background-color: #eee;
}

table.list_style td.item_options
{
	padding: 5px;
	text-align: center;
}

table.list_style tr.footer td
{
	padding: 5px;
	border-top: 1px solid #888;
}

div.update
{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 9px;
}

/* Portfolio Page
--------------------------------------------------*/


table.portfolio_thumbnails
{
	border-color: #999;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #eee;
}

table.portfolio_thumbnails td
{
	padding: 7px 15px 7px 15px;
	text-align: middle;
	border-color: #999;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #fff;
}

table.portfolio_thumbnails td:hover
{
	background-color: silver;
}



/* Portfolio Detail
--------------------------------------------------*/

#portfolio_detail_nav
{
	margin: 0 0 20px 0px;
	padding: 15px;
	font-size: 10px;
	line-height: 2em;
	border: 1px solid #999;
	background-color: #eee;
}

#portfolio_detail_view
{
	margin: 0 0 20px 0px;
	text-align: center;
}

#portfolio_detail_view img
{
	border: 1px solid #555;
}

.portfolio_detail_title
{
	padding: 20px 0 10px 20px;
	width: 300px;
	/*font-size: 78%;*/
	font-weight: bold;
	text-align: left;
}

.portfolio_detail_medium
{
	padding: 0 0 20px 20px;
	width: 300px;
	font-style: oblique;
	/*font-size: 78%;*/
	text-align: left;
}

#portfolio_detail_foot
{
	font-size: 10px;
}


/* Portfolio Drop Off Table
--------------------------------------------------*/

table.dropoff {}

table.dropoff td
{
	padding: 7px 7px 7px 15px;
	vertical-align: top;
}

table.dropoff td p
{
	width: 230px;
}

table.dropoff td p em
{
	font-size: 10px;
	color: #555;
}





/* Dashboard Table
--------------------------------------------------*/

table.dashboard
{
    margin: 0;
    padding: 0;
}

table.dashboard td
{
	padding: 15px;
	background-color: #eee;
	border: 1px solid #888;
}

table.dashboard h5
{
	width: 200px;
}

table.dashboard td h1
{
	margin: 0 0 10px 0;
}

table.dashboard ul
{
	padding: 0;
	margin: 0 0 20px 0;
}

table.dashboard ul li
{
	padding: 1px 0;
	margin: 0 0 0 0px;
	list-style: none;
}

tr.submission_title td
{
	padding: 0 15px;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	border: 0px;
}





/* Search Portfolios Div
--------------------------------------------------*/

div.search_portfolios {}

div.search_portfolios h2
{
	margin: 15px 0 0 0;
}

/* this class makes floats streach to the footer */
.clear
{
	clear: both;
}




/* googlead
--------------------------------------------------*/

div.newAd {
	width: 160px;
	height: 600px;
	float: left;
	position: absolute;
	top: 259px;
	left: 11px;
}