/*Kentucky Higher Education Assistance Authority CSS - December 2009
code written by Josh Proctor, KHESLC
screen.css
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 76%;color:#333366;margin: 0px;padding: 0px 0px 0px 1px;background: url(../images/bg.jpg) repeat-x;line-height: 1.2;}
* html body {/*font-size: x-small; /* for IE5/Win f\ont-size: small; /* for other IE versions*/}
p {margin: 1em 0;padding:0;}
.clear {clear:both;}

/* Main Layout CSS */
.wrapper{max-width: 968px;min-width: 768px;margin:0 auto;}
#header {float:left;min-width: 768px;width:100%;background: url(../images/banner_bg.jpg) repeat-x;}
#main-wrapper{min-width:768px;}
#main {clear:both;float:left;width:100%;}
#main-container {float:left;width:100%;height:100%;margin:0;}
#main-container div.gutter {padding:2em;/*for hasLayout issues in IE*/height:1%;border:#333366 1px solid;border-left-color:#A1A2B7;background:#ffffff;}

/* Winner Page */
#winner_banner {display:block ;margin:0 auto;}
#winner_title {margin:0;padding:0;}
#essay-winner {float:left;width:50%;margin: 4em 0 0 1em;}
#photobucket-winner-page {float: right;width: 39%;margin-top:4em;}

/* Previous Winners and PhotoBucket */
#content {float: left;width: 50%;margin-left:1em;}
.essay {margin: 4em 0 0 0;}
#pre_runnersup_title {border-top:1px solid #CCCCCC;margin:3em 0 0;padding:1em 0 0;text-align:center;}	
#photobucket_div {float: right;width: 39%;}

/* Navigation CSS */
	/* Sub Navigation on Winner page */
	#winner_nav {padding: 1em 0 3em 3em;margin: 0;list-style: none;float:left;}
	#winner_nav li {float:left;margin:0 10px 0 0;padding:0;font-weight:bold;text-transform: uppercase;}
	#winner_nav li a.on{background:#333366;color:#ffffff;}
	#winner_nav li a.off{background:#DEDEDE;color:#333366;}
	#winner_nav li a.off:hover{background:#333366;color:#ffffff;}
	#winner_nav li a {line-height: 1.5em;text-decoration: none;color:#ffffff;padding: 0 10px 2px 10px;}

	/* Main Navigation */
	#navigation {clear:both;color:#ffffff;color:#336699;text-transform: uppercase;/*wtf, in IE, using a certain font family causes 1px gap between li -- http://westciv.typepad.com/standards/2005/02/the_most_myster.html*/font-family: Verdana, Arial, Helvetica, sans-serif;}
	#nav, #nav ul {padding: 0;margin: 0;list-style: none;width:100%;float:left;background:#333366;}
	#nav a {display: block;line-height: 1.5em;text-decoration: none;color:#ffffff;font-weight:bold;}
	#nav li.link-nav {float:left;margin: 0 2em;}
	#nav li.link-subnav {margin-left:1em;}
	#nav li ul {position: absolute;width: 20em;left: -999em;margin-left:-1em;}
	#nav li:hover ul {left: auto;}
	#nav li:hover ul, #nav li.sfhover ul {left: auto;}
	#kheaa-nav {float:right;margin: 0 2em;}

/* Box CSS */
ul.box  {border:1px solid #E9EDF1;border-bottom-color: #7A7A9C;border-right-color: #7A7A9C;}
ul.box li {list-style-image:url(../images/arw_list.gif);}
ul.box {padding: .5em;margin: .3em .3em 2em .3em;}
.box {background-color: #C1C0D0;padding: .5em; }
ul.box li {background: #ffffff;margin: 0 0 1px 2.2em;padding: 2px; }
.box li:hover {background: #F7F8FD;}
ul.box {clear:both;}
ul {margin-top:0px; margin-bottom: 1em;}

/* Link CSS */
#content a {color:#336699;border-bottom: #6699CC dotted 1px;text-decoration:none;}
#content a:hover {color:#339900;border-bottom:#339900 solid 1px;}
#content a:visited {color: #339900;font-weight:normal;border-bottom: #C8CDD2 dotted 1px;}
#content a:visited:hover {border-bottom:#339900 solid 1px;}