/*
'#' represents id
'.' represents class
' ' is inside previous element
':' is pseudo-class or pseudo-elements
*/

body{
	padding: 0px;
	border: 0px;
	margin: 0px;
	font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
	background-color: white;
        color: black;
}

//Possible backgrounds

.defaultbg{
	
}

.bg1{
	background-image: url("../../images/backgrounds/Amy's_blue.jpg");
}

.bg2{
	background-image: url("../../images/backgrounds/pink42.jpg");
}

.bg3{
	background-image: url("../../images/backgrounds/marshmallows3.jp"g);
}

.bg4{
	background-image: url("../../images/backgrounds/soundfx.gif");
}

.bg5{
	background-image: url("../../images/backgrounds/starswirl.gif");
}

.bg6{
	background-image: url("../../images/backgrounds/Stars.jpg");
}

.bg7{
	background-image: url("../../images/backgrounds/pg3bgsoccer.jpg");
}

.bg8{
	background-image: url("../../images/backgrounds/leaf.jpg");
}

.bg9{
	background-image: url("../../images/backgrounds/striped%20background.jpg");
}

/****************************************
Other Elements
****************************************/


a{
	margin: 0px 3px;
        font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
	color: blue;
        text-decoration: underline;
}

a:visited{
	color: gray;
}

a.hidden{
	color: white;
}

a:active, a:hover{
	color: red;
}

h1{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 36pt;
 color: red;
 margin: 3px 0px;
 padding: 0px;
 font-weight: bold;
}

h2{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 28pt;
 color: red;
 margin: 3px 0px;
 padding: 0px;
 font-weight: bold;
}

h3{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 20pt;
 color: red;
 margin: 2px 2px;
 padding: 0px;
 font-weight: bold;
}

h4{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 20pt;
 color: black;
 margin: 2px 2px;
 padding: 0px;
 font-weight: bold;
}

h5{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 16pt;
 color: red;
 margin: 1px 4px;
 padding: 0px;
 font-weight: normal;
}

h6{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 16pt;
 color: black;
 margin: 1px 4px;
 padding: 0px;
 font-weight: normal;
}

p{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 12pt;
 color: black;
 font-weight: normal;
}

/*list-style-image: url("../../images/b1.png");*/
ul{
    list-style-image: url("../../images/bullet3L.jpg");
}

/*list-style-image: url("../../images/b2.png");*/
ul ul{
    list-style-image: url("../../images/bullet3M.jpg");
}

/*list-style-image: url("../../images/b3.png");*/
ul ul ul{
   list-style-image: url("../../images/bullet3S.jpg");
}

.new{
 list-style-image: url("../../images/new.gif");
}

.urgent{
 list-style-image: url("../../images/urgent.gif");
}

label{
 font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

hr{
 background-image: url("../images/hrule.png"); 
 background-position: center;
 height: 5px;
 margin: 0px 10%;
}

table p.menu,
table a.small,
table a.hidden{
 font-size: 60%;
 display: block;
 padding: 0px;
 border: 0px;
 margin: 0px, 0px, 10px, 10px; 
}

tr.calendar{
 height: 160px;
 vertical-align: top;
}

td.anyday{
 border: solid black 1px;
}

td.anyday a.date{
 text-decoration: none;
 color: black;
}

td.today{
 color: red; 
 border: solid red 2px;
}

td.today a.date{
 text-decoration: none;
 color: red;
}

td.today p{
 color: red;
}

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

/* top banner */
#top{
   padding: 0px;
   border: 0px;
   margin: 0px -10px;
   top: 0%;
   width: 100%;
   align: center;
   font-family: 'Times New Roman';
   font-weight: bold;
   font-style: italic;   
}

#top p{
   padding: 0px;
   border: 0px;
   margin: 0px;
   width: 100%;
   font-family: 'Times New Roman';
   font-size: 14pt;
   font-weight: bold;
   font-style: italic; 
   
   text-align: center;  
}

/*
#top p.big{   
   text-decoration: underline;
   text-align: center;
   position: relative;
   top: -20%;
   left: 60%;
   width: 5%;
}
*/

#top p.big{   
   padding: 0px 0px 0px 0px;
   border: 0px;
   margin: 10px 0px 0px 0px;
   font-family: 'Times New Roman';
   font-size: 14pt;
   font-weight: bold;
   font-style: italic; 
   text-decoration: underline;
   display: inline;
   text-align: left;
   width: 150px;
}

#top p.big:first-letter{
   font-size: 350%;   
}

#top p.small{
   margin: 0px 0px 0px 0px;
   text-align: right;
   font-size: 11pt;
}

#top p.small a{
   font-family: 'Times New Roman';
   font-size: 11pt;
   font-weight: bold;
   font-style: italic;
   color: black;
   text-decoration: none; 
}

#top p.small a:hover{
   color: red;
   text-decoration: underline;
}

/* navigation bar */
.navbar{
   padding: 0px 0px 13px 0px;   
   margin: 10px 0px;
   border: 0px;
   width: 100%;
   color: black;
   font-family: Arial;
   font-size: 8pt;
   font-weight: bold;
   text-align: center;
   clear: left;
}

/*
.navbar div.ribbon{
   padding: 3px 8px;
   border-top: solid 3px;   
   border-bottom: solid 3px;
   margin: 0px 0px 0px 0px;
   background-color: black;
   font-family: Arial;
   font-size: 7pt;
   font-weight: bold;
   color: black;
   text-decoration: none;
}
*/

.navbar img{
   padding: 0px;
   margin: 0px -3px -20px -3px;
   border: 0px;
}

.navbar a{
   padding: 3px 6px;
   border-top: solid 2px;   
   border-bottom: solid 2px;
   margin: 0px -3px;
   background-color: black;
   font-family: Arial;
   font-size: 7pt;
   font-weight: bold;
   color: white;
   text-decoration: none;
}

.navbar a:active{
	color: red;
}

.navbar a:visited{
	color: white;
}

.navbar a:hover{
	color: red;
	text-decoration: underline;
}

.navbar a.leftmost{
   	padding: 3px 8px 3px 15%;
	left: 0%;
}

.navbar a.rightmost{
   	padding: 3px 15% 3px 8px;
	right: 100%;
}

/* content */
#mycontent{
   padding: 0px;
   border: 0px solid black;
   margin: 5px 0px 0px 0px;   
   background-color: #000000;
   position: absolute;
   left: 0px;
   width: 100%;
   font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
   font-size: 20;
   font-weight: bold;
   color: white;
   display: inline;
}

/* left column (also a nav bar) */
#left{
   padding: 0px 0px;
   border: 0px;
   margin: 0px;
   left: 0px;   
   float: left;
   width: 155px;
   width: 20%;
   text-align: left;
   font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
   font-size: 18;
   font-weight: bold;
   color: white;   
   display: inline;
}

#left p{
	padding: 0px;
	border: 0px;
	margin: 0px;
	color: white;
	text-align: center;
	font-size: 8pt;
   	font-weight: bold;
}

#left a{
   padding: 0px 0px 0px 0px;
   border: 0px;
   margin: -6px 25px; 
   font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
   font-size: 18;
   font-weight: bold;
   color: white;
   text-decoration: none;
   text-align: left;
   display: block;
}

#left a.home{
        padding: 45px 0px;	
	border: 0px;
	margin: 0px 5% 0px 5%;	
	background-image: url("../images/home.png");
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	color: black;
	
}

#left a.hidden{
	color: black;
}

#left a:active{
	color: red;
}

#left a:hover{
	color: red;
	text-decoration: underline;
}

/* center column - main content */
#center{
   padding: 15px 0px 0px 15px;
   border: 0px;
   margin: 0px;
   float: right;
   width: 78%;
   background-color: white;
   text-align: left;
   font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
   font-size: 12pt;
   font-style: normal;
   font-weight: normal;
   color: black;
}

/* right column - news box */
#news{
   padding: 0px 10px 0px 10px;
   border: 5px solid black;
   margin: -15px 0px 0px 10px;
   background-color: white;
   float: right;
   width: 216px;
   font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
   font-size: 8pt;
   color: black;
}

#news p{
   font-size: 10pt;
}

#news ul{
   margin: 0px -10px 3px 0px;
   padding: 0px 0px 0px 30px;

}

#news li{
   padding: 0px 2% 0px 0px;
   font-family: 'Tempus Sans ITC', 'Comic Sans MS', 'Lucinda Sans', 'Times New Roman';
   font-size: 9pt;
   color: black;
}

#poll{
   padding:30px 0px 0px 0px;
   border: 0px;
   margin: 0px;
   width: 160px;
   align: center;
}

#poll p{
   color: white;
   font-size: 8pt;
   font-weight: bold;
}

/* bottom of page */
#footer{
}

/* for fun :) */
.subliminal{
	display: none;
}


/*****************************************
for Survey page
*****************************************/
.bgs{
	type: radio;
	name: Background; 
}

.bg{
	border: solid black 2px;
	width: 100px;
	height: 100px;
}

p.f1{
	color: black;
}

input.single{
}

input.box{
}


/******************************
Define images
******************************/
img.logo{
	border: 0px;
	image: url("../../images/logo00D.png");
	background-image: url("../../images/logo00D.png");
	height: 60px;
	width: 200px;
}