@import url(common.css);

/* -- Homepage styles -- */

/* --- Side navigation -- */

#body_sidenav {
	float: left;
	width: 220px; 
	height: auto;
	text-align: left;
	margin-top: 5px;
}

#info h1 {
        margin-top: 10px;
        margin-bottom: 0px;
        font-size: 12px;
        margin-left: 5px;
        color: #94948F;
        font-family: 'Trebuchet MS', verdana, sans-serif;
        font-weight: normal;
}

#info h2 {
	margin: 0;
	margin-left: 10px;
	margin-top: 0px;
	padding: 5px 0 3px 20px;
	line-height: 25px;
	background: url(../images/misc/goldbullet.gif) no-repeat 8px 12px;
	border-bottom: solid #E6E6E6 1px;
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 14px;
	width: 90%;
}

#info h2 a:link, #info h2 a:visited, #leftlinks li a:link, #leftlinks li a:visited, #info h2 a:active, #leftlinks li a:active {
	color: black;
	text-decoration: none; 	
}

#info h2 a:hover, #leftlinks li a:hover  {
	color: #e80649;
}

/* --- Homepage pic and news/announcements links --- */

#body_links_container {
	float: right;
	width: 710px;
}

#body_pic {
	float: right; 
	border-left: solid #999999 1px; 
	border-bottom: solid #999999 1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 710px;
	height: 270px;
	/*position: relative; */
	z-index: -7;
}

#body_links {
	float: right; 
	text-align: center; 
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
	width: 710px;
	border-bottom: solid #E6E6E6 1px;
}

#body_links_news {
        margin-top: 10px;
        float: left;
        padding-left: 5px;
        padding-right: 3px;
        width: 347px;
        text-align: left;
        border-left: solid #E6E6E6 1px;
        border-right: solid #E6E6E6 1px;		
}

#body_links_announce {
        margin-top: 10px;
        float: left;
        padding-left: 5px;
        padding-right: 3px;
        width: 345px;
        text-align: left;		
}
#body_links_bottom {
	float: right; 
	text-align: center; 
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
	width: 710px;	
}
#body_links_bottom_left {
        margin-top: 10px;
        float: left;
        padding-left: 5px;
        padding-right: 3px;
        width: 234px;
        text-align: left;        		
}

#body_links_bottom_middle {
        margin-top: 10px;
        float: left;
        padding-left: 5px;
        padding-right: 3px;
        width: 225px;
        text-align: left;	
}
#body_links_bottom_right {
        margin-top: 10px;
        float: left;
        padding-left: 5px;
        padding-right: 3px;
        width: 225px;
        text-align: left;	
}

#leftlinks {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#leftlinks h1 {
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 14px; 
	color: #CC3333;
	margin-top: 0px; 
	margin-bottom: 10px;
	margin-left: 0px;
}
#leftlinks ul {
	width: 130px;
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#leftlinks li {
	width: 130px;
	line-height: 25px;
	margin: 0 0 1px 1px;
	display: inline;
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin-left: 15px;
}

#leftlinks li a {
	text-indent: 3px;
	width: 130px;
	height: 23px;
	color: #000000;
	display: block;
	float: left;
	background-color: #F0F0F0;
}

#leftlinks li a:hover { 
	background-color: #F0F0F0; 
}

#left_container {
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: solid #000 0px;
	border-right: solid #000 0px;
	border-bottom: solid #000 0px;
	border-top: solid #000 0px;
	text-align:center;	
	width:234px;
	height:160px;
	float:right;
}
#middle_container {
	margin-top: 00px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 00px;
	border-left: solid #000 0px;
	border-right: solid #000 0px;
	border-bottom: solid #000 0px;
	border-top: solid #000 0px;
	text-align:center;
	width:179px;
	height:160px;
	float:right;
}

#body_links_news h1, #body_links_announce h1 {
	font-family: 'Trebuchet MS', verdana, sans-serif;
	font-size: 14px; 
	color: #CC3333;
	margin-top: 0px; 
	margin-bottom: 10px;
	margin-left: 0px;
}

#body_links_news h1 img, #body_links_announce h1 img {
	margin-left: 0px;
}

#body_links_news ul, #body_links_announce ul {
	/*padding: 0; */
        margin: 0;
	padding: 0px 13px 8px 0px;       
	list-style-type: none;
}

#body_links_news li, #body_links_announce li {
	
	display: inline-block;
	background: url(../images/misc/red_arrow.gif) no-repeat 8px 8px;
	padding: 1px 0 4px 16px;
	
}

#body_links_news li a, #body_links_announce li a {
	
	margin: 0px 0px 4px 0px;
        padding: 1px 0px;	
	display: block;
}

#body_links_news li a:link, #body_links_announce li a:link {
      	color: #333333;
	text-decoration: none;
}

#body_links_news li a:visited, #body_links_announce li a:visited {
      	color: #333333;
	text-decoration: none;
}

#body_links_news li a:hover, #body_links_news li a:active, #body_links_announce li a:hover, #body_links_announce li a:active {
	background-color: #F0EEE4;
}

ul#leftlinks {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}


ul#leftlinks li {
	border-bottom: solid #DDDDDD 1px;
	margin: 0;
	padding: 0;
	width: 99%;
}

ul#leftlinks li.first {
	border-top: solid #DDDDDD 1px;
}

ul#leftlinks a {
    margin: 0;
	padding: 0;
    text-decoration: none;
    display: block;
	color: black;
	cursor: pointer;

	width: 100%;
	height: 40px;
}

ul#leftlinks a:hover {
	background-color: #F0EEE4;
	border-bottom: none;
}

ul#leftlinks img {
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: solid #DDDDDD 1px;
	float: left;

	padding: 0;
}

ul#leftlinks .feature {
        float: right;
        width: 83%;
        padding: 0;
	margin: 0;
}

ul#leftlinks .title {
        clear: none;
        padding: 0;
	line-height: 14px;
	display: block;
	padding-top: 12px;
	margin: 0;	
}

#more_news {
	text-align: left;
	margin-bottom: 5px;
}

#more_news a {
	display: inline;
}

#more_news a:link, #more_news a:visited, #more_news a:active {
        text-decoration: underline;
        color: #B31B1B;
}

#more_news a:hover {
        color: #B31B1B;
        text-decoration: none;
}

#knight {
        float: left;
        width: 75px;
        padding-top: 15px;
}

#connect {
        float: left;
		margin-left: 15px;
        width: 175px;
        padding-top: 15px;
}

#connect h1 {
	padding: 0;
	margin: 0;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;	
}

#connect a {
	color: #333333;
	margin: 0;
	padding: 2px;
	text-decoration: none;
	
}
#connect a:hover {
	color: #B31B1B;
}