/* Graduation Pledge */

body {
	margin: 0;
	padding: 0;
	background:#eee url(/~graduate/images/bodybg.gif) fixed;
	font-family: Verdana,Tahoma, Arial, Serif;	
	line-height: 1.5em;
	font-size: 10px; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: 10px; /* easy scaling */
  	font-size: 0.76em;
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:Georgia, Tahoma, Verdana, Arial, Serif;
	font-weight:normal;
	color: #333;	
}

p, blockquote, ul, ol {
	margin-top: 0;
	padding-top: 0;
	margin-bottom:0.5em;	
}
p 
{
	line-height:1.8em;
}

a:link, a:visited {
	color: #579;
	text-decoration:none;
	border-bottom:#c96 1px dotted;
}
a:hover,a:active 
{
	color:#960;
	text-decoration:none;
	border-bottom:#699 1px solid;
}
img.left 
{
	float:left;
	margin:0 1em 1em 0;
}
img.right 
{
	float:right;
	margin:0 0 1em 1em;
}
a img 
{
	border:0;
	padding-bottom:2px;
	border-bottom:1px dashed;
}
blockquote 
{
	margin:1em;
	padding:0 2em;
	background:url(/~graduate/images/quote.gif) no-repeat left top;
	color:#888;
}
fieldset 
{
	border:none;
}

dl {
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}

#header 
{
	background:url(/~graduate/images/header-images/1.jpg) no-repeat center;
	height:180px;
	width:900px;
	border:#ccc 3px double;
	margin:10px auto;
}

#main {
	width: 900px;
	margin: 0 auto;
	background:#fff;
	border:#ccc 3px double;
}
#main h2 {
	padding: 4px;
	font-size: 1.6em;		
	line-height:1.2em;
	border-bottom:#ddd 1px solid;
}
#main h3 {
	padding: 4px;
	font-size: 1.4em;		
	line-height:1.2em;
	border-bottom:#ddd 1px solid;
}
#main h2 a 
{
	border:0;
}

#content {
	float: right;
	width: 640px;
	padding:10px;	
}
#content ul {
	margin: 0.5em 0;
	padding: 0 0 0 2em;
	list-style-type:none;
}
#content ul li 
{
	padding:5px 0;
	/**list-style-image:url(/~graduate/images/arrows.gif);*/
	line-height:1.8em;
	list-style: inside;
}
#content ol 
{
	margin:0;
	padding:0 0 0 3em;	
}
#content ol li 
{
    margin:0;
    padding:3px;
    line-height:1.8em;
}
#content .outer 
{
    margin-bottom:3em;
}
#content .inner 
{
    clear:both;
    padding: 10px 5px;
}
#content .sign-up
{
    width: 156px;
    float: right;
    background-color: #E5E5E5;
    border: 1px solid #999999;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    color:#006699;
}

#sidebar {
	float: left;
	width: 205px;		
	padding: 10px;	
	font-size:0.9em;
	margin:5px;
	border-right:#ccc 1px dotted;
}

#sidebar ul 
{
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
#sidebar li
{
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
#sidebar h2
{
	padding: 10px 0 0 0;
	font-variant:small-caps;
}
#sidebar p, #sidebar form
{
	padding:10px;
	margin:0;
}
#sidebar ul ul
{
	margin:10px 0 0 20px;
	padding:0;
}
#sidebar ul ul ul
{
	margin:0px 0 0 10px;
	padding:0;
}
#sidebar li li 
{
	list-style-image:url(images/bullet.gif);
	margin:5px 0;
	padding:0;
	
}

.purpleHeader
{
	background-color: #990099;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	font-family:"Times New Roman", Times, serif;
	padding-left: 15px;
	margin-top: 30px;
	text-transform: uppercase;
}
.purpleBody
{
	background-color: #EED3FD;
	border: 1px solid #990099;
	color: #000;
	line-height: 2.0;
	padding: 15px;
}
.purpleBody a
{
	color: #000;
	text-decoration: none;
}
.greyHeader
{
	background-color: #999999;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	font-family:"Times New Roman", Times, serif;
	padding-left: 15px;
	margin-top: 30px;
	text-transform: uppercase;
}
.greyBody
{
	background-color:#ccc;
	border: 1px solid #666;
	color: #000;
	line-height: 2.0;
	padding: 15px;
}
.greyBody a
{
	color: #000;
	text-decoration: none;
}
.blueHeader
{
	background-color: #0066CC;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	font-family:"Times New Roman", Times, serif;
	padding-left: 15px;
	margin-top: 30px;
	text-transform: uppercase;
}
.blueBody
{
	background-color: #DDDEFE;
	border: 1px solid #06c;
	color: #000;
	line-height: 2.0;
	padding: 15px;
}
.blueBody a
{
	color: #000;
	text-decoration: none;
}
.greenHeader
{
	background-color: #009900;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	font-family:"Times New Roman", Times, serif;
	padding-left: 15px;
	margin-top: 30px;
	text-transform: uppercase;
}
.greenBody
{
	background-color: #DAFDD9;
	border: 1px solid #090;
	color: #000;
	line-height: 2.0;
	padding: 15px;
}
.greenBody a
{
	color: #000;
	text-decoration: none;
}
.yellowHeader
{
	background-color: #663300;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.5;
	font-family:"Times New Roman", Times, serif;
	padding-left: 15px;
	margin-top: 30px;
	text-transform: uppercase;
}
.yellowBody
{
	background-color: #F9E6DC;
	border: 1px solid #630;
	color: #000;
	line-height: 2.0;
	padding: 15px;
}
.yellowBody a
{
	color: #000;
	text-decoration: none;
}

/* Resource Page Boxes */
.blueText { 
	color: #0066CC; 
	font-weight: bold; 
	padding-left: 15px; 
	line-height: 1.5; 
	text-align: center;
} 
.myBlueHeader { 
	background-color: #999999;
	font-weight: bold; 
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif; 
	padding-left: 15px; 
	line-height: 2.0; 
} 
.myGreyBody {
	background-color: #F3F3F3;
	border: 1px solid #999;
	padding: 10px; 
	line-height: 1.6; 
} 
.myGreyBody a{
	color: #0066CC;
	font-weight: bold;
	text-decoration: underline;
}

/*Advisory Board */
.greenText {
	color: #006600;
	font-weight: bold;
	font-size: 15px;
}
.quotation {
	color: #333333;
	font-style: italic;
}
.greybody {
	padding: 10px;
	background-color: #DADADA;
	border: 1px solid #999999;
}
#pictureFrame {
	padding: 10px;
	border: 1px solid #000;
	margin:  0 10px 10px 10px;
}


/* Comments */
input.textbox
{
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}
input.textbox:focus, textarea:focus
{
	background:#fff;
	border:#999 1px solid;
}

#header, #content, #sidebar, #footer, .widget 
{
	overflow:hidden;
}