@import url(masmc_master.css);

/* =========== 3 COLUMN LAYOUT CSS =========== */

/* --- page wrapper --- */
#wrapper {width:775px; margin:auto; position:relative; background:url("../images/3column.gif");}

/* --- page navigation --- */
#pagenav {position:relative; float:left; margin-top:-55px; width:205px; background:url("../images/papertop.png") no-repeat;}
#pagenav ul{position:relative; margin-top:40px; z-index:10;}
#pagenav .pagenavlinks li.heading {padding:0.3em 0 0 0;}
#pagenav .pagenavlinks li {list-style:none; padding:0.2em 0.7em; line-height:1.05em;}
#pagenav .pagenavlinks li a {color:#283d53; font-weight:bold; text-decoration:none;}
#pagenav .pagenavlinks li a:hover {color:#485a6d;}
#pagenav .pagenavlinks li a:active {color:#b4bbc3;}

/* --- ask a bearcat search box --- */
#askabearcat{position:relative; float:left; margin-top:0px; padding-bottom:15px; width:205px; background:url("../images/pagenavbobby.png") no-repeat; }
#askform{position:relative; width:205px; margin-left:3px; margin-top:78px; }
.asktitle {font-size:1.1em; font-weight:bold; color:#024930;}

/* --- bearcat pride media box --- */
#pride{float:left; width:205px; height:318px; background:url("../images/pride.png") no-repeat;}
#pride ul{margin-top:0px;}
#pride ul.social{list-style:none; margin-top:5px; margin-left:125px; z-index:500;}
#pride ul.social li{display:inline; margin:0 3px;}
#pride ul.mediaLinks{list-style:none; margin-top:60px; margin-bottom:15px; margin-right:5px; text-align:right;}
#pride ul.mediaLinks li.first{margin:0 0 12px 0;}
#pride ul.mediaLinks li{margin:12px 0;}
#pride ul.mediaLinks li a{color:#283d53; font-weight:bold; text-decoration:none;}
#pride ul.mediaLinks li a:hover{color:#485a6d;}
#pride ul.mediaLinks li a:active {color:#b4bbc3;}

/* --- content --- */
#content {float:left; margin-top:-15px; padding:0 4px 35px 8px; width:368px;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {color:#283d53; margin:5px 0;}
#content h1 {font-size:1.5em;}
#content h2 {font-size:1.3em;}
#content h3 {font-size:1.1em;}
#content h4 {font-size:0.95em;}
#content h5 {font-size:0.825em;}
#content h6 {font-size:0.7em;}

#content a {text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content p {padding:0.5em 0;}
#content ul {margin-left:3em; padding:0.25em 0;}
#content ol {margin-left:3em; padding:0.25em 0;}
#content blockquote {margin-left:3em;}
#content blockquote p {padding:0.5em 0;}
#content table {margin:1em 0;}
#content td {font-size:13px; font-family:verdana, tahoma, sans-serif; padding:0.2em 0.3em;}
#content td.heading{background-color:#8dc750; font-weight:bold; color:#283d53;}
#content td.subheading{background-color:#dedba7;}
#content img.main{position:relative; margin:-46px 0 -10px -18px; z-index:10;}
#content .caption {font-size:0.8em; line-height:1em;}

#content ul.button {margin-left:0em; height:2em;}
#content ul.button li {float:left; list-style:none; margin-right:-0.5em;}
#content ul.button li a { display:block; background-color:#283d53; width:139px; color:#fff; text-align:center; text-decoration:none; border-right:12px solid #fff; padding:0.25em 0;}
#content ul.button li a:hover {background-color:#485a6d; color:#fff; text-decoration:none;}

.bodylinks li {display:inline; border-left:1px solid #000; padding-left:0.5em; line-height:2em;}
.bodylinks li a {background-color:#fff; text-decoration:none;}
.bodylinks li a:hover {text-decoration:underline;}
.bodylinks li.first {border-left:none;}

/* --- "round button" div --- */
#darkbox{width:255px; height:30px; background:url("../images/green.gif");text-align:center;padding-top:10px;margin-top:0.5em;}
#darkbox a{color:#283D53;text-decoration:none;font-size:1.3em;font-weight:bold;}
#darkbox a:hover{text-decoration:underline;}
#lightbox{width:255px; height:30px; background:url("../images/tan.gif");text-align:center;padding-top:10px;margin-top:0.5em;}
#lightbox a{color:#024930;text-decoration:none;font-size:1.3em;font-weight:bold;}
#lightbox a:hover{text-decoration:underline;}

/* --- sidebar --- */
#sidebar {float:right; width:181px; height:auto; margin-top:-40px;}
#sidebar h1{font-size:1.15em; color:#283d53; text-align:center;}
#sidebar p {padding:4px; font-size:0.85em;}
#sidebar p.laptop {position:relative; margin:-10px 0 -90px -25px; z-index:15;}
#sidebar img.mini {margin-left:-8px;}
#sidebar a {text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}
#sidebar ul, #sidebar ol {margin-left:2em; padding:0.25em 0.25em 0.25em 0;}
#sidebar li {font-size:0.85em;}
#sidebar ul.subnav {margin:0 4px; list-style-type:none;}
#sidebar ul.subnav li {padding: 4px 0;}

/* IE6 Hack */
* html #sidebar{margin-top:-760px;}
* html img.mini {margin-left:-8px; margin-right:-8px;}

/* --- "round box" div --- */
#box{position:relative; float:left; width:205px; margin:0.5em 0 0.5em -11px; z-index:100;}
#boxtop{float:left; width:205px; height:7px; background:url("../images/boxtop.png") no-repeat;}
#boxtext{float:left; padding:0 4px; width:197px; background:#f0f7e7 url("../images/gradient.png") repeat-x; min-height:132px; height:auto !important; height:132px;}
#boxend{float:left; width:205px; height:7px; background:url("../images/boxend.png") no-repeat;}

/* IE6 Hack */
* html #boxtop{margin-bottom:-10px;}

/* ================================================= */