/*========================
Cascading Style Sheets
for SRMT

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
html { overflow-y:scroll; }
body { font:12px Arial, Verdana, Helvetica, sans-serif; margin:0; background:#999 url(../images/bg.gif) repeat-y center; color:#333; line-height:18px; }
h1 { margin:0 0 15px; color:#C4161C; font-size:22px; }
h2 { margin:0 0 10px; color:#999; font-size:18px; font-weight:100; }
h3 { margin:8px 0 0; color:#C4161C; font-size:12px; font-weight:100; }
h4 { margin:0; }
h5 { margin:0; }
h6 { margin:0; }
a:link, a:visited { text-decoration:none; color:#C4161C;}
a:hover { text-decoration:underline; }
a:active { color:#FF9B01; }

::-moz-selection {
background:#cc0000;
color:#fff;
}
::selection {
background:#cc0000;
color:#fff;
}
ul, ol { margin:0 0 0 15px; padding:0 0 0 15px; }
li { margin:0; padding:0; }
p { margin:15px 0; }
a img { border:none; }
/*====Layout====*/
#outter-wrap { margin:0 auto; width:900px; }
#header { background:#999 url(../images/header.png); height:120px; position:relative; }
#mainNav { position: relative; z-index: 999999; }

#header h6 { font-size: xx-small; text-indent: -9999px; overflow: hidden; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; position: absolute; top: 21px; }
#header h6 a { display: block; width: 625px; height: 87px; background: no-repeat 0em; }
#topNav { margin:0; padding:0; position:absolute; right:15px; top:0px; font-size:11px; }
#topNav li { display:inline; padding:0 10px; }
#topNav li a:link, #topNav li a:visited { color:#fff; }
#banner { height:350px; z-index: 888888; position: relative; }
#content-wrap { overflow:hidden; background:#ccc repeat-x; border-left:none; border-top-style: none; border-right-style: none; border-bottom-style: none; }
#content-wrap #feature { background:#C4151C url(../images/bg_feature.png) repeat-x; color:#fff; float:left; width:480px; padding:25px; font-size:14px; height:138px; }
#content-wrap #feature a { color:black; }

#events { background:#FDFDFD url(../images/bg_content-wrap.png) repeat-x; float:left; width:319px; padding:25px; height:138px; }
#event h2 { margin:0 0 10px; color:#C4161C; font-size:18px; font-weight:100; }
#events ol { list-style:none; }
#events li { padding:3px 0px; margin: 0px; border-bottom: 1px dotted #CCC; }
#events a:link, #events a:visited { color:#C4161C; }
#events p { margin:0; }

#content { float:left; padding:25px; width:599px; min-height:450px; background: #fff; }
#content-full  { padding:25px; margin: 0px; background: #FFF; }


#sideBar { float:left; padding:25px; width:200px; background:no-repeat; color:#fff; min-height:450px; margin: 0px; }
#sideBar ul { list-style: none; padding: 0px; margin: 0px; }
#sideBar ul li a { display: block; padding-top: 3px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 5px; padding-left: 15px; color: #333; font-weight: bold; background: #BCBCBC; }
#sideBar ul li ul { display: none; }
#sideBar ul li.selected ul { display: block; }


body.page-forum #sideBar ul li ul { display: block; }
#sideBar ul li ul li a { padding-left: 25px; font-weight: normal; }
#sideBar ul li.selected ul li a { background: #D6D6D6; }
#sideBar ul li.selected ul li a:hover { background: #FFF; }
#sideBar ul li a:hover, #sideBar ul li.selected a { color: #000; background: #FFF; text-decoration: none; }


#logos { background:#ECECEC url(../images/bg_logos.png) repeat-x; text-align:center; padding:25px 10px; position:relative; height:80px;}
#logos h3 { text-align:left; }
#logos img { margin:0 20px; }
#social { position:absolute; right:10px; bottom:15px; }
#social span { display:none; }
#social a:link, #social a:visited { display:block; height:24px; width:24px; margin:0 10px; background-repeat:no-repeat; background-position:0 0; float:left; }
#social a:hover { background-position:0 -24px; }
#social a#email { background-image:url(../images/icon_email.png) }
#social a#twitter { background-image:url(../images/icon_twitter.png) }
#social a#facebook { background-image:url(../images/icon_facebook.png) }
#footer-wrap { border-bottom:solid 6px #C4161C; background:#ECECEC url(../images/bg_footer.png) repeat-x; height:104px; padding:25px; }
#footer-wrap #footer { padding:7px 7px 7px 100px; background:#F2F2F2 url(../images/logo_srmt.gif) no-repeat 10px 10px; font-size:10px; overflow:hidden; position:relative; height:90px; }
#footer ul { list-style:none; line-height:12px; font-weight:700; float:left; margin:0 5px; }
#footer li.header a:link, #footer li.header a:visited { color:#666; }
#footer li a:link, #footer li a:visited { color:#A4A4A4; }
#footer li.highlight a:link, #footer li.highlight a:visited { color:#C4161C; }
#footer #copy { color:#999; text-align:right; position:absolute; bottom:0; right:5px; }
#footer #copy strong { color:#666; }
#forum-extras { float: right; }
#forum-extras img { float: right; display: inline; }

/*====Internal Page====*/
#internal #sideBar, #internal #content {float:right;}

.forum-container { margin-top: 44px; }

/*====Web Apps====*/
.table {border-bottom:solid 1px #999;margin:0 0 20px;}
.list { position:relative; padding: 5px; background: #FCFCFC; border: 1px dotted #CCC; margin-bottom: 5px; }
a.add-item { background: url(../images/button-add.png) no-repeat 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; }
.file a  { margin: 0; background: url(../images/button-download.png) no-repeat; padding: 0px; height: 23px; width: 104px; text-indent: -999999px; font-size: xx-small; display: block; }
.delete a  { margin: 0; background: url(../images/button-delete.png) no-repeat bottom; padding: 5px 0px 0px; height: 15px; width: 16px; text-indent: -999999px; font-size: xx-small; display: block; }

.description { margin-bottom: 6px; }



.controls { position:absolute; right:5px; top:5px; }
#add-item , #cat1, #cat2, #cat3 {display:none;}
#add-item input, #add-item textarea {font:12px Arial, Verdana, Helvetica, sans-serif;}


table.trainees td{ padding: 5px; border: 1px solid #D6D6D6; }
table.trainees tr.even { background: #F7F9FF; }


/* Captions */


div.caption { margin: 0 0px 10px; border: 1px solid #ccc; padding: 5px; }
div.right { margin-left: 20px; }
div.left { margin-right: 20px; }
div.caption img { margin: 0; padding:0; border-style: none; }
div.caption p { margin: 5px 0 0 0; padding: 5px; border-top: 1px #ddd dotted; font-size: .9em; }

.right { float: right; margin-left: 20px; }
.left { float: left; margin-right: 20px; }