/* 
 ----------------------------------------------------------------------------
  Author: CSTV Online, Inc.
  CSS Document: main.css
 ---------------------------------------------------------------------------- 
*/


/* 
 ----------------------------------------------------------------------------
  Colors/Images: Editors should edit to match school colors/code.
 ---------------------------------------------------------------------------- 
*/

body { background-color: #000 }

#wrap { color: #222 }

#column-left a, #column-left h1 { color: #003976} /* should only have to chage this color */
#column-left a:hover { color: #222 }

#column-right a { color: #222 }
#column-right a:hover { color: #666 }

#footer a { color: #ddd }
#footer a:hover { color: #fff }
#footer li { color: #fff }

#wrap { background-image: url("http://graphics.fansonly.com/schools/marq/allaccess/graphics/bg-wrap.gif") }
#wrap-inner { background-image: url("http://graphics.fansonly.com/schools/marq/allaccess/graphics/bg-wrap-inner.jpg") }
#top-wrap {	background-image: url("http://graphics.fansonly.com/schools/marq/allaccess/graphics/top-wrap.gif") }
#quote  { background-image: url("http://graphics.fansonly.com/schools/marq/allaccess/graphics/bg-quotes.gif") }


/* 
 ----------------------------------------------------------------------------
  Editors should not have to edit anything below this.
 ---------------------------------------------------------------------------- 
*/


/* reset browser defaults
 * ------------------------------------------------------------------------- */

* { margin: 0; padding: 0 }

ul,
ol { list-style: none }

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
td { font-size: 1em }

a img,
:link img,
:visited img,
fieldset { border: none }


/* global type selectors
 * ------------------------------------------------------------------------- */

body { font: 11px/16px "Lucida Grande", Verdana, sans-serif }

p,
ul,
ol,
dl,
pre,
blockquote	{ margin-bottom: 10px }

blockquote { margin-left: 10px; margin-right: 10px }

a:link, a:visited	{ font-weight: bold; text-decoration: underline }

a:hover, a:active	{ text-decoration: underline }


/* classes
 * ------------------------------------------------------------------------- */

div.clear { 
	clear: both; 
	height: .01em; 
	overflow: hidden
	}
	
p.plans, p.preview { 
	font-size: 1.4em; 
	font-weight: bold;
	text-align: center 
	}
	
p.plans { margin-bottom: 0; padding-top: 20px }

p.preview { font-size: 1.1em; padding-top: 10px }
	
	
/* layout
 * ------------------------------------------------------------------------- */

#top {
	margin: 0 auto;
	width: 814px
	}
	
#logo {	float: left }

#wrap {
	background-repeat: repeat-y;
	clear: both;
	margin: 0 auto;
	width: 814px
	}

#top-wrap { height: 32px }

#wrap-inner { 
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 15px 
	}
	
#video { margin: 20px auto 20px auto; text-align:center }
	
#quote { height: 93px }	
	
	#quote blockquote { 
		font-size: 1.2em; 
		font-weight: bold;
		padding-top: 20px;
		text-align: center  
		}
		

/* columns
 * ------------------------------------------------------------------------- */

#column-left { float: left; width: 426px }

	#column-left h1 { 
		font-size: 1.6em; 
		line-height: 1.1em; 
		margin-bottom: 10px; 
		text-align: center; 
		text-transform: uppercase 
		}

	#column-left h2 { font-size: 1.2em; margin-bottom: 4px; margin-top: 20px }

	#column-left ul { list-style-type: disc; margin-left: 18px }

#column-left div.content { margin: 0 30px 10px 25px; }

#column-right { float: left; padding-bottom: 300px; width: 388px }
		

/* buttons
 * ------------------------------------------------------------------------- */
	
#btn-launch { float: right; margin-top: 20px }
	
#btn-all-access { margin: 0 auto 10px auto; text-align: center }

#btn-signup { margin: 0 auto 30px 0; text-align: center }


/* footer
 * ------------------------------------------------------------------------- */

#footer { 
	clear: both;
	margin: 10px auto;
	text-align: right;
	width: 814px
	}

	#footer ul { margin-right: 30px; }
	
	#footer li { 
		border-left: 1px solid; 
		display: inline; 
		padding: 0 6px 0 10px;
		}
		
	#footer li.no-border { border-left: none }
	
	#footer a { text-decoration: none }


/* extra functionality (not on every All Access site)
 * ------------------------------------------------------------------------- */

#list-schools, #list-schools * { margin:0; padding:0 }

#list-schools { 
	background:#fff;
	border:2px solid #ddd;
	padding:4px;
	position:absolute;
	width:360px
 	}


#list-schools { background:#eee;  text-align:right }

#list-schools a { margin:0 0 4px 0; display:block }

#list-schools ul { height:200px; padding:8px; overflow:auto; text-align:left }

#list-schools li { 
	float:left; 
	list-style:none; 
	padding:4px 8px;
	width:120px
	}