﻿/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
/*	background: #ffffff url(images/img01yellow.gif) repeat-x;
	background:#f7c55A url('/healthyudelmarva/images/sgcbkg.gif');*/
	background: url('http://www.salisbury.edu/common/images/bg1.gif');
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h3 {
	font-weight: normal;
	color: maroon;
	margin-bottom: 0;
	font-size: 130%;
}

h2 {
	font-weight: normal;
	color: maroon;
}

h1 {
	margin-bottom: 20px;
	font-weight: normal;
	color: maroon;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 167%;
}

ul {
	line-height: 160%;
}

ul li {margin-bottom: 10px}

ol {
	line-height: 180%;
}

p {
	line-height: 160%;
}


ol {
}

ul {
}

img {
	border: 0;
	margin: 5px;
}


blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: italic;
	color: #999999;
}

blockquote * {
	line-height: normal;
}

a {
	color: maroon;
}

a:hover {
	text-decoration: none;
}

img {
	border-style: solid;
	border-color: inherit;
	border-width: 1px;
}

img.left {
	float: left;
	margin: 10px 10px 0 0;
}

img.right {
	float: right;
	margin: 10px 0 0 10px;
}

hr {
	display: none;
}

/* Header */

#header {
	width: 760px;
	height: 70px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	padding-top: 20px;
}

#logo h2 {
	margin: 0;
	padding-left: 10px;
	font-weight: normal;
	color: white;
	/*font-family: times new roman;*/
}

#logo h1 {
	margin: 0;
	padding-left: 10px;
	font-weight: normal;
	color: maroon;
	font-size:210%;
	color: white;

	/*font-family: times new roman;*/
}

#logo h1 {
	font-weight: bold;
}

#logo h2 {
	margin-top: 5px;
	font-size: 120%;
	color: white;

}

#logo a {
	text-decoration: none;
	color: white;

}

/* Top Menu */

#topmenu {
	float: right;
		color: white;

}

#topmenu ul {
	margin: 0;
	padding: 32px 0 0 0;
	list-style: none;
	line-height: normal;
		color: white;

}

#topmenu li {
	display: inline;
		color: white;

}

#topmenu a {
	padding: 0 20px;
	border-left: 1px solid maroon;
	text-decoration: none;
	font-size: 92%;
	color: white;
}

#topmenu a:hover {
	text-decoration: underline;
}

#topmenu .first a {
	border: none;
}

/* Header 2 */

#header2 {
	width: 760px;
	height: 200px;
	margin: 0 auto;
}

/* Menu */

#menu {
/*	float: left; 
	width: 200px;*/
/*	height: 200px;*/
	background: url(images/img03red.jpg);
	color: #FFFFFF;
	padding-left: 5px;
	padding-top: 15px;
	padding-right: 5px;

}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	color: #FFFFFF;

}

#menu li {
	display: inline;
	color: #FFFFFF;

}

#sidebar #menu a {
	display: block;
/*	background: url(images/img05red.gif) repeat-x;*/
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 1px #f7c55a dotted;

}

#sidebar #menu a:hover {
	text-decoration: none;
	color: #f7c55a;
}

#menu .first a {
}

/* Splash */

#splash {
	float: none;
	width: 760px;
	height: 200px;
}


/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	padding: 0px 0;
	border-top: 10px solid #F4B126;
	/*background-color: white;*/
}

/* Content */

#content {float: left;
	width: 540px;
	padding: 5px 10px 5px 10px;
	line-height: 150%;
	background-color:white;
	min-height:879px;

}

#content ul {
	margin-left: 15px;
	padding-left: 10px;
	/*list-style: none;*/
}

#content ul {
	margin-left: 15px;
	padding-left: 10px;
	/*list-style: none;*/
}

#content ul li {
	padding-left: 5px;
	list-style: square;
	
}

left: 0;
	list-style: lower-alpha inside;
}

.title {
	padding-top: 3px;
}

.content {
	padding: 5px 20px 20px 5px;
/*	background: url(images/img10.gif) no-repeat;*/
	min-height:850px;
	background-color:white;



}

.content {
	padding: 5px 20px 20px 5px;
/*	background: url(images/img10.gif) no-repeat;*/
	min-height:850px;
	background-color:white;


}


.twocols {
}

.twocols .col1 {
	float: left;
	width: 220px;
}

.twocols .col2 {
	float: right;
	width: 220px;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 200px;
/*	background-color:#f7c55a;*/
	background-color:#F9D386;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 0px;
/*	background: #f7c55a url(images/img07.jpg) no-repeat right bottom;*/
}

#sidebar li ul {
	padding: 10px 20px;
	font-size: 92%;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-top: 1px dotted black;
}

#sidebar h2 {
	height: 30px;
	margin: 0;
	padding: 6px 0 0 10px;
	background: url(images/img07.jpg) no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: maroon;
}

#sidebar h3 {
	margin: 0;
	color: black;
}

#sidebar p {
	margin: 0;
	line-height: normal;
	color: #666666;
}

#sidebar a {
	text-decoration: none;
	color: maroon;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar .first {
	border: none;
}

/* Footer */

#footer-wrapper {
	height: 100px;
	padding: 20px 0;
	/*background: #E6E6E6;
	border-top: 10px solid #CDCDCD;*/
}

#footer {
	width: 760px;
	margin: 0 auto;
	color: white;
	
}

#footer p {
	margin: 0;
	line-height: normal;
}

#footer a {
	color: white;
}

#legal {
	float: left;
	padding: 10px 0 10px 0px;
	background: url(-images/img11.gif) no-repeat left center;
}

#links {
	float: right;
	padding: 10px 0 0 0;
}
/*
--------------------------------
SHADOW TABLE
--------------------------------
*/
#shadow-container {
    left: 3px;
    top: 3px;
    margin-right: 10px;
    margin-bottom: 3px;
    margin-left: 10px;
    float:right;
}

#shadow-container .container {
    position: relative;
    right: -2px;
    top: -2px;
}

    #shadow-container .shadow3 {
    position: relative;
    right: -2px;
    top: -2px;
}

    #shadow-container .shadow2 {
    position: relative;
    right: -2px;
    top: -2px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
        
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 0px solid #600000;
        padding: 0px;
    }
        
    #shadow-container .container .content-shadow h1 {
	margin: 5px 0px 10px 0px;
	font-size: 10pt;
	}
    #shadow-container .container .content-shadow h2 {
	margin: 5px 0px 10px 0px;
	font-size: 9.5pt;
	}
    #shadow-container .container .content-shadow h3 {
	margin: 5px 0px 10px 0px;
	font-size: 9pt;
	}
    #shadow-container .container .content-shadow h4 {
	margin: 5px 0px 10px 0px;
	font-size: 8.5pt;
	}
    #shadow-container .container .content-shadow h5 {
	margin: 5px 0px 10px 0px;
	font-size: 8.5pt;
	}
    #shadow-container .container .content-shadow h6 {
	margin: 5px 0px 10px 0px;
	font-size: 8.5pt;
	}

#badge {
	float:right; 
	width: 180px; 
	border: 1px #600000 solid; 	
	margin-left: 10px;
	background-color:#eeeeee;
}
#badge .header {
	background: maroon url('/common/homepage/images/newshead.jpg'); 
	background-color: maroon;
	color: white; 
	text-align:center;
	margin-bottom;
	float:none;
	margin: 0px;
	font-weight: bold;
	font-size: 11pt;
	padding: 1px 0px 2px 0px;
}
#badge .content-shadow {
	color: black;
	float:none;
	margin: 0px;
	padding: 5px 5px 10px 5px;
	font-size: 9pt;
	background-image:url('/common/css/badgecontentbg.png');
	line-height: 160%;

}
#badge .content-shadow p {
	font-size: 9pt;

}

#badge .content-shadow a {
	color: maroon;
	text-decoration:none;
	font-weight: normal;
}
#badge .content-shadow a:visited {
	color: #600000;
	text-decoration:none;
}
#badge .content-shadow a:hover {
	color: #333333;
	text-decoration:underline;
}

#badge .content-shadow ul {
	/*margin-left: -10px;
	margin-top: 5px;
	margin-bottom: 10px;*/

}

#badge .content-shadow li {
	margin: 0px 0px 5px 0px;
	padding:0;
	line-height:160%;

}

#badge .content-shadow li a {
	color: maroon;
	text-decoration:none;
	font-weight: normal;
}
#badge .content-shadow li a:visited {
	color: #600000;
	text-decoration:none;
}
#badge .content-shadow li a:hover {
	color: #333333;
	text-decoration:underline;
}
#badge .content-shadow ol {
	margin-top: 5px;
	margin-bottom: 10px;

}
#badge .content-shadow ol a {
	color: maroon;
	text-decoration:underline;
	font-weight: normal;
}
#badge .content-shadow ol a:visited {
	color: #600000;
	text-decoration:none;

}
#badge .content-shadow ol a:hover {
	color: #333333;
	text-decoration:underline;
}
/*#badge .content-shadow li {
	margin-bottom: 7px;
	line-height:160%;
		
}*/

#previous {
	float: right;
	text-align: right;
	line-height: 150%;
	font-size: 7.5pt;
	margin-bottom: 5px;
}
#previous a {
	text-decoration: none;
	font-weight:normal;	
	font-size: 7.5pt;
}
#previous a:active {
	text-decoration: none;	
}
#previous a:visited {
	text-decoration: none;	
}
#previous a:hover {
	text-decoration: underline;
	color: #666666;	
}

