/*********************/
/*      BASIC        */
/*********************/
body {
		font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
		font-size: 62.5%;
		margin: 0;
		padding: 0;
		background: #FFF url(images/bg/pd_bg.png) repeat-x;
}

p, h1, h2, h3, h4, h5, h5, ol, ul {
		margin: 0px;
		padding: 0px;
}

a {
  outline:none;
  }

#wrapper {
		width: 760px;
		margin-right: auto;
		margin-left: auto;
		background: #fff url(images/bg/pd_bg_col.png) repeat-y right top;
}

#container {
		width: 760px;
		margin-right: auto;
		margin-left: auto;
		background: #fff;
}

#main {
		margin-left: 20px;
		margin-right: 200px;
}

#inside{
		margin-left: 20px;
		margin-right: 20px;
}

/**************************/
/* Video size and spacing */
/**************************/

/*580x360*/

#video #inside .vid5 {
		padding: 20px 50px 20px 40px;
}
/*500x405*/

#video #inside .vid500 {
		padding: 20px 100px 20px 80px;
}

#video #inside .vid {
		padding: 20px 100px 20px 125px;
}

/**************************/
/*    Flow Player setup   */
/**************************/

#splash {
    background-color: #fff;/*#A040A0; or #550055;*/
    display: block;
	height:360px;
	width:580px;
	/*padding: 4px;*/
   	text-align:center;
	/*color:#000;*/
}
#inside a img {
    border-style: none;
}

#inside .vply .fpvid5 {
        padding: 20px 40px 20px 50px;
        display:block;
        width:580px;
        height:360px;
        /*border-style: solid;
        border-width: 8px;
        border-color: #550055;*/
}



/**************************/
/* BANNER AND LOGO STYLES */
/**************************/

#banner {
		background: url(images/bg/banner_background.gif) repeat-x left top;
		position: relative;
		border-bottom: 1px solid black;
}

#logo {
		background: url(images/pd_title.gif) no-repeat left top;
		position: relative;
		left: 20px;
		height: 150px;
}

#banner #logo img {
		position: relative;
		left: 570px;
		top: -13px;
		border: none;
}
/*********************/
/*    TABLE STYLES   */
/*********************/

table {
		border-collapse: collapse;
		width: 100%;
		font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
		margin: 7px 0px 7px 0px;
}

td, th {
		border: 1px solid #800080;
		padding: 3px 5px 2px 5px;
		text-align: center;
		font-size: 1.3em;
}

th {
		background: #A040A0;
		color: white;
		border-color: #800080;
}
/*********************/
/*     Links page    */
/*********************/

#link #inside li{
		list-style-type: none;
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 0px 10px;
		font-size: 1.5em;
}

#link #inside a {
		text-decoration: none;
		margin: 4px 0px 4px 0px;
		padding: 4px 0px 4px 0px;
		display: block;
		color: #800080;
        }

#link #inside a:hover {
		color: #A040A0;
		font-weight: bold;
}

li.us{
		list-style-position: outside;
		list-style-image: url(images/american-flag.gif);
}

li.cy{
		list-style-position: outside;
		list-style-image: url(images/CaymanIslands.gif);
}

li.cn{
		list-style-position: outside;
		list-style-image: url(images/canada.gif);
}

li.tt{
		list-style-position: outside;
		list-style-image: url(images/trinidad-tobago.gif);
}
/*********************/
/*      MAIN NAV     */
/*********************/

#nav {
		margin-bottom: 0px;
		position: absolute;
		top: 98px;
		left: 5px;
		right: 100px;
}

#nav li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		float: left;
		text-align: center;
}

#nav a {
		display: block;
		font-size: 11px;
		color: #FFF;/*#ffce0d;*/
		text-decoration: none;
		background-color: #550055;
		padding: 2px 2px 2px 3px;
		width: 10em;
		margin-left: 2px;
		border-right: 1px solid #A040A0;
		border-bottom: 1px solid #A040A0;
		font-weight: bold;
		margin-bottom: 2px;
}

#nav a:hover {
		background: #A040A0;
		border-right: 1px solid #550055;
		border-bottom: 1px solid #550055;
		color: #FBEF99;
}
/*highlight "you are here" buttons*/

#home #nav a#homeLink,
#directions #nav a#directionsLink,
#schedule #nav a#scheduleLink,
#grading #nav a#gradingLink,
#school #nav a#schoolLink,
#gallery #nav a#galleryLink,
#video #nav a#videoLink,
#event #nav a#eventLink,
#link #nav a#linkLink,
#history #nav a#historyLink {
		background: #881888;/*#A040A0;*/
		border-right: 1px solid #550055;
		border-bottom: 1px solid #550055;
		color: #FBEF99;
}
/*********************/
/*     SIDEBAR       */
/*********************/

#sidebar {
		float: left;
		width: 160px;
		margin-top: 10px;
}

#news {
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-size: 1.2em;
		border-top: 1px dashed #294E56;
		border-right: 1px dashed #294E56;
}

#news li {
		display: inline;
}

#news .title {
		font-weight: bold;
		display: block;
		color: #666666;
}

#news a {
		text-decoration: none;
		display: block;
		padding: 5px;
		border-bottom: 1px dashed #294E56;
		color: #73AFB7;
		line-height: 110%;
		background: #FFFFFF url(images/bg/bg_link.png) no-repeat right top;
}
/* hack for IE 6 < to make entire block clickable */

* html #news a {
		height: 1px;
}

#news a:hover {
		color: #000000;
		background-image: url(images/bg/bg_link_h.png);
}
/*********************/
/* Secondary SIDEBAR */
/*********************/

#secondary {
		float: right;
		width: 180px;
}

#secondary * {
		color: #fff;
}

#secondary h3 {
		font-size: 1.5em;
		background: #A040A0;
		padding: 3px 5px 3px 10px;
}

#secondary h4 {
		font-size: 1.2em;
		margin: 10px 10px 5px 10px;
		color: #ffce0d;/*#f4f719;*/ 
}

#secondary p {
		font-size: 1.2em;
		margin: 3px 10px 10px 10px;
		line-height: 110%;
}

#secondary h4 a {
		display: block;
		padding: 5px;
		color: #ffce0d;/*#f4f719;*/
		line-height: 110%;
}

#secondary h4 a:hover {
		text-decoration: none;
		color: #fff;
		font-weight: bold;
}

#secondary p a {
		color: #fff;
		line-height: 110%;
}

#secondary p a:hover {
		text-decoration: none;
		color: #ffce0d;/*#f4f719;*/
		font-weight: bold;
}

#secondary em{
        color: #ffce0d;/*#f4f719;*/
        font-style: normal;
        font-weight: normal;
        font-size: 1.2em;
        text-transform: none;
}

#secondary .phone {
        font-size: 1.4em;
}

/*********************/
/*       MAIN        */
/*********************/

h1 {
		color: #294E56;
		margin-top: 10px;
		font-size: 2.4em;
		border-top: 4px solid #294E56;
		line-height: 100%;
}

.section {
		display: inline;
		color: #999999;
		font-weight: normal;
}

.floatRight {
		float: right;
		margin: 5px 10px 2px 15px;
}

img.floatRight {
		border: 2px solid #800080;
}

.floatleft {
		float: left;
		margin: 5px 15px 2px 10px;
}

img.floatleft {
		border: 2px solid #800080;
}

p {
		color: #666666;
		font-size: 1.6em;
		margin-top: 4px;
		margin-bottom: 4px;
}

#container p {
		font-size: 1.5em;
		text-indent: 2em;
}

h2 {
		color: #800080;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.9em;
		margin-top: 10px;
		overflow: hidden;
		padding-top: 0px;
		padding-bottom: 1.5px;
		background: url(images/bg/bg_h2.gif) repeat-x left bottom;
}

.byline {
		color: #A040A0;
		font-size: 1.2em;
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
}

h3 {
		color: #666666;
		font-size: 1.5em;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
}

#history ul h3, #event ul h3 {
		color: #800080;
		font-size: 1.5em;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
}

em{
		color: #800080;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		text-transform: uppercase;
}

#inside ul{
		color: #666666;
		margin-left: 15px;
		list-style-type: none;
}

#inside ul .indent{
		font-size: 1.5em;
		margin-left: 30px;
		list-style-type: disc;
}
/*
#inside ul ul {
font-size:1.5em;
margin-left: 15px;
list-style-type: none;
}
*/

#directions #inside ul{
		font-size: 1.3em;
		color: #666666;
		margin-left: 30px;
		list-style-type: square;
}

.address {
		color: #666666;
		font-size: 1.2em;
		text-align: center;
/*margin-right: 200px;*/
		font-family: "Courier New", Courier, monospace;
}

#wrapper .address{
		margin-right: 200px;
}

#event p a, #link p a, #video p a {
		text-decoration: none;
		display: block;
		padding: 5px;
		color: #800080;
		line-height: 110%;
		width: 350px;
}

#event p a:hover, #link p a:hover, #video p a:hover {
		color: #A040A0;
		font-weight: bold;
}

#video #inside img {
		border: none;
}
/*********************/
/*       FOOTER      */
/*********************/

#footer {
		text-align: center;
		margin-top: 15px;
		border-top: 1px dashed #666666;
		padding: 5px 0 0 5px;
		margin-right: 200px;
		margin-left: 20px;
		clear: both;
}

#container #footer {
		margin-right: 20px;
}

#footer a {
		color: #666666;
		background: url(images/email.gif) no-repeat left center;
		padding-left: 20px;
		margin-left: 10px;
}

#footer p.address {
		margin-right: 0px;
}

#footer h4 {
		color: #666666;
		font-size: 1.5em;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
}