/* -----------------------------------------------------------------------------------------*/ /* ---------->>> CSS Document <<<-----------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Global CSS V 2.0 (Screen) ----- */ /* -- (c) 2009 www.dctc.edu ---------- */ /* -- Created by: Cyle Olson --------- */ /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Table of Contents <<<------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Universal Elements ------ */ /* -- Layout Elements --------- */ /* -- Table Elements ---------- */ /* -- Form Elements ----------- */ /* -- List Items -------------- */ /* -- Typography -------------- */ /* -- Links ------------------- */ /* -- Graphic Buttons --------- */ /* -- Image Styles ------------ */ /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Universal Elements <<<-----------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ html{height: 100%;} body{ font: normal 62.8%/1.6 Arial, Helvetica, sans-serif; /* background: #ffffff url(../img/layout/bg.gif) repeat-x; */ height: 100%;} .hidden{display: none;} .align-left{display: block; float: left; margin: 0px 15px 15px 0px;} .align-right{display: block; float: right; margin: 0px 0px 15px 15px;} .align-center{display: block; position: relative; margin: 0px auto 0px auto;} .accordion-spacer {height: 30px;} /* -- Colors ------------------ */ .color-blue-reflex {color: #2e3191;} .color-black {color: #000000;} .color-orange {color: #e88815;} .color-green {color: #9fb70f;} .color-cyan {color: #49c0e5;} .color-teal {color: #17888e;} .color-blue {color: #2e4082;} .color-grey {color: #4f565c;} .color-grey-light {color: #c4bdbc;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Layout Elements <<<--------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Header ------------------ */ #top{margin: 10px auto 0px auto; position: relative; width: 940px;} #top-fade{background: #ffffff url(../img/layout/bg-top-fade.gif) repeat-x; height: 20px; width: 100%;} #header{background: #ffffff url(../img/layout/bg-header.gif) no-repeat; height: 88px; width: 940px;} #header-links{height: 25px; margin: 0px auto 0px auto; position:absolute; top: 6px; right: 4px; width: 300px;} #header-links p{font: normal 12px/25px Arial, Helvetica, sans-serif; color: #999999; text-align: right;} #header-links a:link, #header-links a:visited, #header-links a:active {text-decoration: none; color: #999999;} #header-links a:hover {text-decoration: underline; color: #999999;} /* -- Area Shape Logo --------- */ #logo a, #logo a:hover{display: block; float: left; height: 60px; margin: 15px 0px 0px 5px; width: 275px;} /* -- Search Content --------------- */ #search-content{ float: right; height: 25px; margin: 35px 0px 0px 0px; width: 300px;} #search-content form { margin:0px; padding:0px;} #search-content form input{ background:#ffffff; border: #dfdfdf 1px solid; margin: 0px; padding: 3px 5px 0px 5px;} #search-content form input#search-box{ font: normal 13px Arial, Helvetica, sans-serif; float:left; color: #b6b6b6; height: 20px; width: 215px;} #search-content form input#search-box:focus {background:#ededed; color: #989898;} #search-content form input#search-btn { background: #ededed url(../img/layout/search-btn.gif) no-repeat; border: none; display: block; font-size: 0px; text-align:right; color: #ededed; float:left; height: 25px; padding: 0px; margin: 0px; width: 73px;} #search-content form input#search-btn:hover { background: #f5f5f5 url(../img/layout/search-btn-over.gif) no-repeat; cursor:pointer;} /* -- Top Nav --------------- */ #nav-top {background: url(../img/layout/bg-nav-top.gif) no-repeat; height: 38px; width: 940px;} /* -- Breadcrumbs ------------------ */ #breadcrumbs{ font: normal 11px/38px Arial, Helvetica, sans-serif; color: #4f565c; overflow:hidden; padding-left:10px; text-align:left;} #breadcrumbs a{text-decoration: none; color: #4f565c;} #breadcrumbs a:link, #breadCrumbs a:visited{text-decoration: none; color: #4f565c; } #breadcrumbs a:hover {text-decoration: underline; color: #4f565c;} #breadcrumbs a:active {text-decoration: underline; color: #4f565c;} /* -- Container --------------- */ #container{ margin: 0px auto 0px auto; z-index: 500; padding: 0px 0px 100px 0px; position: relative; width: 940px;} /* -- Content ----------------- */ #content{float: right; margin-left: 20px; width: 740px;} #content.fullwidth{float: none; margin: 0px 20px 0px 20px; width: 900px;} #content #column-left{ float: left; border: #cccccc solid; border-width: 0px 1px 0px 0px; padding-right: 40px; width: 499px;} #content #column-right{ float: left; width: 190px; padding-left:10px;} /* -- Left Nav --------- */ #nav-left {float:right; padding: 1px 0px 0px 0px; width: 180px;} /* -- Level Definition --------- */ #nav-left ul li.add-def, #nav-left ul li.add-def a { height: 55px;} #nav-left ul li.add-def span, #nav-left ul li.add-def a span {font: normal 11px/14px Arial, Helvetica, sans-serif; display:block;} /* -- Level One --------- */ #nav-left ul {list-style: none; margin: 0px; padding: 0px; width: 180px;} #nav-left ul li { font: bold 12px/30px Arial, Helvetica, sans-serif; color: #2d3691; display: inline; height: 30px; margin: 0px; padding: 0px;} #nav-left ul li a { background: url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat; display: block; color: #2d3691; height: 30px; padding: 0px 0px 0px 10px; text-decoration: none; width: 170px;} #nav-left ul li a:hover{ background: #f6f6f6 url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat; color: #2d3691; text-decoration: none;} #nav-left ul li.on a { background: #f6f6f6 url(../img/layout/bg-left-nav-spacer.gif) bottom no-repeat; color: #2d3691;} #nav-left ul li.on ul li a { background-color: #f6f6f6;} #nav-left ul li.on ul li a:hover { background: #f6f6f6;} /* -- Level Two --------- */ #nav-left ul li ul {display: none; list-style: none;} #nav-left ul li.on ul {display: block;} #nav-left ul li.on ul { margin: 0px; padding: 0px; width: 180px;} #nav-left ul li.on ul li { font: bold 11px/30px Arial, Helvetica, sans-serif; color: #555f6a; display: inline; height: 30px; margin: 0px; width: 180px;} #nav-left ul li.on ul li a { background: #f6f6f6; display: block; color: #555f6a; height: 30px; padding: 0px 0px 0px 10px; text-decoration: none; width: 170px;} #nav-left ul li.on ul li a:hover { background: #f0f0f0; color: #555f6a; text-decoration: none;} #nav-left ul li.on ul li.on a { background: #f0f0f0; color: #2d3691;} #nav-left ul li.on ul li.on ul li a { background-color: #f0f0f0;} #nav-left ul li.on ul li.on ul li a:hover { background: #f0f0f0;} /* -- Level Three --------- */ #nav-left ul li.on ul li ul {display: none; list-style: none;} #nav-left ul li.on ul li.on ul {display: block;} #nav-left ul li.on ul li.on ul { margin: 0px; padding: 0px; width: 180px;} #nav-left ul li.on ul li.on ul li { font: normal 11px/22px Arial, Helvetica, sans-serif; color: #555f6a; display: inline; height: 22px; margin: 0px; text-transform: none;width: 180px;} #nav-left ul li.on ul li.on ul li a { background: #f0f0f0; display: block; color: #555f6a; height: 22px; padding: 0px 0px 0px 15px; text-decoration: none; width: 165px;} #nav-left ul li.on ul li.on ul li a:hover { background: #e0e0e0; color: #555f6a; text-decoration: none;} #nav-left ul li.on ul li.on ul li.on a { color: #2d3691; text-decoration:underline;} #nav-left ul li.on ul li.on ul li.on ul li a { background-color: #f0f0f0;} #nav-left ul li.on ul li.on ul li.on ul li a:hover { background: #fff;} /* -- Bannner ------------------ */ #current-page-title { background: #2e4082 url(../img/layout/bg-current-page-title-blue.gif) no-repeat right; height: 60px; width: 740px;} #content.fullwidth #current-page-title{ width: 900px; margin-bottom: 22px;} .banner { margin: 0px 0px 22px 0px;} .banner img, #content .banner img {padding:0px; border: none;} /* -- Footer ------------------ */ #bottom{background: #ededed url(../img/layout/bg-bottom.gif) repeat-x; height: 130px; width: 100%;} #footer{ height: 130px; margin: 0px auto 0px auto; width: 940px;} #footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #999999;} #footer a:hover {text-decoration: underline;color: #2e4082;} #footer a.icon-delicious{background: transparent url(../img/iconize/icon_delicious.png) no-repeat right; padding: 5px 18px 5px 0; text-decoration:none;} #footer a.icon-rss {background: transparent url(../img/iconize/icon_feed.gif) no-repeat right; padding: 5px 18px 5px 0; text-decoration:none;} #footer a.icon-facebook{background: transparent url(../img/iconize/icon_facebook.png) no-repeat right; padding: 5px 18px 5px 0; text-decoration:none;} #footer a.icon-gplus{background: transparent url(../img/iconize/icon_gplus.png) no-repeat right; padding: 5px 18px 5px 0; text-decoration:none;} #footer a.icon-twitter {background: transparent url(../img/iconize/icon_twitter.png) no-repeat right; padding: 5px 18px 5px 0; text-decoration:none;} #footer #dctc-address{border: #cccccc solid; border-width: 0px 0px 1px 0px; height: 47px; padding-top: 13px; width: 940px;} #footer #dctc-address p{font: normal 12px/47px Arial, Helvetica, sans-serif; color:#666666;} #footer #dctc-address #links{float:right; width:220px;} #footer #dctc-address #links p{color:#999999; text-align:right;} #footer #dctc-address #links div{float:right; width:85px; margin: 16px 0 0 5px;} #footer #mnscu-eoee{height: 37px; width: 940px;} #footer #mnscu-eoee p{ font: normal 11px/37px Arial, Helvetica, sans-serif; color:#999999;} #footer #mnscu-eoee #copyright{ float:right; width:220px;} #footer #mnscu-eoee #copyright p{text-align:right;} /* -- Clear Fix --------------- */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clear { clear:both;} /* -- Content Layout Elements --------------- */ #content .half-left{width: 350px; margin: 0 20px 0 0; float: left;} #content .half-right{ width: 350px; margin: 0 0 0 20px; float: right;} #content #column-left .half-left{ width: 229px; margin: 0 20px 0 0; float: left;} #content #column-left .half-right{ width: 229px; margin: 0 0 0 20px; float: right;} .div-align-left-100px{display: block; float: left; margin: 0px 15px 15px 0px; text-align:left; width: 70px;} .div-align-left-200px{display: block; float: left; margin: 0px 15px 15px 0px; text-align:left; width: 206px;} .div-align-right-200px{display: block; float: right; margin: 0px 0px 15px 15px; text-align:left; width: 206px;} .padding-left-3px{ float:left; padding: 0 0 0 3px;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Table Elements <<<---------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content table { margin: 0 0 10px 0; padding: 0px; width: 740px;} #content #column-left table {width: 499px;} #content.fullwidth table{width: 900px;} #content td {font-size: 13px; vertical-align:top; padding: 1px 10px 1px 0px;} #content td.valign-top{ vertical-align:top;} #content td.valign-middle{ vertical-align:middle;} #content td.valign-bottom{ vertical-align:bottom;} #content td.td-align-left {text-align:left;} #content td.td-align-right {text-align:right;} #content td.td-align-center {text-align:center;} #content th { background: #ebebeb; padding: 1px 5px 1px 5px;} #content table.table-borders{ border-color: #cccccc; border-style: solid; border-width: 0px 1px 1px 0px;} #content table.table-borders td { border-color: #cccccc; border-style: solid; border-width: 1px 0px 0px 1px; text-align:center; vertical-align:top; padding: 6px 5px 6px 5px;} table.table-altrow td {border-bottom: 1px solid #cccccc} table.table-altrow tr.tr-alt {background:#ededed;} table.table-hover td {border-bottom: 1px solid #cccccc} table.table-hover tr:hover {background:#ededed;} #content td.td-width-5 { width: 5%;} #content td.td-width-10 { width: 10%;} #content td.td-width-15 { width: 15%;} #content td.td-width-20 { width: 20%;} #content td.td-width-25 { width: 25%;} #content td.td-width-30 { width: 30%;} #content td.td-width-33 { width: 33.33%;} #content td.td-width-35 { width: 35%;} #content td.td-width-40 { width: 40%;} #content td.td-width-45 { width: 45%;} #content td.td-width-50 { width: 50%;} #content td.td-width-60 { width: 60%;} #content td.td-width-70 { width: 70%;} #content td.td-width-75 { width: 75%;} #content td.td-width-80 { width: 80%;} #content td.td-width-90 { width: 90%;} #content td.td-width-100 { width: 100%;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Form Elements <<<-----------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content form {margin:0px; padding:0px;} #content form.form-home-search, #content .form-home-search {margin: 0; padding: 5px 0 0 0;} #content form input, #content form textarea, #content input { background:#ffffff; border: #cccccc 1px solid; color: #808080; height: 20px; font: normal 13px/20px Arial, Helvetica, sans-serif; margin: 0 0px 2px 0; padding: 3px 5px 0px 5px;} #content form textarea { height:auto; overflow: auto;padding: 3px 5px 3px 5px;} #content form select{ background:#ffffff; border: #cccccc 1px solid; color: #808080;height: 26px; font: normal 13px Arial, Helvetica, sans-serif; margin: 0 0px 2px 0; padding: 3px 5px 3px 5px;} #content form input:focus, #content form textarea:focus, #content form select:focus {background:#ededed;} #content form input.input-radio, #content form input.input-checkbox{background: none; border: none; height: auto; margin: 0 5px 0 0; padding: 0px;} #content form input[type ^="radio"], #content form input[type ^="checkbox"] {background: none; border: none; height: auto; margin: 0 5px 0 0; padding: 0px;} #content form input.input-button{height: 26px; padding: 0px 10px 0px 10px; display: inline-block;} #content form input[type ^="submit"],#content input[type ^="submit"], #content form input[type ^="reset"] {height: 26px; padding: 0px 10px 0px 10px; display: inline-block;} #content form input.input-button:hover { background-color:#ededed;} #content form label:hover {cursor:pointer;} /* -- Input Sizes ------------------ */ #content form input.input-30px, #content form textarea.input-30px{width: 30px;} #content form input.input-35px, #content form textarea.input-35px{width: 35px;} #content form input.input-40px, #content form textarea.input-40px{width: 40px;} #content form input.input-40px, #content form textarea.input-40px{width: 45px;} #content form input.input-50px, #content form textarea.input-50px{width: 50px;} #content form select.input-50px {width: 62px;} #content form input.input-60px, #content form textarea.input-60px{width: 60px;} #content form input.input-70px, #content form textarea.input-70px{width: 70px;} #content form input.input-80px, #content form textarea.input-80px{width: 80px;} #content form select.input-80px {width: 92px;} #content form input.input-90px, #content form textarea.input-90px{width: 90px;} #content form select.input-90px {width: 102px;} #content form input.input-100px, #content form textarea.input-100px{width: 100px;} #content form select.input-100px {width: 112px;} #content form input.input-130px, #content form textarea.input-130px{width: 130px;} #content form select.input-130px {width: 142px;} #content form input.input-150px, #content form textarea.input-150px{width: 150px;} #content form select.input-150px {width: 162px;} #content form input.input-180px, #content form textarea.input-180px{width: 180px;} #content form select.input-180px {width: 192px;} #content form input.input-190px, #content form textarea.input-190px{width: 190px;} #content form select.input-190px {width: 202px;} #content form input.input-200px, #content form textarea.input-200px{width: 200px;} #content form select.input-200px {width: 212px;} #content form input.input-240px, #content form textarea.input-240px{width: 240px;} #content form select.input-240px {width: 252px;} #content form input.input-280px, #content form textarea.input-280px{width: 280px;} #content form select.input-280px {width: 292px;} #content form input.input-330px, #content form textarea.input-330px{width: 330px;} #content form select.input-330px {width: 342px;} #content form input.input-480px, #content form textarea.input-480px{width: 480px;} #content form select.input-480px {width: 492px;} #content form input.input-500px, #content form textarea.input-500px{width: 500px;} #content form select.input-500px {width: 512px;} #content form input.input-680px, #content form textarea.input-680px{width: 680px;} #content form select.input-680px {width: 692px;} #content form input.input-720px, #content form textarea.input-720px{width: 720px;} #content form select.input-720px {width: 732px;} #content form input.world-box {float:left;} #content form input#world-btn { background: #ededed url(../img/icons/wcsbtn2.gif) no-repeat; border: none; display: block; font-size: 0px; text-align:right; color: #ffffff; float:left; padding: 0; margin: -2px 0 0 5px; height: 28px; width: 80px;} #content form input#world-btn:hover {cursor:pointer;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> List Items <<<-------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ ul li {list-style: circle; /*list-style: disc;*/} ul li ul li {list-style: circle; font-size:13px;} ul li ul li ul li {list-style: disc;} #column-right ul li {list-style: disc;} ol li {list-style: decimal;} ol li ol li {list-style: lower-alpha; font-size:13px;} ol li ul li {list-style: circle;} ol li ol li ol li {list-style: lower-roman;} ul.list-nobullets li, ol.list-nobullets li, dl.list-nobullets li, .list-nobullets li {list-style: none; margin-bottom: 5px} ul.nav-content{background: #ededed url(../img/layout/bg-content-nav.gif) repeat-x; height: 60px; margin: 0 0 10px 0;} ul.nav-content li{ float:left; list-style: none; font: bold 14px/60px Arial, Helvetica, sans-serif; background: url(../img/layout/bg-content-nav-li2.gif) no-repeat right; color:#999999; padding: 0 15px 0 10px;} ul.nav-content li.li-last { background:none;} /*ul.nav-content li:after {content: "|";} ul.nav-content li.li-last:after {content: "";}*/ #content .nav-content a:link, #content .nav-content a:visited{text-decoration: none; color: #2e4082;} #content .nav-content a:hover, #content .nav-content a:active{text-decoration: underline; color: #17888e;} /* -- Content Tabs -------- */ .tabs-hide {display: none;} #content .tabs-nav .tabs-selected a, #content .tabs-nav a:hover, #content .tabs-nav a:focus, #content .tabs-nav a:active { text-decoration: underline; color: #17888e; outline: 0;} #content .delicious-posts ul li {list-style: none; margin-bottom: 5px} #content .delicious-posts a {margin-left: 3px;} #content .delicious-posts p {margin-left: 3px;} /* -- Vertical Spacing -------- */ li, dt, dd { margin-bottom: 5px; font-size: 13px; line-height: 21px; } ul, ol, dl { margin-bottom: 10px; margin-left: 25px; } ul ul, ol ol, dl dl {margin-left: 28px; } ul.list-nobullets, ol.list-nobullets, dl.list-nobullets {margin-left: 3px; list-style: none; } ul ul, ol ol, ol ul, ul ol {margin-bottom: 10px;} ul ul ul, ol ol ol, ol ul ul, ol ol ul, ul ol ol, ul ol ol {margin-bottom: 10px;} #column-right ul,#column-right ol,#column-right dl { margin-bottom: 24px; margin-left: 34px;} li.li-margin-left-20px{ margin-left: 20px;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Typography <<<-------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Paragraphs -------------- */ #footer p{ margin-bottom: 0px;} #content p, #content {color: #4f565c;} #content p { margin-bottom: 10px; margin-left: 3px; font-size: 13px; line-height: 21px;} /* -- Styles -------------- */ strong {font-weight:bold;} em {font-style:italic;} hr, div.hr{ background: url(../img/layout/bg-strip.gif) top repeat-x; width: 100%; clear:both; border: none; display:block; height: 5px; padding: 0px; margin: 20px 0px 20px 0px;} div.hr-home{ background: url(../img/layout/bg-strip.gif) top repeat-x; width: 100%; border: none; display:block; height: 5px; padding: 0px; margin: 5px 0px 5px 0px;} #content div.rss_events p{ padding: 0px; margin: 0px;} .txt-photo-caption {font-size: 11px;font-style:italic;} .txt-small, #content p.txt-small{font-size: 11px;} .txt-small-center {font-size: 11px; text-align:center;} .txt-align-center {text-align:center;} .txt-align-right {text-align:right;} .txt-smallcaps { font-variant:small-caps;} .txt-smallcaps-bold {font-variant:small-caps; font-weight:bold; color:#333333;} .txt-allcaps { text-transform:uppercase;} .txt-allcaps-bold { text-transform:uppercase; font-weight:bold; color:#333333;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Headers <<<----------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #current-page-title h1 { font: normal 28px Georgia, "Times New Roman", Times, serif; color:#ffffff; margin: 0px 40px 0px 15px; padding-top: 14px;} #content h2{font: normal 20px Arial, Helvetica, sans-serif; color:#4f565c; margin: 0px 0px 4px 2px;} #content h3{font: normal 18px Arial, Helvetica, sans-serif; color:#4f565c; margin: 0px 0px 0px 2px;} #content h4{font: bold 16px/24px Arial, Helvetica, sans-serif; color:#4f565c; margin: 0px 0px 10px 3px; padding: 0px 0px 3px 3px;border-bottom: #cccccc solid 1px;} #content h5{font: bold 14px/20px Arial, Helvetica, sans-serif; color:#4f565c; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 3px;} #content h6{font: bold 13px/20px Arial, Helvetica, sans-serif; color:#4f565c; margin: 0px 0px 5px 3px; font-style:italic; } #content h2 a:link, #content h2 a:visited{font-weight: normal;text-decoration: none; color:#2e4082;} #content h2 a:hover, #content h2 a:active {text-decoration: underline; color: #17888e;} #content h3 a:link, #content h3 a:visited, #content h3 a:active {font-weight: normal; text-decoration: none;color: #2e4082;} #content h3 a:hover {text-decoration: underline; color: #17888e;} #content h4 a:link, #content h4 a:visited, #content h4 a:active{text-decoration: none; color: #2e4082;} #content h4 a:hover {text-decoration: none; color: #17888e;} #column-right h4{ font: normal 18px/24px Arial, Helvetica, sans-serif; margin: 0px 0px 10px 20px; padding: 0px 0px 3px 0px;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Links <<<------------------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ /* -- Content ----------------- */ #content a:link, #content a:visited, #content a:active{text-decoration: underline; color: #2e4082; } #content a:hover{text-decoration: underline; color: #17888e;} #content a.topLink { float:right; text-transform: uppercase; padding-right: 5px; font-size: 11px;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Graphic Buttons <<<--------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content a.button{ background: #2e4082; border: #58669b 3px solid; color: #ffffff; display: inline; font: bold 14px/22px Georgia, "Times New Roman", Times, serif; text-decoration: none; margin: 0 10px 0 10px; padding: 8px 12px 8px 12px;} #content a.button:hover, #content a.button:active{background: #58669b;} /* -----------------------------------------------------------------------------------------*/ /* ---------->>> Image Styles <<<-----------------------------------------------------------*/ /* -----------------------------------------------------------------------------------------*/ #content img {border: #cccccc 1px solid; padding: 2px;} #content img.img-noborder, #content input.img-noborder {border: none;} .img-thumb4px {border: #cccccc 1px solid; padding: 4px;} img.align-left{float: left; margin: 5px 15px 15px 0px;} img.align-right{float: right; margin: 5px 0px 15px 15px;}