/* CSS Document */


body {background: #FFFFFF; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
a:link {font-size: 10px;}
a:visited {	font-size: 10px;}
a:hover {	font-size: 10px;}
	table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#header{border: 1px solid green; background-color: #000000; width: 760px; position: relative; height: 75px; vertical-align:top;}
#hdrlin{background-color: #000000; width: 700px; position: absolute; left:60px; top: 60px; height:1px; vertical-align:top;}
#hdrlft{border: 1px solid yellow; background-color: #FFFFFF; position: absolute;}
#hdrcnt{border: 1px solid blue; background-color: #FFFFFF; width:345px; position: absolute; left: 175px;}
#hdrrgt{background-color: #FFFFFF; width: 65px; position: absolute; left: 520px; height:60px; vertical-align: top;}
#unav{border: 1px solid red; background-color: #990000; width:175px; position: relative; left: 585px; text-decoration: none;}

#comtop{background-color:#FFFFFF; width:630px; position:absolute; vertical-align:top;}
#comtit{background-color:#FFFFFF; width:760px; position:absolute; left:15px;}
#combg{background-color:#FFCC33; width:115px; position:absolute;}
#comit{width:15px; background-color:#CCCCCC;}
#comgif{width:262px; height:42px; position:absolute; left:20px;}
#comlist{width:550px; position:absolute; vertical-align:top;}
#comleft{width:180px; position:absolute; top: 0px; left:20px;}
#comcntr{width:180px; position:absolute;  left:201px;}
#comrght{width:180px; position:absolute; left:382px;}
#footer{background-color:#ffffff; width:988px; }
#footerLogo {float: right; width: 400px; margin-top: 10px;margin-right:5px;}
#indmain{background-color:#ffffff; width:760px; height:500px; position:absolute; top:140px; left:0px;}
#concatalog{background-color:#EEEEEE; width:190px; height:275px; padding:3px; margin: 4px 4px 0px 4px; text-align:left; line-height:16px;}
#conhead{background-color:#EEEEEE; position:absolute; left:15px; width:190px; padding:0px; text-align:left; line-height:16px;}
#consvcs{background-color:#CCCCFF; width:190px; height:275px; padding:3px; margin-top:3px; margin-left:4px; margin-right:4px; text-align:left; line-height:16px;}
#svchead{background-color:#CCCCFF; position:absolute; left:205px; width:190px; padding:0px; text-align:left; line-height:16px;}
#connet{background-color:#ffffff; width:190px; height:275px; padding:3px; margin-top:3px; margin-left:4px; margin-right:4px; text-align:left; line-height:16px;}
#nethead{background-color:#9999CC; position:absolute; left:395px; width:190px; padding:0px; text-align:left; line-height:16px;}
#consub{background-color:#FFFFFF; width:165px; height:275px; padding:3px; margin-top:3px; margin-left:4px; margin-right:4px; text-align:left; line-height:16px;}
#subshead{background-color:#FFFFFF; position:absolute; left:585px; width:174px; padding:0px; text-align:left; line-height:16px;}
#homeheader{position:absolute; top: 70px; background-color:#CCCCCC; vertical-align: top;  height: 75px;  width: 116px; }
#homeheader2{position:absolute; left:110px; top:64px; width: 455px; vertical-align:top;  background-color:#CCCCCC; height:76px; padding:18px;}
#homeheader3{position:relative; left:585px; top:10px; vertical-align:top; background-color:#CCCCCC; height:70px; width:175px;}
#homeheader4{position:absolute; left:45px; top:64px; vertical-align:top;  background-color:#CCCCCC; width:715px; height: 76px;}

	ul { margin-left: 1px; padding-left: 0px; } 
	li { margin-left: 2.5em; } 
 .bodyrev {font-size: 10px; color: #FFFFFF;} 
 .bread { font-size: 9px; color: #999999; font-weight: bold; text-decoration: none; } 
 .bottomnav { font-size: 11px; } 
 .breadhere { font-size: 8px; color: #000000; font-weight: bold; text-decoration: none;} 
 .comicnav { font-size: 11px; } 
 .comictitle { font-size: 13px; color: #CC3300; font-weight: bold;} 
 .contactname { font-size: 9px; color: #000000;  font-weight: bold;} 
 .copyright {  font-size: 9px; color: #666666;} 
 .fieldtext {font-size:10px; background-color: #f6f6f6; padding:2px; border-width:1px; border-color:#f6f6f6; width:250px;} 
 .fieldtextshort {font-size:10px; background-color: #f6f6f6; padding:2px; border-width:1px; border-color:#f6f6f6; height:10px; width:45px;} 
 .fieldfield {font-size:10px; background-color: #f6f6f6; padding:2px; border-width:1px; border-color:#f6f6f6; width:320px; } 
 .submit {font-size:10px; font-weight:bold; background-color: #CCCCCC; padding:2px; border-width:1px; border-color:#898989; height:20px; width:120px;} 
 .subhead { font-size: 10px; color: #6f6f6f; font-weight: bold;} 
 .subtitle { font-size: 11px; color: #990000; font-weight: bold;} 
 .sectitle { font-size: 10px; color: #000000; font-weight: bold;} 
 .sectitlerev { font-size: 10px; color: #FFFFFF; font-weight: bold; } 


/* top nav hovers */
* html a:hover { visibility: visible; }
.comicButton {position: absolute; left: 3px; margin: 0px; padding: 0px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_comic_on.png); background-repeat: no-repeat; display: block; width: 94px; height: 21px; }
.comicButton a { display: block; width: 94px; height: 21px; float: left; text-decoration: none; }
.comicButton img { width: 94px; height: 21px; border: 0px; }
.comicButton a:hover img { visibility: hidden; }

.editorialButton {position: absolute; left: 97px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_editorial_on.png); background-repeat: no-repeat; display: block; width: 105px; height: 21px; margin: 0; padding: 0;}
.editorialButton a { display: block; width: 105px; height: 21px; float: left; text-decoration: none; }
.editorialButton img { width: 105px; height: 21px; border: 0px; }
.editorialButton a:hover img { visibility: hidden; }

.gameButton {position: absolute; left: 202px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_game_on.png); background-repeat: no-repeat; display: block; width: 86px; height: 21px; margin: 0; padding: 0;}
.gameButton a { display: block; width: 86px; height: 21px; float: left; text-decoration: none; }
.gameButton img { width: 86px; height: 21px; border: 0px; }
.gameButton a:hover img { visibility: hidden; }

.textButton {position: absolute; left: 288px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_text_on.png); background-repeat: no-repeat; display: block; width: 82px; height: 21px; margin: 0; padding: 0;}
.textButton a { display: block; width: 82px; height: 21px; float: left; text-decoration: none; }
.textButton img { width: 82px; height: 21px; border: 0px; }
.textButton a:hover img { visibility: hidden; }

.weatherButton {position: absolute; left: 370px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_weather_on.png); background-repeat: no-repeat; display: block; width: 57px; height: 21px; margin: 0; padding: 0;}
.weatherButton a { display: block; width: 57px; height: 21px; float: left; text-decoration: none; }
.weatherButton img { width: 57px; height: 21px; border: 0px; }
.weatherButton a:hover img { visibility: hidden; }

.mobileButton {position: absolute; left: 370px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_mobile_on.png); background-repeat: no-repeat; display: block; width: 95px; height: 21px; margin: 0; padding: 0;}
.mobileButton a { display: block; width: 95px; height: 21px; float: left; text-decoration: none; }
.mobileButton img { width: 95px; height: 21px; border: 0px; }
.mobileButton a:hover img { visibility: hidden; }

.advertisingButton {position: absolute; left: 465px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_advertising_on.png); background-repeat: no-repeat; display: block; width: 74px; height: 21px; margin: 0; padding: 0;}
.advertisingButton a { display: block; width: 74px; height: 21px; float: left; text-decoration: none; }
.advertisingButton img { width: 74px; height: 21px; border: 0px; }
.advertisingButton a:hover img { visibility: hidden; }

.submissionsButton {position: absolute; left: 539px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_submissions_on.png); background-repeat: no-repeat; display: block; width: 78px; height: 21px; margin: 0; padding: 0;}
.submissionsButton a { display: block; width: 78px; height: 21px; float: left; text-decoration: none; }
.submissionsButton img { width: 78px; height: 21px; border: 0px;}
.submissionsButton a:hover img { visibility: hidden; }

.pressButton {position: absolute; left: 617px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_press_on.png); background-repeat: no-repeat; display: block; width: 70px; height: 21px; margin: 0; padding: 0;}
.pressButton a { display: block; width: 70px; height: 21px; float: left; text-decoration: none; }
.pressButton img { width: 70px; height: 21px; border: 0px; }
.pressButton a:hover img { visibility: hidden; }

.spanishButton {position: absolute; left: 687px; background-image: url(https://images.gocomics.com/images/uclick/header/nv_spanish_on.png); background-repeat: no-repeat; display: block; width: 52px; height: 21px; margin: 0; padding: 0;}
.spanishButton a { display: block; width: 52px; height: 21px; float: left; text-decoration: none; }
.spanishButton img { width: 52px; height: 21px; border: 0px; }
.spanishButton a:hover img { visibility: hidden; }

.buttons {background-color: #970000; float: left;  margin-top: 3px; margin-left: 0px; width: 988px; height: 21px;}

/* Homepage */
.leftcol {position: absolute; left: 762px; width: 231px; height: 656px; background-color: #D7D7D7; float: left; margin: 3px 0px 0px 0px;}
.midcol {width: 754px; float: left; padding-top: 3px; margin: 0px;}
.rightcol {width: 186px; float: left; vertical-align: top; padding-top: 3px;}
#hero {height: 318px; width: 756px; margin-bottom: 3px; padding: 0px;}
#box1 {width: 231px; height: 142px;  margin-bottom: .5em; }
#box2 {width: 231px; height: 142px;  margin-bottom: .5em;}
#box3 {width: 231px; height: 310px;  padding-left: 10px; padding-top: 20px;}
#box3 a:link {text-decoration: none; color: #000000;}
#box3 a:visited {text-decoration: none; color: #000000;}
#box3 ul {margin: 1px 0px 1px 0px; padding: 0px; list-style-image: url(images.gocomics.com/images/gc1/bullet.png);}
#box3 li {margin: 1px 0px 4px 3em; list-style-position: outside;}
#sixbox {width: 756px; margin-left: 3px;}
#subbox {width: 186px; height: 165px; margin-bottom: 3px; margin-right: 3px; padding-bottom: 10px; float: left; background-color: #e3e3e3;} 

#boxCopy {font-size: 9px; margin-left: 5px; margin-right: 5px;}
#boxCopyList {font-size: 9px; float: left;line-height: 13px;}
#boxCopyList ul { margin: 1px 0px 0px 0px; padding: 0px;  list-style-position: outside; list-style-image: url(images.gocomics.com/images/gc1/bullet.png);} 
#boxCopyList li { margin-left: 2em; list-style-position: outside;}
#boxCopyList a:link {font-size: 9px; margin: 0px; padding: 0px; color: #000000; text-decoration: underline;}
#boxCopyList a:visited {font-size: 9px; margin: 0px; padding: 0px; color: #000000; text-decoration: underline;}
#boxCopyMore {text-align: right; width: 165px;}
#boxHeader {text-decoration: none; font-weight: bold; min-height: 20px; color: white; padding-top: 2px; padding-left: 10px; background-color: #979797; font-size: 12px;}
#boxHeader a:link {text-decoration: none; font-weight: bold; height: 20px; color: white; padding-top: 2px; padding-left: 10px; background-color: #979797; font-size: 12px;}
#boxHeader a:visited {text-decoration: none;font-weight: bold; height: 20px; color: white; padding-top: 2px; padding-left: 10px; background-color: #979797; font-size: 12px;}

/* Footer */
#footertext {color: #967d5f; font-size: 10px; font-weight: bold; padding-left: 5px; margin: 0px;}
#footertext a:link {color: #967d5f; font-size: 10px; font-weight: bold;}
#footertext a:visited {color: #967d5f; font-size: 10px; font-weight: bold;}
#footerhead {float: left; text-decoration: none; text-align: right; color: #007cc3; font-size: 10px; font-weight: bold; padding-right: 10px;}
#footerhead a:link {text-decoration: none; color: #007cc3; font-size: 10px; font-weight: bold;}
#footerhead a:visited {text-decoration: none; color: #007cc3; font-size: 10px; font-weight: bold;}

#contentLeft {font-size: 11px; width: 184px; background-color: #D7D7D7; padding: 10px 10px 0px 15px; margin: 0px; float: left; line-height: 14px;}
#contentComicLeft {width: 182px; background-color: #D7D7D7; padding: 10px 5px 0px 15px; margin: 0px; float: left;}
#leftColumn {width: 183px; background-color: #D7D7D7; }
#mainbody {margin-left: 10px;}
#mainHeader {font-size: 18px; color: #981313; font-weight: bold; }
#homeLeftHeader {font-size: 17px; color: #007cc3; font-weight: bold; }
#subHomeHeader {font-size: 12px; font-weight: bold; }
#homelist {padding: 0px 5px 0px 0px; margin: 5px 0px 10px 0px;}
#homeList	ul { margin: 0px 0px 0px 1px; padding: 0px;} 
#homeList li { margin: 0px 0px 0px 1em; list-style-type: none; padding: 0px; } 

#subHeader {font-size: 11px; font-weight: bold; }
#categoryHeader {font-size: 12px; color: #981313; font-weight: bold; }
#topBox {width: 988px; margin-left: 5px; margin-top: 3px; height: 45px; padding-right: 5px;}
#topBoxText {width: 750px; text-align: left;  float: left; padding-left: 15px;}
#topBoxLeft {width: 184px; background-color: #5e899e; text-align: center; padding: 15px 15px 15px 10px; float: left;}
#topBoxLeft a:link {color: #FFFFFF; font-weight: bold; background-color: #5e899e; text-align: center; text-decoration: none; }
#topBoxLeft a:visited {color: #FFFFFF; font-weight: bold; background-color: #5e899e; text-align: center; text-decoration: none;}

#pressRoom {font-size: 12px;}

.network ul {margin: 1px 0px 1px 0px; padding: 0px;}
.network li {margin: 1px 0px 4px 1em; list-style-position: outside;  list-style-type: none;}

#lottoList {padding: 0px 5px 0px 0px; margin: 5px 0px 10px 0px;}
#lottoList	ul { margin: 0px 0px 0px 2px; padding: 0px;} 
#lottoList li { margin: 0px 0px 0px 2em; list-style-type: disc; padding: 0px; } 

#lottoSubList {padding: 0px 5px 0px 0px; margin: 5px 0px 10px 0px;}
#lottoSubList	ul { margin: 0px 0px 0px 4px; padding: 0px;} 
#lottoSubList li { margin: 0px 0px 0px 4em; list-style-type: circle; padding: 0px; } 

/* MOBILE */
.mobileLeftcol {width: 185px; float: left; margin-right: 2px; margin-left: 3px; padding-top: 3px;}
.mobileMidcol {width: 564px; float: left; padding-right: 5px; padding-top: 3px;}
.mobileRightcol {width: 220	; float: left; vertical-align: top; padding: 3px 0px 0px 5px;}
#mobileSixbox {width: 568px;}
#mobileSubbox {width: 186px; margin-bottom: 3px; margin-right: 3px; padding-bottom: 10px; float: left; background-color: #e3e3e3;} 
#mobileImagebox {width: 186px; margin-bottom: 3px; margin-right: 3px; float: left;} 
#mobileSmallFont {font-size: 10px;}
#mobileLargeBoldFont {font-size: 14px; font-weight: bold;}
#mainMobileBody {font-size: 12px; margin-left: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* COLLEGE */
#collegeFont {font-size: 14px; color: #000000;}
#collegeFont a:link {font-size: 14px; color: #007cc3;}
#collegeFont a:visited {font-size: 14px; color: #007cc3;}
#collegeBlueBoldFont {font-size: 13px; color: #0060a9; font-weight: bold;}

/* STYLE SESSIONS */
.programs_screenshot {
	padding-right: 17px;
}
.programs_description {
	color: #666;
	padding-left: 17px;
	border-left: 2px #DDD solid;
}
.programs_description h2 {
	font-style: italic;
}